@charset "UTF-8";

@font-face {
    font-family: 微軟正黑體修正;
    unicode-range: U+7db0, U+78A7, U+7B75;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/NotoSansTC-Regular.woff2) format("woff2")
}

body {
    position: relative;
}

ul {
    list-style: none
}

ol li {
    margin-left: 1em
}

.red-underline {
    border-bottom: 3px solid #e52020;
    letter-spacing: 3px;
    text-indent: 3px;
    padding-bottom: 7px
}

.red-underline .fa {
    margin-right: 5px
}

.grey-underline {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 0
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

a.title {
    font-size: 20px
}

a {
    display: inline-block;
    cursor: pointer
}

.radius {
    border-radius: 3px
}

.float {
    float: left
}

.background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s !important;
    transition: all .3s !important
}

.mask::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%)
}

h4.product_name,
h4.event_name {
    margin: 10px 0px;
    color: #878585;
    font-weight: 300;
}

.play {
    display: block;
    opacity: .7;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2
}

.play .fa {
    font-size: 55px;
    color: #fff
}

.note {
    margin-top: 15px
}

.note p {
    margin-bottom: 5px;
    color: #999;
    font-size: 2px
}

.flex-control-nav {
    display: none
}

.ei-slider-thumbs {
    width: 100%;
    height: 115px;
    bottom: 0;
    position: absolute;
    top: auto;
    left: 0;
    max-width: 100% !important
}

.ei-slider-element {
    display: none
}

.ei-slider-thumbs li {
    width: 25%;
    max-width: 100% !important;
    padding: 0
}

.ei-slider-thumbs li a {
    width: 100%;
    max-width: 100% !important
}

.ei-slider-thumbs li:nth-child(2),
.ei-slider-thumbs li:nth-child(2) a {
    background-color: rgba(204, 40, 30, 1)
}

.ei-slider-thumbs li:nth-child(3),
.ei-slider-thumbs li:nth-child(3) a {
    background-color: rgba(217, 72, 45, .7)
}

.ei-slider-thumbs li:nth-child(4),
.ei-slider-thumbs li:nth-child(4) a {
    background-color: rgba(231, 104, 63, .7)
}

.ei-slider-thumbs li:last-child,
.ei-slider-thumbs li:last-child a {
    background-color: rgba(245, 134, 78, .7)
}

.ei-slider-thumbs li img {
    display: none
}

.ei-slider-tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 14%;
    cursor: pointer
}

.ei-slider-tab h4 {
    font-size: 28px;
    margin-bottom: 0
}

.ei-slider-tab p {
    margin-bottom: 0
}

.vertical_last {
    margin-bottom: 0 !important
}

.button {
    padding: 0 40px;
    margin: 0;
    text-shadow: none;
    border-radius: 3px;
    background-color: #e52020;
    font-size: 16px;
    color: #fff
}

textarea {
    width: 100%;
    resize: none;
    color: #aaa;
    font-size: 16px;
    padding: 10px;
    border-radius: 3px;
    margin-top: 20px
}

textarea:focus {
    border-color: #aaa !important
}

.slick-slide img {
    width: 100%
}

.sm-form-control {
    padding: 10px;
    border-width: 1px 0 1px 1px;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-color: #ccc
}

.sm-form-control:focus~.input-group-addon {
    border-color: #AAA
}

.input-group-addon:last-child {
    background-color: transparent
}

.underline {
    text-decoration: underline !important
}

.red {
    color: #e52020 !important
}

.yellow {
    color: #f89406 !important
}

.white,
.white.title {
    color: #fff !important
}

.deepgrey,
.title {
    color: #333
}

.grey {
    color: #555
}

.lightgrey {
    color: #999
}

.deepblue {
    color: #4183d7 !important
}

.green {
    color: #90bf11 !important
}

.blue {
    color: #5bc0de !important
}

.deepred {
    color: #dd4b39
}

.grey-bg {
    background-color: #f9f9f9
}

.grey-bg .author-block {
    background-color: #fff
}

.mgtop50 {
    margin-top: 50px
}

.pdtb50 {
    padding: 50px 0
}

input.type2 {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: none;
    padding-left: 35px;
    color: #333;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

input.type2::-webkit-input-placeholder {
    color: #ccc
}

input.type2::-moz-placeholder {
    color: #ccc
}

input.type2:-ms-input-placeholder {
    color: #ccc
}

input.type2:-moz-placeholder {
    color: #ccc
}

input[type="checkbox"] {
    display: none !important
}

input.noicon {
    padding-left: 10px
}

label {
    font-size: 14px;
    margin-bottom: 0;
}

table {
    width: 100%
}

.before-after-none::before,
.before-after-none::after {
    display: none
}

.title {
    font-weight: 700
}

.section {
    margin: 50px 0
}

.title-nav>li::after {
    content: '/';
    display: inline-block;
    font-size: 14px;
    color: #999
}

.title-nav li:last-child::after {
    display: none
}

.title-nav {
    float: right
}

.title-nav>li {
    display: inline-block;
    float: left;
    letter-spacing: 0
}

.title-nav>li span {
    color: #333;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700
}

.title-nav>li>a {
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    margin: 0 5px
}

.share li {
    float: left
}

.si-facebook {
    background-color: #365899
}

.si-google {
    background-color: #d32f2f
}

.si-line {
    background-color: #00c402
}

.share_btn {
    width: 40px;
    height: 42px;
    margin-left: 10px;
    line-height: 42px;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: top
}

.share_btn i {
    display: block;
    font-size: 18px;
    line-height: 42px
}

.share_btn * {
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.share_btn:hover :first-child {
    margin-top: -42px
}

.record-main-block {
    padding: 20px 30px
}

.record-main-block .leaderboard-blocks {
    border-bottom: none;
    margin-bottom: 0
}

.leaderboard-row #compass-fit-widget {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

@media (max-width: 479px) {
    .share {
        margin: 0 auto
    }
}

.font-size-selector {
    float: none;
    display: inline-block;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    overflow: hidden
}

.font-size-selector>li>a::before {
    display: none
}

.font-size-selector>li {
    float: left
}

.font-size-selector>li>a {
    height: 40px;
    text-align: center;
    width: 40px;
    background-color: #fff;
    color: #555;
    font-weight: 500;
    font-family: 'times new roman';
    -webkit-transition: .3s all;
    transition: .3s all
}

.font-size-selector>li>.font-size-small {
    font-size: 16px;
    color: #333;
    line-height: 50px
}

.font-size-selector>li>.font-size-medium {
    font-size: 24px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    color: #333;
    line-height: 45px
}

.font-size-selector>li>.font-size-big {
    font-size: 30px;
    color: #333;
    line-height: 40px
}

@media (max-width: 479px) {
    .font-size-selector {
        display: none
    }
}

.border {
    border: 1px solid #e7e7e7 !important
}

.border-none {
    border: none !important
}

.deepgrey-border {
    border: 1px solid #666 !important
}

.shallowgrey-border {
    border: 1px solid #eee
}

.border-bottom {
    border-bottom: 1px solid #eee
}

.circle {
    border-radius: 50% !important
}

#posts {
    overflow: visible;
    margin: 0 -15px
}

#posts::before {
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
    position: absolute;
    top: 0;
    left: calc(33.3333% - 0.5px)
}

#posts::after {
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
    position: absolute;
    top: 0;
    left: calc(66.6667% - 0.5px)
}

#posts hr {
    margin: 0;
    height: 1px;
    background-color: #e7e7e7;
    width: calc(100% - 30px)
}

#posts .entry-content,
.entry-title h2 a {
    text-align: left
}

.post-grid.grid-3 .entry {
    width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 30px;
    margin-right: 0
}

.post-grid.grid-3 .col-md-4 .entry {
    width: 100%;
    padding: 0
}

@media (max-width: 767px) {
    .post-grid.grid-3 .entry {
        padding: 0
    }

    #posts {
        margin: 0
    }
}

.programs {
    margin-bottom: 30px
}

.programs>div {
    position: relative;
    height: 100%;
    padding-bottom: 50px
}

.programs .book-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.program-text {
    padding: 15px
}

.program-text .title {
    color: #333;
    font-size: 18px
}

.programs .book-bottom a {
    color: #333;
    font-size: 15px
}

.programs .imgbox img {
    width: 100%
}

.offers {
    text-align: left;
    margin: 15px 0;
    font-size: 18px
}

.offers .bold {
    font-weight: 500;
    margin-right: 5px
}

.leaderboard-blocks {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

.list-area .leaderboard-blocks:last-child {
    margin-bottom: 0;
    border: none
}

.leaderboard-blocks .imgbox {
    display: inline-block;
    width: 280px;
    height: 175px;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
    vertical-align: top
}

.leaderboard-blocks .imgbox.smallimg {
    width: 175px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 0
}

.leaderboard-blocks .subscription-imgbox {
    width: auto;
    height: auto
}

.leaderboard-blocks .content-box {
    display: inline-block;
    width: calc(100% - 310px);
    vertical-align: top;
    text-align: left
}

.leaderboard-blocks .content-box p {
    font-size: 15px
}

.leaderboard-blocks .smallimg~.content-box {
    width: calc(100% - 185px);
    float: left
}

.leaderboard-blocks .smallimg~.content-box .tag {
    position: static;
    margin-bottom: 10px
}

.leaderboard-blocks .content-box .title-link {
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: .05em;
    -webkit-transition: all .3s;
    transition: all .3s
}

.leaderboard-blocks .content-box .tag {
    margin-right: 3px
}

.sidebar {
    width: 300px
}

.sidebar.list-link {
    width: 200px
}

.sidebar .sidebar-widgets-wrap .widget>h4 {
    height: 45px;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 45px;
    background-color: #ebebeb
}

.sidebar .spost .entry-meta li {
    font-style: normal;
    font-weight: 200;
    line-height: 1.7
}

.sidebar .spost .entry-image,
.sidebar .spost .entry-image a,
.sidebar .spost .entry-image img,
.sidebar .spost .entry-image i {
    width: 70px;
    height: 70px
}

.sidebar .sidebar-widgets-wrap .widget {
    border-top: none;
    padding-top: 0;
    margin-top: 20px
}

.sidebar .spost .entry-title h4 a {
    font-size: 17px;
    letter-spacing: .05em
}

.sidebar .sidebar-widgets-wrap .widget:first-child {
    padding-top: 0;
    margin-top: 0
}

.sidebar .sale-book-block {
    border: none !important
}

.sidebar .book-content {
    padding: 0
}

.sidebar .book-content .imgbox {
    height: 90px;
    margin-right: 10px;
    float: left
}

.sidebar .book-text-area {
    width: calc(100% - 100px);
    float: left
}

.sidebar .book-content .title {
    height: auto;
    font-size: 15px
}

.sidebar .offers {
    margin: 10px 0 0
}

.sidebar .list>li {
    margin-bottom: 3px
}

.sidebar .list>li>a {
    font-size: 16px;
    color: #666;
    background-color: #f5f5f5;
    display: block;
    padding: 15px
}

.sidebar .list>li>a span {
    background-color: #f5f5f5
}

.sidebar .list>li>a.active,
.sidebar .list>li>a.active span,
.sidebar .list>li>a:hover,
.sidebar .list>li>a:hover span {
    background-color: #e52020;
    color: #fff
}

.sidebar .list>li>a .fa {
    padding: 1px;
    border-radius: 3px;
    font-weight: 200;
    color: #fff;
    background-color: silver
}

.sidebar .checkbox>li>a::before {
    content: '';
    display: inline-block;
    width: 14.5px;
    height: 13px;
    background-image: url(../img/check.png);
    background-size: cover;
    background-position: top;
    margin-right: 5px
}

.sidebar .checkbox>li>a:hover::before,
.sidebar .checkbox>li>a.active::before {
    background-position: bottom
}

.right-sidebar-search {
    padding: 20px
}

.sale-book-block.col_one_fifth:nth-child(5n),
.sale-book-block.col_one_fourth:nth-child(4n),
.sale-book-block.col_one_third:nth-child(3n) {
    margin-right: 0
}

.book-place {
    border-bottom: 1px solid #e7e7e7;
    color: #666;
    font-size: 14px
}

.book-place>span {
    display: inline-block;
    vertical-align: middle
}

.place {
    width: 35px;
    background-color: #333;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px
}

.no {
    font-style: italic;
    font-size: 24px
}

.book-content {
    overflow: hidden;
    position: relative
}

.book-content .remove_box {
    text-align: right
}

.book-content .remove {
    color: #777
}

.book-content .remove .fa {
    -webkit-transition: all 0 !important;
    transition: all 0 !important
}

.book-content .remove:hover {
    color: #333
}

.book-content::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #e7e7e7;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    position: absolute;
    top: -7px;
    left: 50%
}

.book-content .imgbox {
    display: block;
    margin-bottom: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.book-content .imgbox::before {
    content: '';
    display: block;
    padding-top: 140%
}

#single-slider .book-content .imgbox {
    height: auto
}

.book-content .imgbox>img {
    height: 100%
}

.book-content .title {
    font-size: 20px;
    margin-bottom: 0;
    max-height: 2.8em;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 10px
}

.saleoff-text {
    margin-bottom: 10px
}

.book-bottom {
    border-top: 1px solid #e7e7e7
}

.book-bottom .want-buy {
    padding: 0;
    background-color: transparent;
    color: #333
}

.book-bottom>div {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #666;
    height: 50px;
    line-height: 50px
}

.book-bottom>div>span,
.book-bottom>div>a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: block
}

.book-bottom>div>a {
    color: #999
}

.book-bottom>div .price {
    font-size: 20px;
    color: #e52020;
    font-weight: 500;
    margin: 0 3px
}

.book-bottom>div:first-child {
    border-right: 1px solid #e7e7e7
}

.book-bottom>div .fa {
    margin-right: 5px
}

.book-bottom.type-2 {
    border-bottom: 1px solid #cdcdcd;
    border-top: none
}

.book-bottom.type-2>div:first-child {
    border-right: none
}

.want-buy {
    font-size: 15px;
    padding: 10px 15px;
    background-color: #e7e7e7
}

.main-theme-block {
    margin-bottom: 35px;
    height: 400px;
    position: relative;
    text-align: left
}

.main-theme-block>a {
    display: block
}

.themelist-content-ad {
    margin-bottom: 50px
}

.themelist-content-ad a,
.themelist-content-block-smallad a {
    width: 100%
}

.themelist-content-block-smallad {
    margin: 0 0 30px
}

.album_imgbox {
    background-size: cover;
    background-position: center
}

.album_imgbox::before {
    content: '';
    display: block;
    padding-top: 68.7%
}

#video-slider {
    height: 450px
}

#video-slider .video-blocks {
    height: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-right: 2px solid #fff
}

#video-slider .background {
    background-size: cover;
    background-position: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

#video-slider .background::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.005)), color-stop(10%, rgba(0, 0, 0, 0.05)), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(30%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0.4)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.005) 0%, rgba(0, 0, 0, 0.05) 10%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.4) 50%)
}

#video-slider .video-text {
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 50% 20px 10px
}

#video-slider .video-blocks .video-text .title {
    margin-bottom: 0
}

#video-slider .slick-list,
#video-slider .slick-track {
    height: 100%
}

.tag {
    display: inline-block !important;
    padding: 3px 7px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    font-size: 15px !important;
    color: #fff !important;
    margin-bottom: 10px
}

.story_tag {
    display: inline-block;
    padding: 15px 20px;
    background-color: rgba(239, 72, 54, .6);
    margin-right: 25px
}

.tag.hot {
    background-color: #e52020
}

.tag.ad {
    background-color: #00b16a
}

.tag.hot-person,
.tag.person-view {
    background-color: #ff8a00
}

.tag.tech,
.tag.company,
.tag.year-money,
.tag.build {
    background-color: #4183d7
}

.tag.somebody-column {
    background-color: #F89506
}

.tag.video {
    background-color: #8441d7
}

.tag.img-tag {
    position: absolute;
    bottom: 0;
    left: -5px;
    margin-bottom: 0;
    z-index: 10
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: #fff
}

.tags-content .blue {
    color: #5bc0de
}

.tagcloud a:hover {
    color: #fff !important
}

.verti_one_three {
    height: calc(33.3333% - 1.33px)
}

.verti_one_three:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .8) 100%);
    z-index: 2
}

#content p {
    line-height: 1.7em !important;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

#content p.active {
    color: #EF4633
}

.title-line-high {
    line-height: 1.3em !important
}

.title-limit-row-two {
    max-height: 2.6em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.title-limit-row-three {
    max-height: 3.9em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box
}

.title-limit-row-five {
    max-height: 7em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box
}

.text-limit-row-two {
    max-height: 3em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box
}

.text-limit-row-three {
    max-height: 5.1em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box
}

.text-limit-row-four {
    max-height: 6.8em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box
}

.text-limit-row-five {
    max-height: 8.5em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box
}

.hover-event:hover~.scale,
.hover-event:hover .scale {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.hover-event:hover .padding-effect,
.hover-event:hover~.padding-effect {
    padding: 20px 10px !important
}

.hover-event:hover~.margin-effect,
.hover-event:hover .margin-effect {
    margin-right: 15px
}

.hover-event:hover .show {
    opacity: 1 !important
}

.hover-text-color-red:hover,
.hover-text-color-red:hover .fa {
    color: #e52020 !important
}

.hover-text-color-fff:hover,
.hover-text-color-fff:hover .fa,
.hover-text-color-fff:hover .file_size {
    color: #fff !important
}

.hover-bg-color-red:hover {
    background-color: #e52020 !important;
    border-color: transparent !important
}

.hover-border-color-red:hover {
    border-color: #e52020 !important
}

.hover-opacity {
    -webkit-transition: .3s all;
    transition: .3s all
}

.hover-opacity:hover {
    opacity: .8
}

.box-shadow {
    -webkit-box-shadow: 3px 3px 15px 1px rgba(0, 0, 0, .25);
    -ms-box-shadow: 3px 3px 15px 1px rgba(0, 0, 0, .25);
    -o-box-shadow: 3px 3px 15px 1px rgba(0, 0, 0, .25);
    box-shadow: 3px 3px 15px 1px rgba(0, 0, 0, .25)
}

.more-content {
    width: 100%;
    text-align: center;
    margin-top: 35px
}

.more-content a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    height: 50px;
    line-height: 47px;
    padding: 0 40px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin: 0 10px;
    -webkit-transition: all .3s !important;
    transition: all .3s !important
}

.more-content a:hover {
    background-color: #e52020;
    border-color: transparent
}

.more-content .light {
    color: #fff;
    border-color: #fff
}

.more-content .red {
    background-color: #e52020;
    color: #fff;
    border: 1px solid transparent
}

.more-content .grey:hover {
    color: #fff
}

.know-more {
    padding: 10px 0;
    font-size: 14px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px)
}

.know-more .fa {
    margin-right: 5px
}

.send-mail {
    display: block;
    color: #fff;
    background-color: #e52020;
    border-radius: 3px;
    padding: 10px 0;
    font-size: 18px;
    text-align: center
}

.login-block .facebook-login:hover {
    background-color: #3c5887
}

.login-block .google-login:hover {
    background-color: #b13d2f
}

#content {
    border-top: 1px solid #eee;
    padding: 50px 0
}

#bt_code_content {
    padding: 50px 0;
}

#bt_code_content p.active {
    color: #EF4633
}

#bt_code_content p {
    line-height: 1.7em !important;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
}

.content-wrap {
    padding: 0
}

.heading-block h3 {
    display: inline-block
}

.heading-block h3+span {
    font-size: 18px;
    color: #888
}

.heading-block.shop-single-heading h3 {
    border: none
}

.heading-block:after {
    display: none
}

#marquee {
    padding: 15px
}

#marquee .marquee-tag {
    width: 110px;
    height: 35px;
    display: inline-block;
    padding-left: 15px;
    font-size: 16px;
    line-height: 35px;
    margin-right: 10px;
    vertical-align: middle
}

#marquee .tag-bg {
    width: 110px;
    height: 35px;
    margin-right: 5px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 5px 0 0 15px
}

#marquee .new-text {
    font-size: 12px;
    display: inline-block;
    border-radius: 3px;
    background-color: #333;
    padding: 0 5px;
    margin-right: 10px;
    line-height: 20px
}

#marquee .marquee-date {
    font-size: 16px;
    margin-right: 5px
}

#marquee .content-text {
    font-size: 16px
}

#marquee .container {
    position: relative
}

#abgne_marquee {
    position: relative;
    overflow: hidden;
    width: calc(100% - 200px);
    height: 23px;
    display: inline-block;
    vertical-align: middle
}

#abgne_marquee ul,
div#abgne_marquee li {
    margin: 0;
    padding: 0
}

#abgne_marquee ul {
    position: absolute
}

#abgne_marquee ul li a {
    display: block;
    overflow: hidden;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    text-decoration: none
}

.marquee_btn {
    position: absolute;
    top: 5px;
    right: 20px;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #AFAFAF;
    color: #333;
    text-align: center
}

.marquee_btn:hover:before {
    color: #555
}

#marquee_prev_btn {
    right: 50px
}

#marquee_next_btn:before {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: .3s all;
    transition: .3s all
}

#marquee_prev_btn:before {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    line-height: 16px;
    -webkit-transition: .3s all;
    transition: .3s all
}

#banner {
    height: 652px
}

#banner .col-md-4,
#banner .col-md-8 {
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

#banner .books-index-slider {
    width: 100%;
    height: 100%
}

#mobile-slider {
    height: 650px;
    display: none;
    margin-bottom: 0
}

#mobile-slider .container {
    width: 100%;
    height: 100%;
    padding: 0
}

#mobile-slider .container .fslider .flex-viewport:first-child {
    display: none
}

#mobile-slider .container .fslider,
#mobile-slider .container .fslider .flex-viewport,
#mobile-slider .container .fslider .flex-viewport .slider-wrap,
#mobile-slider .container .fslider .flex-viewport .slider-wrap .slide,
#mobile-slider .container .fslider .flex-viewport .slider-wrap .slide a,
#mobile-slider .container .fslider .flexslider {
    height: 100% !important
}

#mobile-slider .container .fslider .flex-viewport .slider-wrap .slide a {
    background-size: cover;
    background-position: center
}

#mobile-slider .flex-viewport {
    height: auto !important
}

.slider-caption-bg-light,
.slider-caption-bg.slider-caption-bg-light {
    bottom: 0 !important;
    top: auto !important;
    position: absolute;
    text-align: left;
    max-width: 100%;
    padding: 20px 65px;
    width: 100%;
    right: 0;
    color: #fff;
    background-color: transparent
}

#slider,
.slider-parallax-inner,
.swiper_wrapper .swiper-slide {
    height: 100% !important
}

.slider-caption-bg.slider-caption-bg-light h2 {
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.fancybox_swiper_media:hover:after {
    color: #FFF;
    opacity: .7
}

.fancybox_swiper_media::after {
    content: "\f01d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 150px;
    color: #FFF;
    opacity: .4;
    -webkit-transition: .3s all;
    transition: .3s all
}

.one-page-arrow {
    display: none
}

#slider>.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.boxed-slider {
    padding-top: 0
}

.slider-caption.slider-caption-center {
    bottom: 0 !important;
    top: auto !important;
    position: absolute;
    text-align: left;
    max-width: 100%;
    padding: 20px 65px
}

.index__swiper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%)
}

.index__swiper-mobile>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%)
}

#slider {
    background-color: #595959
}

#slider .container {
    width: 100%
}

.slider-caption.slider-caption-center h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    opacity: 1;
    letter-spacing: .05em
}

.index__swiper-mobile .slider-caption-bg.slider-caption-bg-light h2 {
    margin-bottom: 0
}

.slider-caption.slider-caption-center p,
.slider-caption-bg.slider-caption-bg-light p {
    font-size: 18px;
    width: 100%;
    max-width: 950px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.slider-caption.slider-caption-center .more-content {
    margin-top: 0
}

.block-box .blocks {
    overflow: hidden;
    padding: 0;
    margin-bottom: 2px;
    position: relative;
    border-left: 2px solid #fff;
    background-color: #595959
}

.block-box .blocks h3 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 22px;
    letter-spacing: .05em;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.block-box .text-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 10px;
    display: block;
    z-index: 3
}

.block-box .blocks>.block::before {
    content: '';
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block
}

.block-box .blocks .block {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    background-size: cover;
    background-position: center;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.five-books {
    margin-bottom: 50px
}

.five-books .book h2 {
    margin-bottom: 0;
    letter-spacing: .05em;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.five-books-slider-wrapper {
    height: 100%;
    padding: 0 15px
}

#content .five-books .col_one_fifth:last-child {
    margin-right: 0
}

.five-books .book {
    position: relative;
    height: 450px;
    margin: 15px;
    overflow: hidden;
    display: inline-block;
    text-align: left
}

.five-books .book:last-child {
    margin-right: 0
}

.five-books .book .imgbox {
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.five-books .book .imgbox::before {
    content: '';
    width: 100%;
    height: 70%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .8) 100%)
}

.five-books .book .img-text {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 20px;
    color: #fff;
    bottom: 0;
    z-index: 2
}

.five-books .book .img-text h4 {
    font-size: 30px;
    margin-bottom: 0
}

.indexreport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.indexreport.row:before,
.indexreport.row:after {
    content: none;
    display: none
}

.indexreport__main {
    height: 480px;
    margin-bottom: 20px
}

.indexreport__title {
    margin-bottom: 30px
}

.main-report {
    margin-bottom: 45px
}

.main-report .imgbox {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 250px
}

.main-report .img-wrapper {
    position: relative;
    margin-bottom: 15px
}

.main-report .imgbox>a {
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.main-report .tag {
    position: absolute;
    bottom: 0;
    left: -10px;
    margin-bottom: 0
}

.main-report .report-title {
    margin-bottom: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
    font-size: 24px;
    letter-spacing: .05em;
    line-height: 1.3;
    max-height: 2.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    transition: all .3s
}

#content .main-report .report-content {
    max-height: 5.1em;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    -webkit-line-clamp: 3
}

.main-report .leaderboard-blocks {
    padding-bottom: 0
}

.leaderboard-blocks .imgbox.smallimg.indexreport__sub-img {
    width: 175px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
    float: left
}

.leaderboard-blocks .imgbox.smallimg.indexreport__sub-content {
    vertical-align: top
}

.sub-report .leaderboard-blocks {
    border: none
}

.sub-report:last-child .leaderboard-blocks {
    margin-bottom: 0
}

/*-----fill-in-dataform----*/
#dataform-sec {
    display: none;
}

.personal-dataform {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgb(0, 0, 0, 0.8);
    ;
    z-index: 9999;
}

.personal-dataform-wrapper {
    width: 400px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
}

.dataform_title {
    text-align: center;
    margin: 20px;
}

.personal-dataform-contents {
    margin: 10px;
}

.personal-form {
    font-size: 15px;
    margin: 7px 0px;
}

.personal-form-type {
    border: solid 1px #a1a1a1;
    width: 100%;
    height: 35px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.personal-form-type::placeholder {
    color: #ccc;
    font-weight: 300;
}

.personal-form-btn {
    display: flex;
    flex-direction: row-reverse;
    position: relative;

}

.deliver-form {
    background-color: #e52020;
    border: none;
    font-size: 15px;
    padding: 5px 20px;
    margin: 10px 5px;
}

.deliver-form:hover {
    background-color: grey;
}

.close-form {
    background-color: #555;
    border: none;
    font-size: 15px;
    padding: 5px 20px;
    margin: 10px 5px;
}

@media (max-width: 479px) {
    .personal-dataform-wrapper {
        width: 320px;
    }
}


@media (max-width: 991px) {
    .indexreport__main {
        height: auto
    }
}

@media (max-width: 479px) {
    .leaderboard-blocks .imgbox.smallimg.indexreport__sub-img {
        width: 120px;
        height: 85px
    }
}

.slick-initialized .slick-slide .book-link {
    display: block;
    position: relative
}

.slick-initialized .slick-slide.book-slide {
    margin: 0 15px
}

.slick-initialized .slick-slide .book-link:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 145%
}

.slick-initialized .slick-slide .book-link .bottom-button {
    padding: 15px 10px
}

.slick-initialized .slick-slide .book-link .book-imgbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.slick-initialized .slick-slide .book-link .book-imgbox .overlay {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.slick-initialized .slick-slide .book-link .book-imgbox .overlay p .fa {
    margin-right: 5px
}

.slick-initialized .slick-slide .overlay p {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 125px;
    padding: 10px 20px;
    margin: 0;
    font-size: 15px;
    border-radius: 3px;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slick-initialized .slick-slide .book-link .book-imgbox img {
    height: 100%
}

.slick-initialized .slick-slide .book-text {
    background-color: #fff;
    padding: 15px 10px;
    color: #333;
    font-size: 18px
}

.slick-initialized .slick-slide .book-text .book-price {
    float: right;
    font-size: 14px
}

.slick-dots li button {
    padding: 0
}

.slick-dots li.slick-active button:before {
    font-size: 20px;
    color: #e52020
}

.slick-next,
.slick-prev {
    display: none
}

.list-select {
    float: right;
    font-size: 14px;
    color: #555 !important;
    margin: 10px 0 0;
    letter-spacing: .5px
}

.list-select .totalarticle,
.list-select .current {
    margin: 0 2px
}

.list-select .fa {
    margin-left: 25px;
    cursor: pointer;
    color: #ccc
}

.list-select .fa.active {
    color: #e52020
}

.filter {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    vertical-align: top;
    overflow: hidden;
    float: none
}

.filter li {
    display: inline-block;
    float: left
}

.filter li a {
    height: 50px;
    padding: 0 18px;
    font-size: 17px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 50px;
    border-right: 1px solid #e7e7e7;
    -webkit-transition: .3s all;
    transition: .3s all
}

.filter li a:hover {
    color: #FFF;
    background-color: #e52020;
    border-right-color: #FFF
}

.filter li a .fa {
    font-size: 20px;
    margin-right: 5px
}

.filter li:nth-last-child(2) a {
    border-right: none
}

.filter li a:hover span {
    background-position: bottom
}

.filter li a span {
    background-size: cover;
    background-position: top;
    margin: 0 auto 5px;
    display: block;
    -webkit-transition: all 0 !important;
    transition: all 0 !important
}

.filter li a .nine {
    width: 19px;
    height: 15px
}

.filter li a .paper {
    width: 20px;
    height: 15px
}

.filter li a .mobile {
    width: 10px;
    height: 15px
}

.filter li a .vip {
    width: 15px;
    height: 15px
}

.filter li.activeFilter a {
    color: #fff;
    background-color: #e52020;
    margin: 0
}

.filter li.activeFilter a span {
    background-position: bottom
}

.program-tabs {
    margin-bottom: 30px
}

.filter__control {
    display: none
}

@media (max-width: 1199px) {
    .filter__control {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 50px;
        padding-right: 15px;
        color: #FFF;
        text-align: right
    }

    .filter__control:before {
        content: "\f078";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 15px;
        line-height: 50px
    }

    .filter__control:hover {
        color: #FFF;
        text-shadow: 0 0 3px rgba(255, 255, 255, .3)
    }

    .filter--open li {
        display: block !important
    }

    .filter--open .filter__control {
        display: none !important
    }
}

.pagination>li>a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.pagination>.active>a,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>.active>a:hover,
.pagination>.active>a:focus {
    background-color: #e52020;
    color: #fff;
    border-color: #e52020;
    z-index: 2
}

.communicate-title .fa {
    margin-right: 5px;
    color: #e52020
}

.communicate-list>li {
    padding: 0 0 15px;
    margin: 15px 0;
    border-bottom: 1px dashed #d7d7d7
}

.communicate-list>li:first-child {
    margin-top: 30px
}

.communicate-list>li:last-child {
    border-bottom: none
}

.communicate-list>li .circle-link-box {
    width: 80px;
    height: 80px;
    display: inline-block;
    border: 4px solid #e7e7e7;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    overflow: hidden
}

.communicate-list>li .circle-link-box>a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.communicate-list>li .list-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px)
}

.communicate-list>li .list-content .title {
    color: #333;
    font-size: 16px;
    letter-spacing: .05em;
    margin-bottom: 5px;
    font-weight: 500;
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s
}

.communicate-list>li .list-content .date {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    font-size: 12px;
    color: #999
}

.communicate-list>li .list-content .date .fa {
    margin-right: 5px
}

.tags-content>a {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    line-height: 35px;
    color: #333;
    letter-spacing: .05em;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tags-content>a.highlight {
    font-size: 20px;
    background-color: transparent;
    padding: 0;
    font-weight: 700;
    padding-top: 0
}

.tags-cloud .tags {
    font-size: 15px;
    color: #333;
    display: inline-block;
    height: 30px;
    float: left
}

.tags-cloud .orange {
    color: #ff8a00
}

.somebody {
    padding: 50px 0
}

.focus-person {
    margin-bottom: 30px
}

.focus-person .imgbox {
    width: 100%;
    height: 170px;
    border: 5px solid #555;
    overflow: hidden;
    position: relative
}

.focus-person .textbox h5 {
    font-size: 19px;
    margin: 15px 0;
    max-height: 2.6em;
    letter-spacing: .05em;
    -webkit-transition: all .3s;
    transition: all .3s
}

.focus-person .textbox p {
    margin-bottom: 0;
    color: #6e6e6e;
    font-size: 15px
}

.indexfocuspeople {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    align-content: center
}

.indexfocuspeople.row:before,
.indexfocuspeople.row:after {
    content: none;
    display: none
}

.indexvideo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    width: 100%
}

.indexvideo__item {
    position: relative;
    width: calc(25% - 1.5px);
    height: 325px;
    margin-right: 2px;
    margin-bottom: 2px;
    overflow: hidden
}

.indexvideo__item:nth-child(4n) {
    margin-right: 0
}

.indexvideo__item:nth-child(n+5) {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .indexvideo__item {
        width: calc(50% - 1px)
    }

    .indexvideo__item:nth-child(2n) {
        margin-right: 0
    }

    .indexvideo__item:nth-child(n+5) {
        margin-bottom: 2px
    }

    .indexvideo__item:nth-child(n+7) {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .indexvideo__item {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 2px !important
    }

    .indexvideo__item:last-child {
        margin-bottom: 0 !important
    }
}

.video-blocks .video-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 20px
}

.video-blocks .video-text .title {
    font-size: 30px;
    margin-bottom: 0;
    letter-spacing: .05em;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4)
}

.video-blocks .video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.video-blocks .video-img::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.5)
}

#shop.clearboth {
    clear: both
}

.shop .product {
    margin-bottom: 50px
}

.product-overlay {
    bottom: 0;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.product-overlay:empty {
    display: none
}

.book-main-box h3 a {
    color: #333;
    margin: 0;
    padding: 10px;
    letter-spacing: .05em;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.book-main-box h3 a:hover {
    color: #ef4836
}

.book-main-box h3 a:empty {
    display: none
}

.book-main-box .background {
    background-size: contain
}

.product-overlay p {
    color: #fff;
    font-size: 15px;
    margin: 10px 0 0
}

.product-title>p {
    font-size: 14px;
    margin-bottom: 0
}

.product-title>p>span {
    float: right
}

.product-price>ul {
    margin-bottom: 10px
}

.product-price>ul>li>a {
    font-size: 16px;
    padding: 5px 0;
    display: block;
    border-bottom: 1px solid #e7e7e7;
    -webkit-transition: .3s all;
    transition: .3s all
}

.product-price>ul>li>a>span {
    width: calc(100% - 25px);
    float: left;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    letter-spacing: .05em
}

.product-price>ul>li:last-child a {
    border-bottom: none
}

.product-price>ul>li>a .fa {
    line-height: 30px;
    vertical-align: top;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 100;
    float: left;
    -webkit-transition: .3s all;
    transition: .3s all
}

.product__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%
}

.product__price {
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #666
}

.product__price-text {
    margin: 0 3px;
    font-size: 20px;
    font-weight: 500;
    color: #e52020
}

.product__addbtn {
    width: 115px;
    height: 40px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 40px;
    color: #666;
    text-align: center;
    background-color: #e7e7e7;
    border-radius: 3px;
    -webkit-transition: .3s all;
    transition: .3s all
}

.product__addbtn:hover {
    color: #FFF;
    background-color: #e52020
}

.product__addbtn .fa {
    margin-right: 5px
}

.book__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    margin-top: 10px
}

.book__price {
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.book__price-text {
    margin: 0 3px;
    font-size: 20px;
    font-weight: 500;
    color: #e52020
}

.book__name {
    width: 100%;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    letter-spacing: .05em;
    text-align: center
}

.magazine {
    padding: 75px 0 25px
}

.magazine__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%
}

.magazine__item {
    width: 25%;
    padding: 0 15px
}

@media (max-width: 1199px) {
    .magazine__item {
        width: 50%
    }

    .magazine__item:nth-child(-n+5) {
        margin-bottom: 30px
    }
}

@media (max-width: 575px) {
    .magazine__item {
        width: 100%;
        margin-bottom: 30px
    }
}

.bottom-button.type2 {
    border-bottom: 1px solid #cecece
}

.specialoffer {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 30px;
    width: 50%;
    float: left
}

.pricetext {
    font-size: 20px
}

.bottom-button .specialoffer:first-child {
    text-align: left
}

.bottom-button .specialoffer:last-child {
    text-align: right
}

.bookscode {
    padding: 50px 0
}

.page-title-shadow::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 150px);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%)
}

.page-title-parallax {
    padding: 50px 0 !important
}

#page-title.page-title-parallax .articlelist-pagetitle-content .title {
    margin-bottom: 20px
}

.articlelist-pagetitle-imgbox {
    vertical-align: top;
    overflow: hidden;
    border-radius: 50%;
    height: 165px;
    width: 165px;
    position: relative;
    display: inline-block;
    margin-right: 50px
}

.articlelist-pagetitle-content {
    display: inline-block;
    margin-top: 15px;
    width: calc(100% - 220px)
}

.articlelist-pagetitle-content .content {
    font-size: 15px;
    color: #b1b1b1;
    text-align: left
}

#page-title.page-title-pdtop250 {
    padding-top: 250px !important
}

#page-title.themelist-page-title-parallax .main-title {
    font-size: 40px;
    margin-bottom: 15px
}

#page-title.themelist-page-title-parallax .words {
    font-size: 15px;
    width: 75%;
    margin-bottom: 15px
}

#page-title .know-more {
    padding: 0 30px;
    display: inline-block;
    font-size: 16px;
    width: auto;
    height: 50px;
    position: static;
    border: 1px solid #fff;
    line-height: 48px;
    margin-top: 15px
}

#page-title.page-title-pdtop535 {
    height: 700px;
    padding-top: 0 !important
}

.themeinside .content {
    margin-bottom: 0
}

.themeinside .content::after {
    content: '';
    width: 60px;
    height: 3px;
    background-color: #e52020;
    display: block;
    margin: 20px auto 0
}

#page-title.themeinside .content span {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    display: inline-block;
    font-size: 16px;
    margin: 0
}

#page-title.themeinside .content span.date {
    margin: 0 10px
}

#page-title.themeinside .content span.title {
    color: #aaa
}

#page-title.videolistinside-page-title {
    padding: 50px 0 !important
}

#page-title.page-title-pdtop390 {
    padding-top: 390px !important
}

.portfolio {
    margin: 0
}

.portfolio-container {
    width: 810px;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #e7e7e7;
    text-align: center;
    float: left
}

.themelist-portfolio-container .portfolio-item {
    padding: 0;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 30px;
    height: 400px;
    overflow: hidden;
    position: relative
}

.themelist-portfolio-container .portfolio-item:nth-child(even) {
    margin-right: 0
}

.themelist-portfolio-container .articlelist {
    padding-right: 30px
}

.themelist-portfolio-container .articlelist .post-grid.grid-3 .entry {
    padding-right: 20px
}

.books-index-portfolio .main-box .title {
    font-size: 20px;
    color: #333
}

.books-index-portfolio .program .imgbox {
    height: 260px;
    text-align: center
}

.books-index-portfolio .portfolio-item .content-box .main-box .title {
    min-height: 3em
}

.books-index-portfolio .program .imgbox img {
    height: 100%;
    margin: 0 auto
}

.books-index-portfolio .portfolio-item .content-box {
    background-color: transparent;
    border: none
}

.books-index-portfolio .portfolio-item .content-box .main-box {
    border: none
}

.program.portfolio-item .content-box .main-box .program-title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 20px;
    text-align: left
}

.program .imgbox {
    height: 190px;
    width: 100%;
    background-size: cover;
    background-position: center
}

@media (max-width:1199px) {
    .portfolio-container {
        width: 625px;
        padding-right: 15px;
        margin-right: 15px
    }
}

#posts.videolist-post::before,
#posts.videolist-post::after {
    display: none
}

#posts .entry-content {
    margin-bottom: 10px;
    margin-top: 10px
}

#posts .entry-content p {
    font-size: 15px
}

.videolist-post .entry-image {
    margin-bottom: 15px
}

.videolist-post .entry-image .play {
    opacity: .7;
    position: absolute;
    top: 100px;
    left: 0;
    text-align: center;
    height: auto;
    z-index: 2
}

.videolist-post .entry-title h2 {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.videolist-post .entry-title h2 a {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    letter-spacing: .1em;
    padding-right: 10px;
    border-right: 1px solid #999
}

.videolist-post .date {
    font-size: 14px;
    display: block
}

.videolist-post .date .fa {
    margin-right: 5px
}

.videolist-post .entry {
    border: none;
    padding-bottom: 0;
    margin-bottom: 30px
}

@media (max-width:1199px) {
    .videolist-post .date {
        font-size: 13px
    }
}

.entry-title h2 a {
    font-size: 20px;
    letter-spacing: .05em;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s
}

.entry-image img {
    border-radius: 0
}

.post-masonry .entry-image {
    margin-bottom: 10px
}

.post-grid.grid-3 .entry {
    margin-bottom: 20px;
    border-bottom: none
}

.articlelist .post-grid.grid-3 {
    margin-right: 0
}

.articlelist .post-grid.grid-3 hr {
    background-color: #e7e7e7;
    margin-right: 30px;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important
}

.articlelist .entry-title h2,
.articlelist .entry-content p {
    text-align: left
}

.articlelist .entry-title h2 a {
    font-size: 20px
}

.articlelist .post-grid.grid-3 .entry {
    width: 33.3333%;
    margin: 0;
    padding-right: 30px;
    border-bottom: none
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.articlelist {
    width: 825px;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #e7e7e7;
    float: left;
    text-align: center;
    position: relative
}

.articlelist .list-area {
    border-bottom: none;
    border-bottom: 1px solid #e7e7e7
}

.articlelist-title {
    padding-bottom: 15px;
    margin-bottom: 45px;
    font-size: 30px;
    color: #333;
    letter-spacing: 3px;
    text-align: left
}

.articlelist-subtitle {
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
    letter-spacing: .05em;
    text-align: left
}

.themelist-content-main-title {
    text-align: left;
    font-size: 30px;
    color: #333;
    padding-bottom: 15px;
    margin-bottom: 45px
}

.themelist-content-main-title>ul {
    margin-bottom: 0
}

.themelist-content-main-title>ul>li {
    display: inline-block;
    float: left
}

.themelist-content-main-title>ul>li>a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 14px;
    color: #999
}

.collection_btn {
    width: 100px;
    height: 42px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    text-align: center;
    line-height: 41px;
    color: #FFF;
    border-radius: 3px;
    background-color: #ccc;
    -webkit-transition: .3s all;
    transition: .3s all
}

.collection_btn i {
    display: inline-block;
    margin-right: 5px
}

.collection_btn:hover {
    color: #FFF
}

.collection_btn:not(.collected):hover {
    color: #333;
    opacity: .8
}

.collection_btn.collected {
    text-shadow: 0 0 5px rgba(255, 255, 255, .3);
    background-color: #f7a81c;
    cursor: default
}

.article-inside {
    text-align: left;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    font-size: 18px
}

.article-inside p,
.article-inside span {
    font-size: 18px !important
}

.article-inside .introduction {
    background-color: #eee;
    padding: 25px 20px;
    border-left: 5px solid #333;
    margin-bottom: 30px
}

.article-inside .introduction>p {
    margin-bottom: 0;
    font-size: 18px
}

.article-inside .text-box {
    margin-bottom: 25px
}

.article-inside .text-box p {
    margin-bottom: 0
}

.article-inside .text-box p .highlight {
    color: #e52020;
    background-color: transparent
}

.article-inside .text-box ol {
    padding-left: 1em
}

.article-inside .text-box ul {
    list-style: square;
    padding-left: 1em
}

.article-inside .text-box>h5 {
    margin-bottom: 0
}

.article-inside .text-box>h6 {
    font-size: 18px
}

.article-inside .tagcloud a {
    padding: 5px 10px;
    border: none;
    background-color: #ebebeb
}

.themeinside-parallax-background {
    padding: 50px 0 !important
}

.article-recommend-block {
    padding: 0 12.5px
}

.article-recommend-block .imgbox {
    height: 180px;
    position: relative
}

#article-recommend-slider .slick-next,
#article-recommend-slider .slick-prev {
    display: none !important
}

.article-recommend-block .content-box .title {
    margin: 15px 0;
    font-size: 24px;
    color: #fff
}

#article-recommend-slider .slick-dots li button:before {
    color: #6d6d6d
}

#article-recommend-slider .slick-dots li.slick-active button:before {
    color: #e52020
}

.video-container {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 35px
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videolistinside-container {
    width: 100%;
    border-right: none
}

.login-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 0 auto
}

.login-block {
    position: relative;
    width: calc(50% - 20px);
    padding: 35px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e7e7e7
}

.login-block .facebook-login {
    background-color: #4b6ea9;
    display: block;
    font-size: 18px;
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 3px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

.login-block .facebook-login .fa {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 23px;
    width: 60px;
    background-color: #3c5887;
    line-height: 50px
}

.login-block .google-login {
    background-color: #dd4c3b;
    display: block;
    font-size: 18px;
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 3px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0
}

.login-block .line-login {
    background-color: #5dbc4e;
    display: block;
    font-size: 18px;
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 3px;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
    margin-top: 20px
}

.login-block .line-login:hover {
    background-color: #5da54e
}

.login-block .line-login img {
    position: absolute;
    left: 0;
    width: 35px;
    margin-top: 8px;
    margin-left: 14px
}

.login-block .google-login .fa {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 23px;
    width: 60px;
    background-color: #b13d2f;
    line-height: 50px
}

.login-block .line-login span,
.login-block .google-login span,
.login-block .facebook-login span {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    text-align: left;
    padding-left: 75px;
    display: block
}

.input-box {
    height: 45px;
    line-height: 41px;
    width: 100%;
    border: 2px solid #eee;
    position: relative;
    margin-bottom: 20px
}

.input-box.border-none .fa {
    position: static;
    color: #000
}

.input-box.border-none button {
    float: right
}

.input-box .fa {
    width: 35px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #ccc;
    z-index: 2;
    line-height: 41px
}

.member-login .member-forget-password {
    margin-bottom: 0
}

.member-forget-password+.signup-rightnow {
    margin-top: 10px
}

.member-login .member-forget-password .checkbox-style-3-label {
    margin: 0;
    color: #999;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    padding-left: 30px;
    line-height: 1.7
}

.register-now {
    width: 100%;
    border: none;
    background-color: #555;
    display: block;
    line-height: 50px;
    font-size: 18px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.member-login .member-forget-password .forget {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    float: right;
    margin-top: 3px;
    font-size: 14px
}

.member-login .signup-rightnow {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #e52020;
    border-radius: 3px;
    display: block;
    font-size: 18px;
    margin-bottom: 25px;
    text-align: center
}

.member-login .member-forget-accept {
    margin-bottom: 10px
}

.member-login .member-forget-accept .checkbox-style-3-label {
    margin: 0;
    color: #999;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    padding-left: 30px;
    line-height: 1.7
}

.member-register-step1-hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.member-register-step1-submit {
    margin-top: 20px
}

.step-container.step2::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(239, 72, 54, 1)), color-stop(50%, rgba(239, 72, 54, 1)), to(rgba(221, 221, 221, 1)));
    background: linear-gradient(90deg, rgba(239, 72, 54, 1) 0%, rgba(239, 72, 54, 1) 50%, rgba(221, 221, 221, 1) 100%)
}

.user-mail {
    color: #555
}

.email-form {
    margin-bottom: 0
}

.email-form input[type="submit"],
.email-form input[type="button"] {
    width: 100%;
    border: none;
    background-color: #555;
    display: block;
    line-height: 50px;
    font-size: 18px;
    margin-bottom: 20px
}

.email-form .not-yet {
    text-align: center;
    color: #3b3b3b;
    font-size: 15px
}

.email-form .not-yet>a {
    color: #e52020
}

.step-container.step3::before {
    background: rgba(239, 72, 54, 1)
}

.register-main-block .login-container .community-login .smile {
    display: block;
    margin: 40px auto
}

.register-main-block .login-container .community-login .congratulation {
    font-size: 15px;
    color: #555;
    margin-bottom: 30px
}

.register-main-block .login-container .community-login .congratulation>a {
    color: #e52020
}

.step-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 750px;
    width: 100%;
    margin: 0 auto 100px;
    text-align: center;
    position: relative;
    height: 85px
}

.step-container::before {
    content: '';
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(239, 72, 54, 1)), color-stop(50%, rgba(221, 221, 221, 1)), to(rgba(221, 221, 221, 1)));
    background: linear-gradient(90deg, rgba(239, 72, 54, 1) 50%, rgba(221, 221, 221, 1) 80%, rgba(221, 221, 221, 1) 0%);
    width: calc(100% - 30px);
    position: absolute;
    display: block;
    top: 45px;
    left: 15px
}


.step-container.bt_code::before {
    content: '';
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(239, 72, 54, 1)), color-stop(50%, rgba(221, 221, 221, 1)), to(rgba(221, 221, 221, 1)));
    background: linear-gradient(90deg, rgba(239, 72, 54, 1) 0%, rgba(239, 72, 54, 1) 50%, rgba(221, 221, 221, 1) 80%);
    width: calc(100% - 30px);
    position: absolute;
    display: block;
    top: 45px;
    left: 15px
}

.step-container.bt_code_step3::before {
    content: '';
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(239, 72, 54, 1)), color-stop(50%, rgba(221, 221, 221, 1)), to(rgba(221, 221, 221, 1)));
    background: linear-gradient(90deg, rgba(221, 221, 221, 1) 50%, rgba(221, 221, 221, 1) 60%, rgba(239, 72, 54, 1) 95%);
    width: calc(100% - 30px);
    position: absolute;
    display: block;
    top: 45px;
    left: 15px
}

.step-container .step {
    position: relative;
    width: 100px
}

.step-container .step .text {
    margin-top: 10px
}

.register-main-block {
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.register-main-block .login-container .community-login,
.register-main-block .login-container {
    width: 100%
}

.register-main-block .login-container .community-login {
    padding: 35px;
    height: auto
}

.register-main-block .login-container .community-login .register-core {
    border-top: none;
    padding-top: 0px;
}

.register-form {
    margin-bottom: 0
}

.checkbox-style+.checkbox-style-3-label.checkbox-small:before,
.radio-style+.radio-style-3-label.radio-small:before {
    left: 0;
    top: 3px;
    position: absolute;
    padding: 3px 1px
}

.member-account-name {
    margin-bottom: 10px
}

.member-leftside-block {
    float: left;
    margin-right: 60px;
    margin-top: 72.5px;
    padding: 0;
    width: 210px
}

.member-status {
    position: relative;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 90px 20px 30px;
    margin-bottom: 20px
}

.member-status::before {
    content: '';
    width: 152px;
    height: 76px;
    z-index: 1;
    position: absolute;
    top: -76px;
    display: block;
    left: 50%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 76px 76px 0 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.member-status .member-background {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    top: -75px;
    left: 50%;
    padding: 5px;
    z-index: 2;
    overflow: hidden;
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.member-status .member-background .background-image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 50%
}

.member-status .name {
    text-align: center;
    color: #333;
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: 0
}

.member-status p {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 15px
}

.member-status .stars {
    text-align: center;
    margin-bottom: 15px
}

.member-status .stars .fa {
    color: #e8e8e8;
    font-size: 15px
}

.member-status .stars .fa.active {
    color: #f3a935
}

.member-upgrade a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #e52020;
    border-radius: 3px
}

.member-data-list>ul>li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #c7c7c7;
    padding-left: 10px
}

.member-data-list>ul>li:last-child {
    border: none;
    margin-bottom: 0
}

.member-data-list>ul>li a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 15px;
    color: #666
}

.member-right-block {
    position: relative;
    width: 870px;
    float: right
}

.member-right-block .top-list {
    border: 1px solid #e7e7e7;
    padding: 20px 0;
    margin-bottom: 30px
}

.member-right-block .top-list li {
    border-right: 1px dashed #ddd;
    text-align: center
}

.member-right-block .top-list li:last-child {
    border-right: none
}

.member-right-block .top-list li img {
    width: 32px
}

.member-right-block .top-list li div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    text-align: left
}

.member-right-block .top-list li div h6 {
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

.member-right-block .top-list li div p {
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    margin-bottom: 0
}

.member-data-list>ul>li a .fa {
    width: 16px;
    margin-right: 10px;
    text-align: center
}

.orders-block {
    border: 1px solid #e7e7e7;
    margin-bottom: 30px
}

.orders-block .order-title {
    text-align: left;
    background-color: #eaeaea;
    color: #666;
    font-size: 14px;
    padding: 10px 20px;
    margin-bottom: 0
}

.orders-block .order-title span {
    margin-right: 20px
}

@media (max-width:575px) {
    .orders-block .order-title>span {
        display: block
    }
}

.order-content-box {
    width: 82%;
    float: left;
    border-right: 1px solid #eee;
    padding: 20px 15px
}

.order-button-box {
    width: 18%;
    float: left;
    padding: 10px 15px
}

.order-button-box a:last-child {
    margin-bottom: 0
}

.order-content-box .imgbox {
    float: left
}

.order-content-box .imgbox,
.order-content-box .imgbox img {
    width: 100px;
    margin-right: 20px;
    display: inline-block
}

.order-content-box .imgbox.smallimg,
.order-content-box .imgbox.smallimg img {
    width: 65px
}

.order-content-box .content {
    width: calc(100% - 125px);
    display: inline-block;
    float: left
}

.order-content-box .content .title {
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px;
    max-height: 3em
}

.order-content-box .content p {
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    color: #999
}

.order-content-box .content p:nth-child(n + 2) {
    margin-top: 10px
}

.order-content-box .content p>span {
    margin-right: 10px
}

.order-button-box>a {
    border: 1px solid #eee;
    border-radius: 3px;
    color: #555;
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 4px 0;
    margin-bottom: 5px
}

.order-button-box>a.last {
    margin-bottom: 0
}

.member-info-block .title {
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 40px;
    border-bottom: 1px solid #dd4b39
}

.member-info-block .title button {
    float: right;
    font-size: 14px;
    background-color: #dd4b39;
    border: none;
    padding: 5px 20px
}

.info-list {
    text-align: left
}

.info-list>li {
    padding: 20px 0;
    border-bottom: 1px dashed #aeaeae
}

.info-list>li:last-child {
    border-bottom: none
}

.info-list>li>span {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    width: 140px;
    display: inline-block;
    color: #333;
    font-size: 15px
}

.info-list>li>span button {
    background-color: #555;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 3px;
    border: none
}

.info-list>li>span.verti-top {
    vertical-align: top
}

.info-list>li .content {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
    color: #666;
    max-width: calc(100% - 144px)
}

.info-list>li .content .confirm-add {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 15px;
    background-color: #555;
    border: none;
    padding: 5px 20px
}

.info-list>li .content .address-fix {
    font-size: 15px
}

.info-list>li .content .address-fix .fa {
    margin-left: 10px;
    color: #666
}

.info-list>li .content p {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    margin-bottom: 0;
    word-break: break-all
}

.info-list>li .content .imgbox,
.info-list>li .content .imgbox img {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-right: 20px
}

.info-list>li .content .content-box {
    display: inline-block;
    vertical-align: middle
}

.info-list>li .content select {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    width: 115px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 15px;
    margin-right: 5px
}

.info-list>li .content input[type="text"] {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    width: 335px;
    color: #666;
    font-size: 15px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 5px 10px
}

.info-list>li .content input.address-add {
    width: 402px
}

.navbar-default {
    position: absolute;
    bottom: -50px;
    right: 0;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    background-color: transparent;
    min-height: 0
}

.container-fluid,
.navbar-default .navbar-collapse {
    padding: 0
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

.subscription-content {
    padding-bottom: 90px
}

.subscription-content .container .main-title {
    text-align: center;
    color: #333;
    font-size: 24px
}

.subscription-content .container .main-title::after {
    content: '';
    width: 7em;
    height: 3px;
    background-color: #e52020;
    margin: 5px auto 20px;
    display: block
}

.subscription-content .container .sub-title {
    color: #888;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px
}

.subscription-main-block .imgbox {
    display: block;
    overflow: hidden;
    height: 275px;
    position: relative
}

.subscription-main-block .col-md-4 {
    margin-bottom: 30px
}

.subscription-main-block .text-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px 10px
}

.subscription-main-block .content-box {
    padding: 25px 10px 30px;
    text-align: center
}

.subscription-title::after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #e52020;
    margin: 20px auto;
    display: block
}

.tab-content ul {
    list-style: disc;
    padding-left: 1.5em;
}

.tab-content table td {
    padding: 0.5em 1em;
}

.after-price {
    font-size: 16px;
    margin-bottom: 15px
}

.after-price span {
    font-size: 24px
}

.book-ad-text>li>p {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e7e7e7
}

.book-ad-text li:last-child p {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.program-choice {
    padding: 10px 40px;
    color: #fff;
    background-color: #e52020;
    font-size: 16px;
    border-radius: 3px
}

.sub_icons {
    font-size: 25px;
    color: #e52020;
    margin-bottom: 10px
}

.title-left-border>h3 {
    text-align: left;
    border-left: 5px solid #e52020;
    padding-left: 15px;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #333
}

.title-left-border>.article-title {
    margin: 0 0 35px
}

.title-left-border .book-content::before {
    display: none
}

.upgrade-confirm,
.data-reset {
    float: right;
    font-size: 16px;
    border-radius: 3px;
    padding: 0 30px;
    line-height: 40px
}

.save-data {
    float: right;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #999;
    padding: 0 30px;
    line-height: 40px
}

.upgrade-confirm {
    background-color: #e52020;
    border: 1px solid transparent;
    margin-left: 10px
}

.data-reset {
    background-color: #fff;
    border: 1px solid #999
}

.main-box .date {
    color: #e52020;
    margin: 10px 0;
    font-size: 14px
}

.member-level {
    font-size: 15px
}

.input-daterange {
    text-align: left;
    margin-bottom: 35px
}

.input-daterange span {
    display: inline-block;
    margin-right: 10px;
    color: #333;
    font-size: 16px
}

#content .search {
    background-color: #333;
    font-size: 14px;
    border-radius: 3px;
    padding: 10px 20px;
    border: none;
    margin-left: 10px
}

.input-daterange .sm-form-control {
    width: 200px;
    display: inline-block;
    border-radius: 3px !important;
    border: 1px solid #ddd
}

.view-clear {
    font-size: 14px;
    margin-bottom: 5px
}

.view-clear a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.subscription-inside-table table tbody tr td {
    vertical-align: middle;
    text-align: left;
    font-size: 14px
}

.subscription-inside-table table tbody tr td:nth-child(odd) {
    background-color: #f9f9f9;
    padding: 20px 10px;
    text-align: right;
    width: 16.6667%
}

.subscription-inside-table table tbody tr:last-child td:first-child {
    vertical-align: top
}

.subscription-inside-table table tbody tr:last-child td:last-child {
    width: 83.3333%
}

.collet-article-table {
    overflow: auto
}

.collet-article-table table thead tr th {
    font-size: 16px;
    border-color: #999;
    text-align: center;
    text-align: center
}

.collet-article-table table tbody tr td {
    font-size: 15px;
    border-top: 1px dashed #aeaeae;
    color: #555;
    text-align: center
}

.collet-article-table table tbody tr:last-child td {
    border-bottom: 1px dashed #aeaeae
}

.collet-article-table table tbody tr td:first-child {
    color: #999
}

.collet-article-table table thead tr th:nth-child(2),
.collet-article-table table tbody tr td:nth-child(2) {
    text-align: left;
    width: 70%
}

.background-box {
    overflow: hidden;
    position: relative;
    text-align: center
}

.background-box .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 90px 10px 10px;
    color: #fff
}

.background-box .text-box .title {
    margin-bottom: 0
}

.background-box .text-box .title::after {
    content: '';
    height: 3px;
    width: 50px;
    background-color: #e52020;
    margin: 15px auto;
    display: block
}

.three-book-blocks {
    height: 330px
}

.three-book-blocks .big-photo,
.three-book-blocks .big-photo .background-box {
    height: 100%
}

.three-book-blocks .small-photo .background-box {
    height: 150px
}

.three-book-blocks .small-photo .background-box:first-child {
    margin-bottom: 30px
}

.small-photo .background-box .text-box {
    padding-top: 35px
}

.dark .heading-block:not(.not-dark) h3.title {
    color: #333
}

.author-block {
    height: 450px;
    padding: 20px;
    margin-bottom: 30px;
    cursor: pointer;
    position: relative
}

.author-img {
    height: 160px;
    width: 160px;
    margin: 0 auto 20px;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.author-text .title {
    font-size: 24px;
    margin-bottom: 15px;
    overflow: hidden
}

.author-text .text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px
}

.newbooks {
    padding-top: 50px
}

.cancel-uppercase {
    text-transform: none !important;
}

.boxed-slider {
    margin-bottom: 35px
}

.portfolio-meta li {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700
}

.portfolio-meta li:first-child ins {
    font-size: 24px;
    text-decoration: none
}

.button.button-border-red {
    border: 1px solid #e52020;
    color: #e52020
}

.button.button-xlarge {
    font-weight: 500;
    padding: 0 50px;
    line-height: 50px
}

.product-image .flex-control-nav {
    display: block
}

.product-desc .heading-block {
    margin-bottom: 20px
}

.product-desc .heading-block h3::after {
    display: none
}

.product-desc .heading-block:after {
    content: '';
    display: block;
    margin-top: 20px;
    width: 40px;
    border-top: 3px solid #e52020
}

.panel-default {
    border: none
}

.panel {
    margin-bottom: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0)
}

.panel-body {
    padding: 0
}

.portfolio-meta li span {
    width: 100px
}

.portfolio-meta li p {
    display: inline-block;
    width: calc(100% - 104px);
    color: #333;
    font-size: 15px;
    margin: 0
}

.panel-body .quantity {
    float: none;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e7e7e7
}

.panel-body .quantity .plus,
.panel-body .quantity .minus,
.panel-body .qty {
    background-color: #fff
}

.quantity .qty {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7
}

.panel-body .sm-form-control {
    float: none;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    width: 65%
}

ul.tab-nav:not(.tab-nav-lg) li:first-child {
    margin-left: 0;
    border-left: 1px solid #DDD
}

ul.tab-nav li a {
    font-size: 18px !important;
    padding: 0 25px !important;
    background-color: #fff !important
}

ul.tab-nav li.ui-tabs-active {
    border-top: 3px solid #e52020
}

ul.tab-nav li.ui-tabs-active a {
    color: #e52020
}

.tab-container p {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700
}

.tab-container p img {
    height: auto !important;
    margin-top: 7px;
}

.book-single-imgbox {
    width: 34%;
    float: left;
    padding-right: 40px;
    margin-bottom: 40px
}

.book-single-content {
    width: 66%;
    float: right;
    margin-bottom: 40px
}

#single-slider {
    margin-bottom: 100px
}

.authorize-block {
    width: 875px;
    float: left;
    margin-right: 65px
}

.member-power-table table {
    width: 100%;
    margin-bottom: 15px
}

.member-power-table table .fa {
    color: #e52020
}

.member-power-table table a {
    color: #e52020;
    font-size: 15px;
    margin-bottom: 0;
    text-decoration: underline !important
}

.member-power-table table thead .red-topbar th {
    background-color: #e52020;
    color: #fff;
    text-align: center
}

.member-power-table table thead .red-topbar th:first-child {
    text-align: left
}

.member-power-table table thead .red-topbar th p {
    color: #fff
}

.member-power-table table tbody .grey-topbar td {
    background-color: #f5f5f5;
    text-align: center
}

.member-power-table table thead tr th,
.member-power-table table tbody tr td {
    width: 25%;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center
}

.member-power-table table thead tr th p,
.member-power-table table tbody tr td p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px
}

.member-power-table table tbody tr td h5 {
    margin-bottom: 0
}

.member-power-table table tbody .main-row td {
    text-align: center
}

.member-power-table table tbody .main-row td:first-child {
    text-align: left
}

.member-power-table table tbody .rowspan td {
    text-align: center
}

.member-power-table table tbody tr:not(.grey-topbar) td:first-child {
    text-align: left
}

.bottom-text {
    margin-bottom: 15px
}

.search_filter_list {
    text-align: left;
    margin-bottom: 50px
}

.search_filter_list li {
    display: inline-block;
    margin-right: 70px
}

.search_filter_list li:last-child {
    margin-right: 0
}

.search_filter_list li a {
    font-size: 24px;
    color: #c5c5c5;
    font-weight: 700
}

.search_filter_list li a:hover,
.search_filter_list li.active a {
    color: #e52020
}

.search_filter_list li a .fa {
    margin-right: 8px;
    -webkit-transition: all 0 !important;
    transition: all 0 !important
}

.search_result_wrapper>[id^="search_"] {
    position: relative;
    margin-bottom: 70px
}

.search_result_wrapper>[id^="search_"] h4 {
    position: relative;
    font-size: 24px;
    background-color: #fff;
    border-left: 6px solid #e52020;
    text-align: left;
    margin-bottom: 30px
}

.search_result_wrapper>[id^="search_"] h4:before:not(#search_story h4) {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.5px);
    width: 100%;
    height: 1px;
    background-color: #eee
}

.search_result_wrapper>[id^="search_"] h4 span {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    color: #333;
    background-color: #FFF
}

.search_result_wrapper .leaderboard-blocks:last-child {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}

.search_result_wrapper .more-content {
    margin-top: 0;
    text-align: left
}

.search_result_wrapper .more-content .light {
    margin-left: 0;
    color: #555;
    border-color: #555
}

.search_result_wrapper .more-content .light:hover {
    color: #fff;
    border-color: transparent
}

.search_result_wrapper .entry {
    border-bottom: 0;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.search_result_wrapper .entry-image {
    margin-bottom: 10px
}

.search_result_wrapper .entry-title h2,
.search_result_wrapper .entry .content {
    text-align: left;
    width: 100%
}

.search-result-title {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    text-align: left;
    margin-bottom: 40px
}

.result {
    font-size: 25px;
    color: #333;
    margin-bottom: 15px
}

.result .fa {
    color: #A9A9A9;
    margin-right: 5px
}

.result .keywords {
    color: #FF1D25
}

.search-block p {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle
}

.search-block p .amount {
    color: #FF1D25
}

.sort-list {
    float: right
}

.sort-list>li {
    display: inline-block;
    color: #333;
    font-size: 14px
}

.sort-list>li>button {
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #999;
    display: block;
    background-color: transparent;
    padding: 5px
}

.sort-list>li>button:hover,
.sort-list>li>button.active {
    background-color: gray;
    color: #fff;
    border-color: transparent
}

.date-keyword {
    margin: 30px 0 0;
    font-size: 14px
}

.date-keyword .date {
    color: #555;
    margin-right: 5px
}

.date-keyword .keyword {
    color: #998675
}

.right-sidebar-search .title {
    font-size: 18px;
    color: #555;
    margin-bottom: 10px
}

.not-find {
    padding: 55px 0;
    text-align: center
}

.not-find img {
    width: 50px;
    margin-right: 10px
}

.not-find span {
    color: #FF7F50;
    vertical-align: middle;
    display: inline-block;
    font-size: 25px;
    font-weight: 500
}

@media (max-width: 575px) {
    .not-find img {
        margin: 0 0 10px
    }

    .not-find span {
        width: 100%;
        font-size: 18px
    }
}

.shop-step-container {
    width: 550px;
    margin: 0 auto 30px
}

.shop-step-container>div {
    display: inline-block;
    vertical-align: top
}

.shop-step-container>div p {
    margin-bottom: 0;
    font-size: 18px;
    color: #999
}

.shop-step-container>div .dots {
    width: 10px;
    height: 10px;
    background-color: #ddd;
    display: inline-block;
    border-radius: 50%;
    margin: 20px 5px 0
}

.shop-step-container .circle {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    width: 55px;
    height: 55px;
    background-color: #999;
    color: #fff;
    font-size: 24px;
    line-height: 55px;
    margin: 0 auto 10px
}

.shop-step-container .circle .fa {
    display: none;
    line-height: 55px
}

.shop-step-container .active p,
.shop-step-container .current p {
    color: #555
}

.shop-step-container .current .circle,
.shop-step-container .active .circle {
    background-color: #555
}

.shop-step-container .active .circle .fa {
    display: block
}

.shop-step-container .active .circle span {
    display: none
}

.shop-main-title {
    border: 1px solid #eee;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px;
    position: relative
}

.shop-main-title::before {
    content: '';
    background-color: #e52020;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.shop-main-title .title {
    font-size: 20px;
    color: #333;
    display: inline-block;
    vertical-align: middle
}

.warning {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    color: #999 !important;
    font-size: 13px !important
}

.shop-main-title .warning::before {
    content: '|';
    display: inline-block;
    margin: 0 15px
}

.thead span {
    float: left;
    width: 10%;
    padding: 15px 0;
    font-size: 13px;
    color: #999;
    display: inline-block
}

.shop-table .thead span:nth-child(2) {
    width: 50%;
    text-align: left
}

.shop-table table {
    margin-bottom: 0;
    border: 1px solid #eee
}

.freight-table table {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 0
}

.freight-table table.margin {
    margin-bottom: 20px
}

.shop-table table tbody tr td {
    padding: 20px 0;
    width: 10%;
    border-bottom: 1px solid #eee
}

.shop-table table tbody tr td a {
    color: #888
}

.shop-table table tbody tr td:nth-child(2) {
    width: 50%;
    text-align: left
}

.shop-table table tbody tr td:nth-child(2) a {
    color: #333;
    font-size: 16px;
    text-decoration: underline !important
}

.shop-table table tbody tr td:nth-child(2) p {
    font-size: 13px;
    color: #888
}

.shop-table table tbody tr td:nth-child(5),
.freight-table table tbody tr td:nth-child(4) {
    color: #e52020;
    font-size: 14px
}

.freight-table label {
    margin-right: 30px;
    min-width: 155px
}

.freight-table .thead span:nth-child(2),
.freight-table table thead tr:first-child th:nth-child(2) {
    width: 45%;
    text-align: left
}

.freight-table .step2 thead tr:first-child th:nth-child(2) {
    width: 90%
}

.freight-table table thead tr th:last-child button {
    background-color: #e52020;
    color: #fff;
    border: none;
    font-size: 14px;
    margin-left: 10px;
    padding: 5px 10px;
    border-radius: 3px
}

.freight-table table tbody tr td,
.freight-table table thead tr th {
    width: 15%;
    text-align: center
}

.freight-table table tbody tr td:first-child,
.freight-table table thead tr th:first-child {
    width: 10%
}

.freight-table.step2 table tbody tr td:first-child {
    width: 55%
}

.freight-table table tbody tr.padding td:first-child {
    padding-top: 20px;
    padding-bottom: 20px
}

.freight-table table tbody tr:first-child td:first-child span,
.freight-table table tbody tr:first-child td:first-child label {
    display: inline-block;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    font-weight: 500
}

.freight-table table tbody tr:first-child td:first-child span {
    margin-right: 20px;
    min-width: 4em
}

.freight-table table tbody tr:first-child td:first-child .freight-radio {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background-color: #eee
}

.freight-table table tbody tr:first-child td:first-child label {
    margin-bottom: 0
}

.freight-table table tbody tr td:first-child {
    text-align: left;
    padding: 15px 0 15px 20px
}

.freight-table table input[type="radio"] {
    display: none
}

.freight-table input[type="radio"]:checked~.radio-box::after {
    display: block
}

.freight-table table thead tr th {
    border-bottom: 1px solid #eee
}

.radio-box {
    width: 60px;
    height: 60px;
    background-color: #eee;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    position: relative
}

.radio-box::before {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #999;
    content: '';
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.radio-box::after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #4D4D4D;
    display: none;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.freight-thead span {
    width: 15%
}

.freight-thead span:first-child {
    width: 10%
}

.tfooter {
    border: 7px solid #BABABA;
    margin-bottom: 20px;
    border-radius: 2px
}

.tfooter.step2 {
    border: 1px solid #eee
}

.tfooter.step2>div:first-child,
.tfooter.step2>div:last-child {
    width: 50%
}

.tfooter.step2>div:last-child {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    text-align: right
}

.tfooter.step2>div:last-child p {
    display: inline-block
}

.tfooter>div {
    margin-right: -4px;
    width: 8.3333%;
    padding: 10px;
    display: inline-block;
    vertical-align: middle
}

.tfooter>div:first-child {
    width: 30%;
    text-align: left
}

.tfooter>div p {
    color: #888;
    font-size: 14px;
    margin-bottom: 0
}

.tfooter>div .total {
    font-size: 24px;
    color: #333;
    margin-bottom: 0;
    letter-spacing: 0
}

.tfooter>div:first-child p .amount {
    color: #e52020
}

.tfooter>div:last-child {
    width: 20%
}

.tfooter>div:last-child p {
    font-weight: 700;
    font-size: 20px;
    color: #333
}

.tfooter>div:last-child p .total-money {
    color: #e52020;
    margin-left: 5px;
    font-weight: 700
}

.tfooter>div:last-child p .total-money .number {
    font-size: 30px
}

.step-bottom-button a {
    display: inline-block;
    border-radius: 3px;
    font-size: 16px
}

.step-bottom-button .continue {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    border: 1px solid #ddd;
    padding: 0 22px;
    color: #999;
    height: 40px;
    line-height: 40px;
    transition: color .3s, background-color .3s, border-color .3s
}

.step-bottom-button .step {
    float: right;
    margin: 0
}

.shop-form {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #eee;
    margin: 20px 0
}

.shop-form.step2 {
    margin: 0
}

.shop-form.step2 .input-box {
    margin-bottom: 0;
    width: 30%
}

.select-box select {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #999;
    font-size: 16px;
    padding: 10px
}

.select-box.step3 select {
    margin-bottom: 20px
}

.address-checkbox {
    margin-bottom: 20px
}

.address-checkbox.margin {
    margin: 0
}

.tick {
    border: 1px solid #555;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.tick .fa {
    display: none;
    line-height: 20px;
    height: 20px
}

input[type="checkbox"]:checked~.tick .fa {
    display: block
}

.shop-gift {
    border: 1px solid #eee;
    margin-bottom: 20px
}

.gifts {
    padding: 20px 25px;
    border-bottom: 1px solid #eee
}

.gifts label {
    margin-left: 25px
}

.question {
    line-height: 45px;
    display: inline-block
}

.question .fa {
    color: #e52020;
    font-size: 25px;
    line-height: 45px
}

.shopping-success-block,
.shopping-fail-block {
    padding: 50px 0;
    margin-bottom: 20px;
    margin-top: -100px;
}

.shopping-success-block img,
.shopping-fail-block img {
    max-height: 152px;
    margin-bottom: 30px;
}

@media (max-width: 479px) {

    .shopping-success-block img,
    .shopping-fail-block img {
        max-height: 92px;
    }
}


.thanks {
    font-size: 28px;
    color: #000;
    margin-bottom: 10px
}

.shopping-success-bottom,
.shopping-fail-bottom {
    padding: 20px;
    margin-bottom: 20px;
}

.words {
    font-size: 28px;
    font-weight: 500;
    color: #000;
}

.links {
    font-size: 20px;
}

.shopping-success-bottom p,
.shopping-fail-bottom p {
    margin-bottom: 5px;
    font-size: 13px
}

.shopping-success-bottom a,
.shopping-fail-bottom a {
    color: #555;
    text-decoration: underline !important;
    font-weight: 700
}

.service-block {
    padding: 20px
}

#content.videoindex,
#content.videoindex .content-wrap {
    padding-bottom: 0
}

.media_story_imgbox {
    background-size: cover;
    background-position: center
}

.media_story_imgbox::before {
    content: '';
    display: block;
    padding-top: 65%
}

.story-title {
    display: inline-block;
    vertical-align: top
}

.story-title h2 {
    margin-bottom: 15px
}

.ms-tabs-template {
    height: 33vw
}

.master-slider,
.ms-container,
.ms-inner-controls-cont,
.ms-view,
.ms-view .ms-slide-container,
.ms-slide {
    height: 100% !important
}

.ms-slide .ms-slide-bgcont img {
    margin: 0 !important
}

.ms-slider-container .slider-caption.slider-caption-center {
    background: none;
    position: relative
}

.ms-slider-container .slider-caption.slider-caption-center p {
    width: auto;
    margin-bottom: 20px
}

.ms-slider-container .slider-caption.slider-caption-center .content {
    position: absolute;
    top: calc(50% - 66px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.ms-thumbs-cont {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ms-slider-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10
}

.ms-slider-container .container {
    height: 100%
}

.ms-slider-container .container,
.ms-tabs .ms-thumb {
    padding: 0
}

.ms-tabs-template .ms-thumb-frame h3 {
    font-size: 28px;
    letter-spacing: .1em;
    margin: 0 0 10px
}

.ms-tabs-template .ms-thumb-frame p {
    font-size: 14px;
    margin: 0
}

.ms-thumb-list {
    position: absolute !important;
    bottom: 0
}

.ms-tabs-template,
.ms-inner-controls-cont,
.ms-view,
.ms-wk .ms-slide {
    max-width: 100% !important;
    width: 100% !important;
    background-size: cover;
    background-position: center
}

.ms-slide {
    cursor: pointer
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    width: 25% !important;
    float: left;
    border: 0;
    text-shadow: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ms-tabs.ms-dir-h .ms-thumb-frame:first-child {
    background: rgba(217, 72, 45, .8)
}

.ms-tabs.ms-dir-h .ms-thumb-frame:nth-child(2) {
    background: rgba(217, 72, 45, .7)
}

.ms-tabs.ms-dir-h .ms-thumb-frame:nth-child(3) {
    background: rgba(231, 104, 63, .7)
}

.ms-tabs.ms-dir-h .ms-thumb-frame:nth-child(4) {
    background: rgba(245, 134, 78, .7)
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    border-bottom-color: rgba(217, 72, 45, 1)
}

.ms-tabs .ms-thumb-frame-selected {
    background-color: rgba(217, 72, 45, 1) !important
}

@media (max-width:991px) {
    .ms-slider-container .slider-caption.slider-caption-center .content {
        top: calc(50% - 27px)
    }
}

.title-info {
    padding: 5px 0
}

.title-info>span {
    font-size: 14px
}

.title-info .fa {
    margin-left: 20px
}

.title-info .number {
    padding: 0 5px;
    font-size: 18px
}

.popup_wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9000;
    position: fixed
}

.popup_container {
    background-color: #fff;
    margin: 100px auto 0;
    width: 450px;
    float: none;
    height: auto
}

.flex_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

@media (max-width:1680px) {
    #video-block-wrapper .video-blocks .video-text {
        padding-top: 160px
    }

    #banner:not(.books-main-slider) {
        height: 570px !important
    }

    .five-books .book .img-text h4 {
        font-size: 24px
    }

    .five-books .book {
        height: 400px
    }

    #video-slider {
        height: 385px
    }

    #video-slider .video-text {
        padding-top: 45%
    }
}

@media (max-width:1440px) {
    .five-books .book .img-text h4 {
        font-size: 22px
    }

    #video-slider {
        height: 330px
    }

    #video-slider .video-text {
        padding-top: 40%
    }
}

@media (max-width:1366px) {
    #video-block-wrapper .video-blocks .video-text {
        padding-top: 140px
    }

    #banner:not(.books-main-slider) {
        height: 455px !important
    }

    .block-box .text-box h3 {
        font-size: 20px
    }

    #video-block-wrapper .video-blocks .video-text .title {
        font-size: 22px
    }

    #video-slider {
        height: 315px
    }
}

@media (max-width: 1199px) {
    .member-right-block {
        width: 670px
    }

    .five-books .book h2 {
        font-size: 20px
    }

    .filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% - 60px);
        margin: 0 auto
    }

    .filter li {
        display: none;
        -ms-order: 2;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        float: none
    }

    .filter li.activeFilter {
        display: block;
        -ms-order: 1;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .filter li a {
        display: block;
        width: 100%;
        border-top: 1px solid #e7e7e7;
        border-right: 0
    }

    .filter li.activeFilter a {
        border-top: 0;
        -webkit-transition: 0 all;
        transition: 0 all
    }
}

@media (min-width: 1025px) {
    #content .col_one_fourth {
        margin-right: 3.333%;
        width: 22.5%
    }

    #content .col_one_fourth:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width:1024px) {
    #page-title.page-title-pdtop535 {
        height: 500px
    }

    .slider-caption.slider-caption-center h2 {
        font-size: 30px
    }

    .ms-tabs-template .ms-thumb-frame h3 {
        font-size: 24px
    }

    .author-block {
        height: 420px
    }

    .author-img {
        width: 130px;
        height: 130px
    }

    .videolist-post .entry-image .play {
        top: 65px
    }

    .book-content {
        padding: 20px
    }

    .book-bottom>div {
        font-size: 13px
    }

    .info-list>li .top {
        vertical-align: top
    }

    .info-list>li .content select {
        margin-bottom: 10px
    }

    .main-theme-block {
        height: 340px
    }

    .book-content .imgbox {
        height: 155px
    }

    .want-buy {
        font-size: 13px
    }

    .subscription-main-block .col-md-4 .imgbox {
        height: 215px
    }

    .portfolio-container {
        width: 625px
    }

    .login-block .facebook-login,
    .login-block .google-login {
        font-size: 15px
    }

    .member-right-block .top-list li img {
        width: 28px
    }

    .member-right-block .top-list li div {
        margin-left: 10px
    }

    .member-right-block .top-list li div h6 {
        font-size: 30px
    }

    #video-slider .video-text {
        padding-top: 35%
    }

    .register-main-block {
        width: 70%
    }

    .themelist-portfolio-container .portfolio-item {
        height: 380px
    }

    .articlelist .post-grid.grid-3 .entry {
        width: 50%
    }

    .articlelist,
    .themelist-portfolio-container {
        width: 625px
    }

    .columnist-portfolio-container .portfolio-item {
        width: 50%
    }

    .columnist-portfolio-container {
        width: 625px
    }

    #banner:not(.books-main-slider) {
        height: 340px !important
    }

    .slider-caption.slider-caption-center p {
        width: 100%
    }

    .block-box .text-box h3 {
        font-size: 16px
    }

    #marquee ul.marquee {
        width: auto
    }

    #video-block-wrapper .video-blocks .video-text {
        padding-top: 125px
    }

    .product-title>p {
        font-size: 13px
    }

    .themeinside-parallax-background {
        background-position: center bottom !important
    }

    .search_filter_list li a {
        font-size: 20px
    }

    .search_filter_list li {
        margin-right: 40px
    }
}

@media (max-width:1023px) {

    .portfolio-container,
    .sidebar {
        width: 100%;
        padding: 0;
        float: none;
        border: none
    }

    .sidebar-widgets-wrap .widget {
        width: 100%
    }

    .flex_block {
        display: block !important
    }

    #banner:not(.books-main-slider) {
        display: none
    }

    #mobile-slider {
        height: 400px;
        display: block
    }

    .ms-tabs-template .ms-thumb-frame h3 {
        font-size: 20px;
        margin-bottom: 0
    }

    .ms-tabs-template .ms-thumb-frame,
    .ms-thumb-list.ms-dir-h {
        height: auto !important
    }

    .ms-tabs-template .ms-thumb-frame p {
        display: none
    }

    .ms-tabs-template {
        height: 350px
    }

    .ms-slider-container .slider-caption.slider-caption-center {
        padding: 0
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .panel .portfolio-meta li span {
        display: inline-block
    }
}

@media (max-width: 991px) {
    .post-grid.grid-3 {
        margin: 0
    }

    .member-leftside-block {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .member-right-block {
        width: 100%;
        float: none
    }

    #page-title.page-title-parallax h1 {
        text-align: center
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sidebar-widgets-wrap {
        margin: 0
    }
}

@media (min-width:769px) {
    #content .col_one_fifth:nth-child(5n) {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .ms-slide .more-content {
        display: none
    }

    .authorize-block {
        float: none
    }

    .slider-caption.slider-caption-center p,
    .slider-caption-bg.slider-caption-bg-light p {
        font-size: 14px
    }

    .book-single-content {
        width: 100%
    }

    .book-single-imgbox {
        float: none;
        padding-right: 0;
        margin-right: auto;
        margin-left: auto
    }

    .button.button-xlarge {
        width: 150px;
        padding-left: 0;
        padding-right: 0
    }

    #content .background-box .text-box p {
        font-size: 13px !important
    }

    .post-grid.grid-3 .entry {
        width: 50%
    }

    .five-books-slider-wrapper.center {
        text-align: left !important
    }

    .heading-block {
        margin-bottom: 20px
    }

    .report-bottomblock .sub-report .leaderboard-blocks {
        margin-bottom: 20px
    }

    .sale-book-block.col_one_fifth:nth-child(2n) {
        margin-right: 0
    }

    .subscription-main-block {
        width: 80%;
        margin: 0 auto
    }

    .subscription-main-block .col-md-4 .imgbox {
        height: 400px
    }

    .subscription-main-block>div {
        margin-bottom: 20px
    }

    #posts::before,
    .articlelist::after,
    .themelist-portfolio-container::after {
        display: none
    }

    #posts::after {
        left: calc(50% - 15px)
    }

    .register-main-block,
    .step-container {
        width: 100%
    }

    #content.register-content {
        padding: 50px 0
    }

    .login-block {
        width: 100%;
        float: none
    }

    .community-login {
        margin-bottom: 30px
    }

    .themelist-portfolio-container .articlelist .post-grid.grid-3 .entry {
        padding: 5px
    }

    .themelist-content-block-title {
        margin-right: 0;
        margin-bottom: 20px
    }

    .themelist-portfolio-container .articlelist {
        padding-right: 0
    }

    .themelist-portfolio-container {
        width: 100%;
        float: none;
        border-right: none;
        padding: 0
    }

    .themelist-portfolio-container .portfolio {
        margin: 0
    }

    #page-title.themelist-page-title-parallax .words {
        width: 100%
    }

    #page-title.themelist-page-title-parallax .main-title {
        font-size: 35px
    }

    .themelist-content-main-title {
        margin-bottom: 20px
    }

    .articlelist .post-grid.grid-3 hr {
        margin-right: 0
    }

    .articlelist {
        width: 100%;
        float: none;
        padding-right: 0;
        border-right: none
    }

    .articlelist .list-area {
        padding-right: 0
    }

    .articlelist .main-title {
        margin-right: 0;
        margin-bottom: 20px
    }

    .articlelist .post-grid.grid-3 .entry {
        padding: 0 15px
    }

    .columnist-portfolio-container .portfolio-item {
        padding: 0 6px 12px
    }

    .columnist-portfolio-container .portfolio {
        margin: 0
    }

    .columnist-sidebar {
        margin-top: 30px
    }

    .columnist-sidebar .sidebar-widgets-wrap .widget {
        width: 100%
    }

    .columnist-sidebar .sidebar-widgets-wrap a.widget {
        text-align: center
    }

    #content .container .main-report-wrapper .report-bottomblock .sub-report {
        padding: 0 30px
    }

    .marquee_btn,
    #marquee .marquee-tag,
    #marquee .new-text {
        display: none
    }

    .five-books .book {
        height: 350px
    }

    .flex-prev,
    .flex-next {
        z-index: 1000 !important
    }

    .slider-caption.slider-caption-center {
        padding-left: 55px;
        padding-right: 55px
    }

    #banner .block-box .blocks {
        height: 50%;
        width: 33.3333%;
        float: left;
        border-width: 0 2px 2px 0;
        border-color: #fff;
        border-style: solid
    }

    #banner .block-box .blocks:nth-child(3n) {
        border-right: none
    }

    #banner .block-box .blocks:nth-child(n+4) {
        border-bottom: none
    }

    #banner:not(.books-main-slider) {
        height: auto !important
    }

    #banner .col-md-4,
    #banner .col-md-8 {
        height: 400px
    }

    .five-books .book:last-child {
        margin-right: 0
    }

    .video-blocks .video-text {
        padding-top: 150px
    }

    .main-report-wrapper .report-bottomblock .sub-report>a {
        margin-bottom: 20px
    }

    .main-report-wrapper .main-report {
        width: 100%;
        float: none
    }

    .main-report-wrapper .main-report .imgbox {
        height: 450px
    }

    .communicate-wrapper,
    .tags-cloud {
        width: 100%;
        margin-right: 0
    }

    .main-report-wrapper .report-bottomblock .sub-report-row {
        margin-bottom: 0
    }

    .six .focus-person:nth-child(3n) {
        margin-right: 0
    }

    .shop {
        margin: 0
    }

    .shop .product {
        position: static !important;
        width: 50%;
        padding: 0 2%
    }

    .slick-initialized .slick-slide {
        padding: 0 10px
    }

    .slick-initialized .slick-slide .book-link {
        margin-right: 0
    }

    #article-recommend-slider .article-recommend-block .imgbox {
        height: 130px
    }

    #article-recommend-slider .article-recommend-block .content-box .title {
        font-size: 18px
    }

    .latest__news-slider.slick-initialized .slick-slide {
        padding: 0
    }
}

@media (max-width:767px) {
    .articlelist-title .title-nav {
        display: block;
        float: none;
        margin-bottom: 0
    }

    #content .five-books .col_one_fifth {
        width: 16.8% !important;
        margin-right: 20px !important
    }

    .post-grid {
        margin-left: 0
    }

    #posts::after {
        display: none
    }

    .flex-caption {
        display: block !important
    }

    .slider-caption.slider-caption-center h2,
    .slider-caption-bg.slider-caption-bg-light h2 {
        font-size: 25px
    }

    .slider-caption.slider-caption-center p,
    .slider-caption-bg.slider-caption-bg-light p {
        display: none
    }

    .sort-list {
        float: none;
        margin: 10px 0 0
    }

    .leaderboard-blocks .content-box .title-link {
        font-size: 16px
    }

    .leaderboard-blocks .content-box {
        width: 100%;
        display: block
    }

    .leaderboard-blocks .content-box .content-text {
        clear: both;
        margin-bottom: 0
    }

    .search_filter_list {
        font-size: 0
    }

    .search_filter_list li {
        width: 50%;
        margin-right: 0
    }

    .search_filter_list li:nth-child(-n + 2) {
        margin-bottom: 20px
    }

    .search_filter_list li a {
        font-size: 20px
    }

    .leaderboard-blocks .imgbox {
        display: block;
        width: 150px;
        height: 100px;
        float: left;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    #mobile-slider {
        height: 315px
    }

    .slider-caption-bg.slider-caption-bg-light h2 {
        font-size: 30px
    }

    .slider-caption-bg.slider-caption-bg-light p {
        display: none
    }

    #mobile-slider .container {
        width: 100% !important
    }
}

@media (max-width:479px) {
    .ms-tabs-template .ms-thumb-frame h3 {
        font-size: 14px
    }

    .ms-thumbs-cont {
        left: 0 !important
    }

    .ms-thumb-list.ms-dir-h {
        display: block !important;
        opacity: 1 !important
    }

    .ms-slider-container .slider-caption.slider-caption-center .content {
        top: calc(50% - 31px)
    }

    .ms-tabs-template {
        height: 250px
    }

    .story_tag {
        margin-right: 0
    }

    .search-result-title {
        padding-bottom: 0
    }

    .three-book-blocks p {
        display: none
    }

    .three-book-blocks {
        height: 150px
    }

    .three-book-blocks .small-photo .background-box:first-child {
        margin-bottom: 10px
    }

    .three-book-blocks .small-photo .background-box {
        height: 70px
    }

    .background-box .text-box {
        padding-top: 40px
    }

    .small-photo .background-box .text-box {
        padding-top: 10px
    }

    .background-box .text-box .title::after {
        margin: 5px auto
    }

    .three-book-blocks .small-photo {
        padding-left: 5px
    }

    .three-book-blocks .big-photo {
        padding-right: 5px
    }

    #single-slider {
        width: 80%;
        margin-right: auto;
        margin-left: auto
    }

    .button.button-xlarge {
        width: 100px;
        font-size: 15px
    }

    #single-slider .programs {
        margin-right: 0
    }

    .programs-block {
        width: 250px;
        margin-left: auto;
        margin-right: auto
    }

    .upgrade-confirm,
    .data-reset {
        padding: 0 10px;
        font-size: 13px
    }

    .collet-article-table table {
        width: 200%;
        max-width: 200%
    }

    .save-data {
        padding: 0 15px;
        font-size: 14px
    }

    h3 {
        font-size: 18px
    }

    .info-list>li .content input[type="text"] {
        width: 100%;
        margin-bottom: 10px
    }

    .info-list>li .content {
        width: 100%;
        max-width: 100%
    }

    .step-container {
        height: 60px;
        margin-bottom: 70px
    }

    .step-container::before {
        width: calc(100% - 50px);
        top: 30px;
        left: 25px
    }

    .step-container.bt_code::before {
        width: calc(100% - 50px);
        top: 30px;
        left: 25px
    }

    .step-container.bt_code_step3::before {
        width: calc(100% - 50px);
        top: 30px;
        left: 25px
    }

    .step-container .step img {
        width: 60px
    }

    .title-nav {
        float: none;
        margin-bottom: 0
    }

    #content .six .focus-person .textbox p {
        font-size: 12px !important
    }

    .leaderboard-blocks {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .leaderboard-blocks .imgbox.smallimg {
        width: 150px
    }

    .leaderboard-blocks .smallimg~.content-box {
        width: calc(100% - 130px)
    }

    #content .col_one_fifth {
        width: 100% !important;
        float: none;
        margin-right: 0 !important
    }

    .list-select {
        display: block;
        float: none;
        margin: 10px 0 0
    }

    .list-select .fa {
        margin-left: 15px
    }

    .navbar-default .navbar-toggle {
        border: none
    }

    #page-title .navbar-toggle span {
        margin-top: 5px;
        background-color: #fff
    }

    .container-fluid,
    .navbar-default .navbar-collapse {
        border: none
    }

    .navbar-nav,
    .navbar-default .navbar-toggle {
        margin: 0;
        border: none
    }

    .navbar-default {
        position: static
    }

    #page-title.page-title-parallax h1.member-main-title {
        display: inline-block
    }

    .member-right-block .top-list {
        padding: 0
    }

    .member-right-block .top-list li {
        margin: 10px 0;
        padding-left: 5px;
        padding-right: 5px
    }

    .orders-block .order-title>span {
        display: block;
        margin-right: 0
    }

    .order-content-box,
    .order-button-box {
        float: none;
        width: 100%
    }

    .subscription-main-block {
        width: 100%
    }

    .emailconfirm .user-email {
        display: block
    }

    .register-main-block .login-container .community-login {
        padding: 30px 20px
    }

    .input-box input {
        font-size: 13px
    }

    .login-container {
        width: 100%
    }

    .login-block .facebook-login,
    .login-block .google-login {
        font-size: 15px
    }

    .login-block .google-login .fa,
    .login-block .facebook-login .fa {
        width: 50px
    }

    .login-block .line-login span,
    .login-block .google-login span,
    .login-block .facebook-login span {
        padding-left: 65px
    }

    .community-login,
    .login-block {
        padding: 30px 20px
    }

    .community-login {
        height: auto
    }

    #video-slider {
        height: 285px
    }

    #video-slider .video-blocks .video-text .title {
        font-size: 25px
    }

    #video-slider .video-text {
        padding-top: 38%
    }

    .videolist-content .videolist-post .entry-image {
        width: 120px;
        float: left;
        height: 80px;
        margin-right: 10px
    }

    .videolist-content .videolist-post .entry-image .play {
        display: none
    }

    #posts.videolist-post .entry-title,
    #posts.videolist-post .entry-content {
        width: calc(100% - 160px)
    }

    #posts.videolist-post .entry-content p {
        line-height: 1.3em;
        margin-bottom: 5px
    }

    #posts.videolist-post .entry-content .date {
        display: block;
        clear: both;
        height: auto;
        width: 100%
    }

    #content .videolist-post.post-grid.grid-3 .entry .content {
        clear: both
    }

    #page-title.themelist-page-title-parallax .tag {
        margin-bottom: 0
    }

    #page-title.themelist-page-title-parallax .main-title {
        font-size: 25px;
        margin-bottom: 5px
    }

    #page-title.themelist-page-title-parallax .container {
        text-align: left
    }

    .themelist-portfolio-container .portfolio-item {
        height: 350px
    }

    .themelist-portfolio-container .portfolio-item .link-block .title {
        font-size: 25px;
        line-height: 1.2em;
        margin-bottom: 5px
    }

    #content .themelist-portfolio-container .portfolio-item .link-block .content {
        line-height: 1.5em
    }

    .themelist-portfolio-container .portfolio:not(.portfolio-1) .portfolio-item {
        width: 100%;
        margin: 0 0 10px;
        padding: 0
    }

    .themelist-portfolio-container .articlelist,
    .themelist-portfolio-container .articlelist .post-grid.grid-3 .entry {
        padding-right: 0
    }

    .articlelist .post-grid.grid-3 .entry {
        width: 50% !important;
        padding: 5px
    }

    .articlelist .entry-title h2 a {
        font-size: 16px
    }

    .articlelist .post-grid.grid-3 .entry:nth-child(even) {
        margin-right: 0 !important
    }

    .articlelist .post-masonry .entry-image,
    .articlelist #posts .entry-title,
    .articlelist #posts .entry-content {
        width: 100%;
        float: none;
        padding: 0
    }

    .articlelist .post-grid.grid-3 .entry-title h2 {
        margin: 10px 0;
        line-height: 1.1em
    }

    .articlelist-pagetitle-imgbox {
        margin: 0 auto
    }

    .articlelist-pagetitle-content {
        width: 100%;
        display: block
    }

    .columnist-page-title-parallax {
        background-position: center 0 !important
    }

    .columnist-portfolio-container .portfolio-item {
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }

    div#abgne_marquee {
        width: 100%
    }

    .post-masonry .entry-image {
        width: 35%;
        float: left;
        margin: 0
    }

    #posts .entry-content p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-height: 3em
    }

    .img-tag {
        display: none !important
    }

    #posts .entry-title {
        width: 65%;
        float: right
    }

    #posts .entry-content {
        float: right;
        width: 65%;
        padding: 0 10px;
        margin: 0
    }

    #posts .entry-title {
        padding: 0 10px
    }

    .entry-title h2 a {
        font-size: 18px;
        line-height: 1.2em
    }

    .entry {
        border: none
    }

    .post-grid.grid-3 .entry {
        padding: 0
    }

    #mobile-slider {
        height: 200px
    }

    #content .six .focus-person {
        width: 100%
    }

    .block-box .text-box h3 {
        font-size: 25px
    }

    .section.dark {
        background-position: 50% 0 !important
    }

    .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
        height: 100% !important;
        width: 100% !important
    }

    #banner .container {
        width: 100% !important
    }

    #banner .col-md-8 {
        height: 220px
    }

    #banner .col-md-4 {
        height: 570px
    }

    #banner .block-box .blocks {
        width: 100%
    }

    #marquee .container {
        width: 100% !important
    }

    #content .container .main-report-wrapper .main-report {
        width: 100%;
        float: none
    }

    .main-report-wrapper .main-report .imgbox {
        height: 200px
    }

    #video-block-wrapper .video-blocks .video-text {
        padding-top: 165px
    }

    .report-bottomblock {
        width: 100%
    }

    #content .container .main-report-wrapper .report-bottomblock .sub-report {
        padding: 0
    }

    #content .container .main-report-wrapper .report-bottomblock .sub-report>a>img {
        width: 130px
    }

    #content .container .main-report-wrapper .report-bottomblock .sub-report>a .title {
        font-size: 16px
    }


    .communicate-wrapper,
    .tags-cloud {
        width: 100%
    }

    #banner .block-box .blocks {
        border-width: 0 0 2px
    }

    #banner .block-box .blocks:last-child {
        border-bottom: none
    }

    #banner .block-box .blocks:nth-child(n+4) {
        border-bottom: 2px solid #fff
    }

    #video-block-wrapper {
        height: auto
    }

    #top-social {
        display: block !important
    }

    #top-bar .col_half {
        padding-left: 10px
    }

    #top-social li {
        border: none !important
    }

    .article-recommend-block .imgbox {
        height: 90px
    }

    #video-block-wrapper {
        padding: 0
    }

    #mobile-slider .container,
    #slider .container {
        width: 100% !important
    }

    .tags-content>a.highlight {
        font-size: 16px
    }
}

.check-main-title {
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px;
    margin-top: 5px;
    border: #eee 1px solid;
    border-top: 0;
    border-radius: 0 0 2px 2px
}

.check-main-title:before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -1px;
    width: calc(100% + 2px);
    height: 5px;
    background-color: #e52020;
    border-radius: 5px 5px 0 0
}

.check-main-title .title {
    font-size: 20px;
    line-height: 1;
    vertical-align: middle
}

.check-main-title .warning:before {
    content: "|";
    margin: 0 15px
}

.check-form {
    padding: 20px;
    margin: 20px 0;
    background-color: #fcfcfc;
    border: #eee 1px solid;
    border-radius: 2px
}

.check-form .input-box {
    display: inline-block;
    height: auto;
    margin-bottom: 20px;
    line-height: 50px;
    border: 0
}

.check-form .input-box input.type2 {
    height: 50px;
    background-color: #FFF;
    border: #ddd 1px solid;
    border-radius: 2px
}

.check-form .input-box .fa {
    width: 40px;
    padding-left: 5px;
    line-height: 50px;
    z-index: 0
}

.check-form .input-box input {
    padding: 0 0 0 40px;
    margin: 0;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #555;
    background-color: transparent
}

.check-form ::-webkit-input-placeholder {
    color: #aaa
}

.check-form ::-moz-placeholder {
    color: #aaa
}

.check-form :-ms-input-placeholder {
    color: #aaa
}

.check-form :-moz-placeholder {
    color: #aaa
}

.check-form .input-box.type_1 {
    display: inline-block;
    width: 100%;
    max-width: 340px;
    vertical-align: top
}

.check-form .input-box.type_1:nth-child(2) {
    margin-left: 16px
}

.check-form .input-box.type_1.login_mail {
    background-color: transparent;
    border: none
}

.check-form .input-box.type_1.login_mail .fa {
    color: #555
}

.check-form .select-box.type_1 {
    display: inline-block;
    position: relative;
    width: calc(100% - 145px);
    margin-left: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    vertical-align: top
}

.check-form .select-box.type_2 {
    display: inline-block;
    position: relative;
    width: 340px;
    margin-left: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    vertical-align: top
}

.check-form .select-box select {
    height: 50px;
    padding: 0 40px 0 10px;
    margin: 0;
    color: #555;
    line-height: 50px;
    background-color: #FFF;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.check-form .select-box option {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700
}

.check-form .select-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    right: 16px;
    border-top: .3em solid #999;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.check-form .address-option.not_select .select-box:after {
    border-right-color: transparent !important;
    border-left-color: transparent !important
}

.check-form .select-box select::-ms-expand {
    display: none
}

.check-form .select-box.type_2 select.not_select {
    color: #aaa
}

.address-select {
    width: 100%;
    margin-bottom: 20px
}

.address-select label:not(.add_address) {
    width: 125px;
    margin-top: 13px;
    border-radius: 2px;
    vertical-align: top
}

.address-select label:not(.add_address) .tick .fa {
    line-height: 19px
}

.address-select label.add_address {
    margin-left: 145px;
    color: #999;
    font-size: 12px;
    line-height: 16px
}

.address-select label.add_address * {
    -webkit-transition: 0 all !important;
    transition: 0 all !important
}

.address-select label.add_address .tick {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 1px solid #999;
    border-radius: 2px;
    vertical-align: top
}

.address-select label.add_address .tick .fa {
    line-height: 15px
}

.address-select label.add_address input[type="checkbox"]:checked~.tick {
    border: 1px solid #e52020
}

.address-select label.add_address input[type="checkbox"]:checked~.tick .fa:before {
    color: #e52020
}

.address-select label.add_address input[type="checkbox"]:checked~span {
    color: #e52020
}

.check-form .input-box.type_1.other_address {
    width: calc(100% - 145px);
    max-width: none;
    margin: 20px 0 5px 145px
}

.check-form .input-box.type_1.overseas_address {
    width: calc(100% - 145px);
    max-width: none;
    margin: 0 0 5px 16px
}

.check-form .input-box.type_1 input.type2.check-error,
.check-form .select-box.type_1 select.check-error,
.check-form .select-box.type_2 select.check-error {
    border-color: red
}

.check-form .check-error+.check-errmsg {
    margin-top: 10px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.2;
    color: red
}

.address-option {
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.address-option:last-child {
    margin-bottom: 0
}

.address-option input[type="radio"] {
    display: none !important
}

.address-option input[type="radio"]:checked~.tick .fa {
    display: block
}

.address-option.not_select label:first-child~*,
.address-option.not_select label:first-child~* *,
.address-option.not_select label:first-child~ :before,
.address-option.not_select label:first-child~ :after {
    color: #EEE !important;
    border-color: #EEE !important;
    pointer-events: none
}

.address-option.not_select ::-webkit-input-placeholder {
    color: #eee
}

.address-option.not_select ::-moz-placeholder {
    color: #eee
}

.address-option.not_select :-ms-input-placeholder {
    color: #eee
}

.address-option.not_select :-moz-placeholder {
    color: #eee
}

.check-form .text-box textarea.type1 {
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 150px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #555;
    border: #ddd 1px solid;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.check-form .text-box textarea.type1:focus {
    border: #ddd 1px solid !important
}

.check-gift {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px
}

.check-gift-title {
    padding: 20px 30px;
    border-bottom: #eee 1px solid
}

.check-gift-title>span {
    margin-right: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.check-gift-title label .tick .fa {
    line-height: 19px
}

.check-gift-title label:not(.add_address) {
    border-radius: 2px;
    vertical-align: top
}

.check-gift-address {
    width: 100%;
    padding: 0 20px;
    margin-top: 20px
}

.check-gift-address .input-box.type_1.other_address {
    margin-bottom: 0;
    vertical-align: top
}

.check-payment {
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px
}

.check-payment-title {
    display: inline-block;
    height: 60px;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 60px;
    text-align: center
}

.check-payment-radio {
    display: inline-block;
    width: auto;
    height: 60px;
    vertical-align: top
}

.check-payment-radio label input {
    display: none
}

.check-payment-radio label .radio-box {
    margin-right: 20px
}

.radio-text {
    padding-right: 20px;
    vertical-align: middle
}

.check-payment-radio input[type="radio"]:checked~.radio-box::after {
    display: block
}

.check-payment-einnumber {
    width: 100%;
    padding: 20px;
    border-top: #eee 1px solid
}

.check-payment-einnumber .input-box {
    margin-bottom: 0;
    vertical-align: top
}

.check-receipt {
    margin-bottom: 0
}

.product-step-title {
    width: 100%;
    height: 50px
}

.product-step-title>div {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 13px;
    color: #999;
    line-height: 50px;
    float: left
}

.product-step-title>div:nth-child(1) {
    width: calc(100% - 390px);
    padding-left: 21px
}

.product-step-title>div:nth-child(2) {
    width: 155px;
    padding-right: 70px;
    text-align: right
}

.product-step-title>div:nth-child(3) {
    width: 90px;
    text-align: center
}

.product-step-title>div:nth-child(4) {
    width: 125px;
    padding-left: 70px;
    text-align: right
}

.check-product-block {
    margin-bottom: 20px
}

.check-product-step {
    margin-bottom: 20px
}

.product-step-list {
    width: 100%;
    background-color: #fcfcfc;
    border: #eee 1px solid;
    border-radius: 2px
}

.product-step-list:nth-child(n + 3) {
    margin-top: 20px
}

.product-step-item {
    display: table;
    width: 100%;
    padding: 20px;
    border-bottom: #eee 1px solid
}

.product-step-item:last-child {
    border-bottom: none
}

.product-step-item>div {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: table-cell;
    font-size: 14px;
    vertical-align: middle
}

.product-step-item.product-step-item--title {
    padding: 10px 20px
}

.product-step-name {
    width: calc(100% - 370px);
    color: #333
}

.product-step-name a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    text-decoration: underline !important
}

.product-step-name a:hover {
    color: #e52020
}

.product-step-name p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 13px;
    color: #888
}

.product-step-price {
    width: 155px;
    padding-right: 70px;
    color: #888;
    text-align: right
}

.product-step-count {
    width: 90px;
    color: #333;
    text-align: center
}

.product-step-tprice {
    width: 125px;
    margin-left: 35px;
    color: #ea5514;
    font-weight: 500;
    text-align: right
}

.check-total>div {
    height: 80px;
    margin: 0;
    float: left
}

.check-total.step2>div:first-child h6 {
    line-height: 80px
}

.check-total.step2>div:first-child {
    width: 180px;
    padding: 0 0 0 20px
}

.check-total.step2>div:last-child {
    width: calc(100% - 180px);
    padding: 28px 20px 0
}

.check-product-title {
    width: 100%;
    height: 50px
}

.check-product-title>div {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 13px;
    color: #999;
    line-height: 50px;
    float: left
}

.check-product-title>div:nth-child(1) {
    width: calc(100% - 488px);
    padding-left: 151px
}

.check-product-title>div:nth-child(2) {
    width: 155px;
    padding-right: 70px;
    text-align: right
}

.check-product-title>div:nth-child(3) {
    width: 90px;
    text-align: center
}

.check-product-title>div:nth-child(4) {
    width: 125px;
    padding-left: 35px;
    text-align: right
}

.check-product-title>div:nth-child(5) {
    width: 88px;
    padding-left: 30px;
    text-align: center
}

.check-product-list {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    width: 100%;
    background-color: #fcfcfc;
    border: #eee 1px solid;
    border-radius: 2px
}

.check-product-item {
    display: table;
    position: relative;
    width: 100%;
    padding: 25px 30px;
    border-bottom: #eee 1px solid
}

.check-product-item:last-child {
    border-bottom: none
}

.check-product-item>div {
    display: table-cell;
    vertical-align: middle
}

.check-product-pic {
    width: 120px;
    padding-right: 30px
}

.check-product-pic a {
    width: 100%
}

.check-product-pic img {
    width: 100%;
    max-width: none
}

.check-product-pic a:hover {
    opacity: .8
}

.check-product-name {
    width: calc(100% - 458px);
    padding-right: 30px
}

.check-product-name a {
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    text-decoration: underline !important
}

.check-product-name a:hover {
    color: #e52020
}

.check-product-name p:not(.gift) {
    margin: 0;
    font-size: 13px;
    color: #888
}

.check-product-name p.gift {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333
}

.check-product-price {
    width: 155px;
    padding-right: 70px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #888;
    text-align: right
}

.check-product-count {
    width: 90px
}

.check-product-count .spin {
    width: 90px;
    height: 22px;
    border: #e0e0e0 1px solid
}

.spin div:first-child {
    line-height: 16px
}

.spin div {
    width: 21px;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #888;
    text-align: center;
    background-color: #e0e0e0;
    float: left;
    cursor: pointer
}

.spin div::-moz-selection {
    color: #888;
    background-color: transparent
}

.spin div::selection {
    color: #888;
    background-color: transparent
}

.spin div.min {
    color: #e0e0e0;
    background-color: transparent;
    cursor: default
}

.spin div.min::-moz-selection {
    color: #e0e0e0
}

.spin div.min::selection {
    color: #e0e0e0
}

.spin input {
    width: 46px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 20px;
    color: #333;
    text-align: center;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    vertical-align: bottom
}

.check-product-tprice {
    width: 125px;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 500;
    color: #e52020;
    text-align: right
}

.check-product-del {
    width: 88px;
    padding-left: 30px;
    text-align: center;
    z-index: 1
}

.check-product-del a {
    font-size: 16px;
    color: #ccc
}

.check-product-del a:hover {
    color: #e52020
}

.check-freight {
    margin-bottom: 20px
}

.check-freight-title {
    width: 100%;
    height: 50px
}

.check-freight-title>div {
    font-size: 13px;
    color: #999;
    line-height: 50px;
    float: left
}

.check-freight-title>div:nth-child(1) {
    width: calc(100% - 490px);
    padding-left: 30px
}

.check-freight-title>div:nth-child(2) {
    width: 155px;
    padding-right: 70px;
    text-align: right
}

.check-freight-title>div:nth-child(3) {
    width: 90px;
    text-align: center
}

.check-freight-title>div:nth-child(4) {
    width: 125px;
    padding-left: 40px;
    text-align: right
}

.check-freight-list {
    width: 100%;
    background-color: #fcfcfc;
    border: #eee 1px solid;
    border-radius: 2px
}

.check-freight-total {
    position: relative;
    width: 100%;
    margin-bottom: 0
}

.check-freight-total.is_shut .not_select {
    display: none
}

.check-freight-select {
    display: table;
    width: 100%;
    padding-right: 118px
}

.check-freight-select>div {
    display: table-cell
}

.check-freight-select label input {
    display: none
}

.freight-select-title {
    width: 120px;
    height: 60px;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 60px;
    text-align: center
}

.freight-select-radio {
    width: calc(100% - 608px);
    height: 60px;
    vertical-align: top
}

.freight-select-radio label .radio-box {
    margin-right: 20px
}

.freight-select-radio input[type="radio"]:checked~.radio-box::after {
    display: block
}

.check-freight-price {
    width: 155px;
    padding-right: 70px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #888;
    text-align: right
}

.check-freight-count {
    width: 90px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    text-align: center
}

.check-freight-tprice {
    width: 125px;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 500;
    color: #e52020;
    text-align: right
}

.check-freight-change {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 80px;
    height: 30px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #FFF;
    line-height: 28px;
    text-align: center;
    background-color: #e52020;
    border-radius: 2px;
    cursor: pointer
}

.is_shut .check-freight-change:after {
    content: "▾"
}

.check-freight-change:after {
    content: "▴"
}

.check-freight-change:hover {
    color: #FFF;
    opacity: .8
}

.check-freight-item {
    display: table;
    width: 100%;
    padding: 0 243px 0 30px;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #888
}

.check-freight-item>div {
    display: table-cell
}

.freight-item-title {
    width: calc(100% - 90px)
}

.freight-item-count {
    width: 90px;
    color: #333;
    text-align: center
}

.check-freight-item.total {
    padding-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333
}

.check-freight-item.tprice {
    display: none
}

.check-credit.check-form {
    margin-bottom: 0
}

.input-box.type_1.check-credit {
    width: 100%;
    max-width: 500px;
    vertical-align: top
}

.input-box.type_1.check-credit-verification {
    width: 160px
}

.select-box.type_2.check-credit {
    width: 160px;
    margin: 0 20px 20px 0
}

.select-box.type_2.check-credit:last-child {
    margin: 0 0 20px
}

.check-credit-verification .question {
    position: absolute;
    top: 0;
    right: 0
}

.check-credit-note {
    width: 100%;
    font-size: 13px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #555;
    line-height: 1.8
}

.tfooter>div.tfooter-caption {
    width: calc(100% - 750px)
}

.tfooter>div.tfooter-equal,
.tfooter>div.tfooter-sum {
    width: 20px;
    padding: 0
}

.tfooter>div.tfooter-tprice,
.tfooter>div.tfooter-ftprice,
.tfooter>div.tfooter-dtprice {
    width: 130px;
    padding: 0
}

.tfooter>div.tfooter-total {
    width: 300px;
    text-align: right
}

.pageloading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 99999999
}

.pageloading:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/tail-spin.svg);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pageloading:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/tail-spin2.svg);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.book-single-imgbox img {
    width: 100%;
    max-width: none
}

.product-gift-headingtitle {
    margin-bottom: 30px
}

.product-gift-info {
    width: 100%;
    margin-bottom: 15px
}

.product-gift {
    width: 100%;
    margin: 15px 0
}

.product-gift ul {
    position: relative;
    width: 100%
}

.product-gift ul li {
    display: block;
    width: calc(25% - 11px);
    margin: 0 15px 15px 0;
    padding: 10px;
    border: #e7e7e7 1px solid;
    -webkit-transition: .3s all;
    transition: .3s all;
    float: left
}

.product-gift ul li:nth-child(4n+0) {
    margin-right: 0
}

.product-gift ul li:hover {
    border: #e52020 1px solid
}

.product-gift-item label {
    width: 100%
}

.product-gift-item input {
    display: none
}

.product-gift-item input:checked~.product-gift-title:after {
    display: block
}

.product-gift-title {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 26px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #555
}

.product-gift-title:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #FFF;
    border: #999 1px solid;
    border-radius: 50%
}

.product-gift-title:after {
    content: "";
    display: none;
    position: absolute;
    top: 9px;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: #4D4D4D;
    border-radius: 50%
}

.product-gift-pic {
    position: relative;
    width: 100%;
    height: 180px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 991px) and (min-width: 768px) {
    .product-gift ul li {
        width: calc(33.3333% - 10px)
    }

    .product-gift ul li:nth-child(4n+0) {
        margin-right: 15px
    }

    .product-gift ul li:nth-child(3n+0) {
        margin-right: 0
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .product-gift ul li {
        width: calc(50% - 7.5px)
    }

    .product-gift ul li:nth-child(3n+0) {
        margin-right: 15px
    }

    .product-gift ul li:nth-child(2n+0) {
        margin-right: 0
    }
}

@media (max-width: 479px) {
    .product-gift ul li {
        width: 100%
    }

    .product-gift ul li:nth-child(3n+0) {
        margin-right: 0
    }

    .login-block .line-login img {
        margin-left: 8px
    }
}

.book-sort {
    position: relative;
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.book-sort:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1
}

.book-sort:nth-child(1) {
    width: calc(50% - 15px);
    height: 330px;
    margin-right: 30px
}

.book-sort:nth-child(2) {
    width: calc(50% - 15px);
    height: 150px;
    margin-bottom: 30px
}

.book-sort:nth-child(3) {
    width: calc(50% - 15px);
    height: 150px
}

.book-sort:nth-child(n+4) {
    width: calc(33.3333% - 20px);
    height: 150px;
    margin: 30px 30px 0 0
}

.book-sort:nth-child(3n+0) {
    margin-right: 0
}

.book-sort .text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.book-sort .text-box .title {
    margin-bottom: 0
}

.book-sort .text-box .title:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 10px auto;
    background-color: #e52020
}

.book-sort .text-box p {
    margin-bottom: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.5;
    color: #FFF
}

.book-sort .book-sort-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: .3s all;
    transition: .3s all;
    z-index: 0
}

.book-sort:hover .book-sort-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.book-sort:nth-child(n+4) .text-box p {
    display: none
}

.book-sort:nth-child(n+4) .text-box .title:after {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .book-sort {
        width: 100% !important;
        height: 150px !important;
        margin: 0 0 30px !important
    }

    .book-sort:last-child {
        margin-bottom: 0 !important
    }

    .book-sort .text-box .title:after {
        margin-bottom: 0
    }

    .book-sort .text-box p {
        display: none
    }
}

@media (max-width: 479px) {
    .book-sort {
        height: 120px !important
    }
}

.topbar {
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: #eee 1px solid
}

.topbar__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1170px;
    height: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.topbar__slogan {
    width: auto;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    color: #555
}

.topbar__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.topbar__btn {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    border-right: #eee 1px solid;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topbar__btn:hover {
    color: #FFF;
    background-color: #e52020
}

.topbar__btn:last-child {
    border-right: none
}

.topbar__btn--app:before {
    content: "APP下載"
}

.topbar__btn--knowledge:before {
    content: "今周智庫"
}

.topbar__btn--fb:before {
    content: "Facebook"
}

.topbar__btn--lineat:before {
    content: "Line@"
}

.topbar__btn--book:before {
    content: "雜誌訂閱"
}

.topbar__btn--service:before {
    content: "客戶服務"
}

.topbar__btn--member:before {
    content: "會員中心"
}

.topbar__btn--logout:before {
    content: "登出"
}

.topbar__btn--login:before {
    content: "登入"
}

.topbar__cart {
    display: inline-block;
    position: relative;
    padding: 0 15px 0 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    border-right: #eee 1px solid;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topbar__cart:hover {
    color: #FFF;
    background-color: #e52020
}

.topbar__btn.topbar__btn--pay {
    padding: 0 15px 0 10px
}

.topbar__btn--pay:before {
    content: "定期定額待付款"
}

.topbar__cart:before {
    content: "購物車"
}

.topbar__cart-count {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    font-size: 13px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    text-align: center;
    background-color: #e52020;
    border-radius: 50%;
    -webkit-transition: .3s all;
    transition: .3s all;
    overflow: hidden
}

.topbar__cart:hover .topbar__cart-count,
.topbar__btn--pay:hover .topbar__cart-count {
    color: #e52020;
    background-color: #FFF
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topbar__row {
        max-width: 970px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topbar__row {
        max-width: 750px
    }
}

@media (max-width: 767px) {
    .topbar__row {
        max-width: none
    }
}

@media (max-width: 575px) {
    .topbar {
        height: 35px;
        line-height: 35px
    }

    .topbar__slogan {
        display: none
    }

    .topbar__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

    .topbar__btn {
        font-size: 14px
    }

    .topbar__cart {
        font-size: 14px;
        white-space: nowrap;
    }

    .topbar__btn--knowledge:before {
        content: '智庫';
    }

    .topbar__btn--fb:before {
        content: 'FB'
    }

    .topbar__btn--lineat:before {
        content: 'Line';
    }

    .topbar__btn.topbar__btn--pay,
    .topbar__cart {
        padding: 0 15px 0 5px
    }

    .topbar__btn--pay:before {
        content: '待付款';
    }

    .topbar__cart-count {
        top: 3px;
        right: 3px
    }
}

@media (max-width: 479px) {
    .topbar__btn--book:before {
        content: "訂閱"
    }

    .topbar__btn--service:before {
        content: "服務"
    }

    .topbar__btn--member:before {
        content: "會員"
    }

    .topbar__btn {
        padding: 0 5px;
        white-space: nowrap
    }
}

@media (max-width: 374px) {
    .topbar__btn {
        padding: 0 5px;
        font-size: 12px
    }
}

.topheader {
    position: relative;
    width: 100%;
    height: auto
}

@media (max-width:1365px) and (min-width:1200px) {

    .index__body .topbar__row,
    .index__body .topheader__topbar {
        max-width: 1170px
    }

    .index__container {
        max-width: 1170px
    }

    .topheader {
        position: relative;
        width: 100%;
        height: auto
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topheader__topbar {
        max-width: 970px
    }

    .topheader {
        position: relative;
        width: 100%;
        height: auto
    }
}

@media (max-width: 991px) {
    .topbar {
        margin-bottom: 70px
    }

    .topheader {
        position: absolute;
        top: 45px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
    }
}

@media (max-width: 575px) {
    .topheader {
        top: 35px center top repeat-x
    }
}

.topheader__topbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    width: 100%;
    max-width: 1170px;
    padding: 10px 15px;
    margin: 0 auto;
    overflow: visible;
    z-index: 11;
}

.topheader__logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 154px;
    height: 70px;
    margin-right: 30px
}

.topheader__logo img {
    width: auto;
    max-width: none;
    height: 100%
}

/* .topheader__search {
    position: relative;
    width: 400px;
    height: 45px;
    overflow: visible;
} */

/* .topheader__search-bar {
    position: relative;
    width: 100%;
    height: 100%;
} */

/* 關鍵字新增 */
.topheader__search.topheader__search--adjust {
    position: relative;
    width: 400px;
    height: 100%;
    overflow: visible;
}

.topheader__search-bar {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;

}

.topheader__search-area {
    margin-bottom: 5px;

}

.topheader__search-keywords a {
    margin-right: 5px;
    color: #e52020;
}

.topheader__search-keywords a:hover {
    color: #333333;
}

.topheader__mobile.topheader__search-keywords {
    display: none;
}

.topheader__search-input,
.topheader__search-mobileinput {
    width: 100%;
    height: 45px;
    padding: 0 80px 0 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    font-size: 16px;
    line-height: 45px;
    background-color: #fafafa;
    border: #ededed 1px solid;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.topheader__search-mobileinput {
    display: none
}

.topheader__search-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 70px;
    height: 39px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 39px;
    color: #FFF;
    text-align: center;
    text-indent: 2px;
    letter-spacing: 2px;
    border-radius: 2px;
    border: none;
    outline: none;
    background-color: #e52020;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__search-btn:hover {
    color: #FFF;
    opacity: .8
}

.topheader__search-result {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    width: 100%;
    height: auto;
    background-color: #FFF;
    border: #ededed 1px solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.topheader__search-title {
    position: relative;
    width: 100%;
    padding: 15px;
    font-size: 18px;
    line-height: 1;
    color: #333;
    letter-spacing: 2px
}

.topheader__search-title:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: -1px;
    width: 5px;
    height: 20px;
    background-color: #e52020
}

.topheader__search-title:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #eee
}

.topheader__search-list {
    width: 100%;
    padding: 15px;
    margin: 0
}

.topheader__search-list li {
    margin-bottom: 5px
}

.topheader__search-list li:last-child {
    margin-bottom: 0
}

.topheader__search-list li a {
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__search-list li a i {
    margin-right: 5px;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__search-list li a:hover {
    color: #e52020
}

.topheader__search-list li a:hover i {
    margin-right: 10px;
    color: #333
}

.topheader__menu {
    position: sticky !important;
    top: 0;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 15px;
    border-bottom: #c11616 5px solid;
    background-color: #e52020
}

.topheader__menu--open {
    height: auto;
    overflow: visible
}

.topheader__btn {
    position: relative;
    width: auto;
    min-width: 100px;
    margin-left: -1px;
    z-index: 2
}

@media (max-width:1400px) {
    .topheader__btn {
        min-width: 120px
    }
}

@media (max-width:1199px) {
    .topheader__btn {
        min-width: 100px
    }
}

.topheader__btn--over {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 1
}

.topheader__menu--open .topheader__btn--over {
    height: auto;
    overflow: visible;
    visibility: visible
}

.topheader__btn:frist-child {
    margin-left: 0
}

.topheader__btn-main {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 10px 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__btn-main span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    border-right: #a00 1px solid;
    border-left: #a00 1px solid
}

.topheader__btn:hover .topheader__btn-main {
    font-weight: 700;
    color: #FFF;
    background-color: #a00
}

.topheader__btn-sub {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.75);
    border-top: #840000 5px solid
}

.topheader__btn-sub a {
    width: 100%;
    padding: 10px 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__btn-sub a:hover {
    padding-left: 20px;
    color: #d32816
}

.topheader__menu--over .topheader__control-o,
.topheader__menu--open .topheader__control-c {
    display: block
}

.topheader__control-o {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    color: #FFF;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__control-o:hover {
    color: #FFF;
    text-shadow: 0 0 3px rgba(255, 255, 255, .3)
}

.topheader__control-o:before {
    content: "\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 50px
}

.topheader__menu--open .topheader__control-o {
    display: none
}

.topheader__control-c {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 50px;
    height: 20px;
    color: #FFF;
    text-align: center;
    border-radius: 0 0 5px 5px;
    background-color: #d32816;
    -webkit-transition: .3s all;
    transition: .3s all;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.topheader__control-c:hover {
    color: #FFF;
    text-shadow: 0 0 3px rgba(255, 255, 255, .3)
}

.topheader__control-c:before {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    line-height: 20px
}

.topheader__menu-openbtn {
    display: none;
    width: 18px;
    height: 50px;
    color: #555;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__menu-openbtn:before {
    content: "\f0c9";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 50px
}

.topheader__search-openbtn {
    display: none;
    width: 18px;
    height: 50px;
    color: #555;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__search-openbtn:before {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 50px
}

.topheader__search-closebtn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    color: #555;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__search-closebtn:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    line-height: 45px
}

.topheader__home {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    color: #FFF;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__home:before {
    content: "\f015";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    line-height: 50px
}

.topheader__home:hover {
    color: #FFF;
    text-shadow: 0 0 3px rgba(255, 255, 255, .3)
}

.topheader__event {
    width: 300px;
    margin-left: calc(100% - 884px)
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topheader__topbar {
        max-width: 970px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .topheader .topheader__topbar {
        max-width: 970px;
    }
}

@media (max-width: 767px) {
    .topheader__topbar {
        max-width: none
    }
}

@media (max-width: 991px) {
    .topbar {
        margin-bottom: 0
    }

    .topheader {
        top: 0;
        position: sticky;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    }

    .topheader .topheader__topbar {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 15px 20px 15px;
    }

    .topheader__logo {
        width: 110px;
        height: 50px;
        margin: 0;
    }

    .topheader__search {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 15px 30px 15px;
        background-color: #FFF;
    }

    .topheader__search--open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }

    /* 關鍵字新增 */
    .topheader__search.topheader__search--open {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 15px 0px 15px;
    }

    .topheader__search .topheader__search-keywords {
        display: none;
    }

    .topheader__mobile.topheader__search-keywords {
        display: flex;
        background-color: #f9f9f9;
        justify-content: center;
        padding: 2px 5px;
    }

    .topheader__search-bar {
        height: 40px;
    }

    .topheader__search-input,
    .topheader__search-btn {
        display: none;
    }

    .topheader__search--open .topheader__search-input {
        display: block;
    }

    .topheader__search-result {
        display: none !important;
    }

    .topheader__menu-openbtn,
    .topheader__search-openbtn,
    .topheader__search-closebtn,
    .topheader__search-mobileinput {
        display: block;
    }

    .topheader__menu {
        display: none;
        max-height: calc(100vh - 115px);
        overflow: auto;
    }

    .topheader__menu--mobileopen {
        position: fixed !important;
        left: 0;
        top: 115px;
        z-index: 999;
        display: block;
        height: auto;
        padding-top: 35px;
    }

    .topheader__btn--over {
        height: auto;
        overflow: visible;
        visibility: visible;
    }

    .topheader__btn-sub {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 100% !important
    }

    .topheader__control-c,
    .topheader__control-o,
    .topheader__home {
        display: none !important
    }

    .topheader__btn-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        height: auto;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
        border-bottom: rgba(255, 255, 255, .3) 1px solid
    }

    .topheader__btn-main:after {
        content: "\f105";
        display: block;
        width: 20px;
        height: 40px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        line-height: 40px
    }

    .topheader__btn-main span {
        width: calc(100% - 20px);
        padding: 0 15px;
        border: none
    }

    .topheader__btn-sub {
        padding: 0;
        border-top: none
    }

    .topheader__btn-sub a {
        padding: 10px 15px;
        font-size: 13px;
        border-bottom: rgba(255, 255, 255, .3) 1px solid
    }

    .topheader__event {
        display: none
    }
}

@media (max-width: 575px) {
    .topheader {
        top: 0
    }
}

.footer {
    background-color: #333
}

.footer__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 50px 15px 70px 15px;
}

.footer__link li:first-child {
    margin-bottom: 20px
}

.footer__link li:nth-child(n+2) {
    margin-bottom: 10px
}

.footer__link li:nth-last-child(1) {
    margin-bottom: 0
}

.footer__link-title {
    font-size: 22px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #FFF;
    letter-spacing: .05em
}

.footer__link {
    width: 140px;
    margin-right: 10px
}

.footer__link-btn {
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 300;
    font-size: 15px;
    color: #ddd;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.footer__link-btn:hover {
    color: #aaa
}

.footer__info {
    width: calc(100% - 750px)
}

.footer__logo {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 23px
}

.footer__logo-btn {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: auto;
}

.footer__logo-btn:first-child {
    margin-left: 0
}

.footer__logo-btn img {
    width: 100px;
    max-width: none;
    height: auto
}

.footer__info-list {
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 300;
    color: #ddd
}

.footer__info-list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #3d3d3d 1px solid
}

.footer__info-list li:last-child {
    margin-bottom: 0
}

.footer__info-list p {
    margin-bottom: 0;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 300;
    color: #ddd
}

.footer__info-list .fa {
    width: 16px;
    margin-right: 5px;
    text-align: center
}

.copyrights__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    color: #ddd;
    text-align: center;
    background-color: #3d3d3d
}

@media (max-width: 1199px) and (min-width: 768px) {
    .footer__block {
        justify-content: left;
    }

    .footer__link {
        width: 20%;
        margin-right: 0;
    }

    .footer__info {
        width: 100%;
        display: flex;
        margin-top: 40px;
        align-items: start;
    }

    .footer__logo {
        width: 40%;
    }

    .footer__info-list {
        width: 60%;
    }
}

@media (max-width: 991px) {
    .footer__link {
        display: none
    }

    .footer__info {
        width: 100%
    }
}

.footer_Anti_Fraud {
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
    color: #ddd;
    border: 2px solid #ffffff80;
    border-radius: 10px;
    text-align: justify;
    font-size: 15px;
}

.copyrights_pc {
    display: block;
}

.copyrights_mb {
    display: none;
}

@media (max-width:750px) {
    .copyrights_pc {
        display: none;
    }

    .copyrights_mb {
        display: block;
    }
}

.article__toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: #eee 1px solid
}

.login__title {
    margin-bottom: 30px
}

.login__text {
    margin-bottom: 0
}

.login__text a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700
}

.email-form input[type="button"].email__btn {
    margin-bottom: 0
}

.member__item {
    margin-bottom: 40px
}

.member__item:last-child {
    margin-bottom: 30px
}

.member__item p {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700
}

.memeder__content {
    padding: 50px 0
}

.member__nav li {
    margin-left: 5px
}

.member__nav li:first-child {
    margin-left: 0
}

.title-left-border>h3.member__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.title-left-border>h3.member__title::before,
.title-left-border>h3.member__title::after {
    display: none
}

@media (max-width: 479px) {
    .title-left-border>h3.member__title {
        font-size: 20px
    }
}

.member__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    align-content: center;
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.member__search-info {
    margin-right: 10px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 40px;
    color: #333
}

.member__search-input {
    width: 200px;
    height: 40px;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 40px;
    border: #ddd 1px solid;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.member__search-and {
    margin: 0 5px;
    font-size: 12px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 40px;
    color: #333
}

.member__search-btn {
    width: 80px;
    height: 40px;
    margin-left: 10px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 40px;
    color: #FFF;
    text-align: center;
    background-color: #333;
    border-radius: 3px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.member__search-btn:before {
    content: "搜尋"
}

.member__search-btn:hover {
    color: #FFF;
    opacity: .8
}

.member-info-check .checkbox-style-3-label {
    margin: 0;
    color: #999;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.7
}

.member-info-check--inline {
    display: inline-block
}

.member-info-check--mt {
    margin-top: 5px
}

.member-info-check--mt:first-child {
    margin-top: 0
}

.member-info-check .checkbox-style:checked+.checkbox-style-3-label:before {
    background-color: #fff;
    color: #b5b5b6
}

@media (max-width: 767px) {
    .member__search-input {
        width: 110px;
        padding: 0 5px;
        text-align: center
    }

    .member__search-btn {
        width: 40px
    }

    .member__search-btn:before {
        content: "\f002";
        font-family: FontAwesome
    }
}

@media (max-width: 479px) {
    .member__search-info {
        width: 100%;
        margin-bottom: 10px;
        line-height: 1
    }

    .member__search-info:after {
        content: "："
    }
}

@media (max-width: 991px) {
    .navbar-default {
        right: auto;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .member-leftside-block {
        width: 100%;
        margin: 0 0 35px
    }

    .member-status {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        padding: 0;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border: none;
        border-bottom: #e7e7e7 1px solid
    }

    .member-status .name,
    .member-status p {
        margin: 0
    }

    .member-status::before {
        content: none
    }

    .member-status .member-background {
        display: none
    }

    .member-data-list {
        display: none
    }

    .member__info {
        flex: 1
    }

    .member__info .name {
        text-align: left
    }

    .member__info p {
        margin-bottom: 0;
        text-align: left
    }
}

@media (min-width: 768px) {
    .navbar-collapse {
        text-align: center
    }

    .member__nav {
        display: inline-block;
        vertical-align: top;
        float: none
    }
}

@media (max-width: 767px) {
    #page-title.page-title-parallax h1 {
        margin-bottom: 0
    }

    #page-title span.sr-only {
        display: none
    }

    #page-title span.icon-bar {
        margin: 5px 0
    }

    .navbar-toggle {
        position: absolute;
        top: -30px;
        right: 0;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .navbar-default {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 100%;
        -webkit-transform: none;
        transform: none
    }

    .navbar-collapse {
        margin-top: 20px
    }

    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:focus {
        border-radius: 3px
    }

    .member__nav {
        margin: 0;
        padding-top: 10px
    }

    .container-fluid,
    .navbar-default .navbar-collapse {
        padding-top: 45px;
        border: none;
        padding-top: 0
    }
}

.event__1140x250 {
    width: 100%;
    text-align: center
}

.event__1140x250 img {
    width: 100%;
    max-width: 1140px;
    padding-bottom: 50px
}

.event__950x120 {
    width: 100%;
    text-align: center
}

.event__950x120 img {
    width: 100%;
    max-width: 950px;
    padding-bottom: 50px
}

.event__300x70 {
    width: 100%;
    text-align: center
}

.event__300x70 img {
    width: 100%;
    max-width: 300px
}

.subscription__info {
    width: 100%;
    height: auto;
    padding: 30px 30px 35px;
    border: #e7e7e7 1px solid
}

.subscription__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    margin-bottom: 20px
}

.subscription__img {
    width: 250px;
    margin-right: 30px
}

.subscription__img img {
    width: 100%;
    max-width: none
}

.subscription__text {
    width: calc(100% - 280px)
}

.subscription__text span {
    display: inline-block;
    width: auto;
    padding: 0 7px;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 28px;
    color: #FFF;
    background-color: #e52020
}

.subscription__text h3 {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.3;
    color: #333;
    letter-spacing: .05em
}

.subscription__text p {
    margin-bottom: 0;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.7;
    color: #888
}

.subscription__number {
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333
}

.subscription__number span {
    color: red
}

.subscription__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    border-top: #e7e7e7 1px solid;
    border-left: #e7e7e7 1px solid
}

.subscription__td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 50%
}

.subscription__fulltd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%
}

.subscription__td-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    padding: 20px 10px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    background-color: #f9f9f9;
    border-right: #e7e7e7 1px solid;
    border-bottom: #e7e7e7 1px solid
}

.subscription__td-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 80px);
    padding: 20px 10px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    border-right: #e7e7e7 1px solid;
    border-bottom: #e7e7e7 1px solid
}

@media (max-width: 767px) {
    .subscription__info {
        padding: 10px 10px 35px
    }

    .subscription__img {
        width: 100%;
        margin: 0 0 20px
    }

    .subscription__text {
        width: 100%
    }

    .subscription__td {
        width: 100%
    }
}

.emailconfirm {
    margin-top: 15px;
    margin-bottom: 0
}

.member-registered__step2-text {
    margin: 25px 0;
    font-size: 16px;
    color: #999
}

.favorite-article__table {
    width: 100%
}

.favorite-article__theader {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: #999 2px solid
}

.favorite-article__theader-time {
    width: 120px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1;
    color: #555;
    text-align: center
}

.favorite-article__theader-title {
    width: calc(100% - 360px);
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1;
    color: #555
}

.favorite-article__theader-delete {
    width: 80px;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1;
    color: #555;
    text-align: center
}

@media (max-width: 767px) {
    .favorite-article__theader-time {
        width: 100px
    }

    .favorite-article__theader-title {
        width: calc(100% - 180px)
    }

    .favorite-article__theader-delete {
        width: 60px
    }

    .favorite-article__theader {
        padding: 0
    }

    .favorite-article__theader-time {
        display: none
    }

    .favorite-article__theader-title {
        display: none
    }

    .favorite-article__theader-delete {
        display: none
    }
}

.favorite-article__tbody {
    width: 100%;
    margin-bottom: 20px
}

.favorite-article__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
    padding: 15px 0;
    border-bottom: #aeaeae 1px dashed
}

.favorite-article__td-time {
    width: 120px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #999;
    text-align: center
}

.favorite-article__td-title {
    width: calc(100% - 360px);
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.2;
    color: #555
}

.favorite-article__td-delete {
    width: 80px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    text-align: center
}

.favorite-article__td-btn {
    color: #555;
    -webkit-transition: color .3s;
    transition: color .3s
}

.favorite-article__td-btn:hover {
    color: #e52020
}

.favorite-article__td-delbtn {
    color: #999;
    -webkit-transition: color .3s;
    transition: color .3s
}

.favorite-article__td-delbtn:hover {
    color: #555
}

@media (max-width: 767px) {
    .favorite-article__td-time {
        width: 100px
    }

    .favorite-article__td-title {
        width: calc(100% - 180px)
    }

    .favorite-article__td-delete {
        width: 60px
    }
}

@media (max-width: 767px) {
    .favorite-article__tr {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative
    }

    .favorite-article__td-time {
        width: 100%;
        margin-bottom: 5px;
        text-align: left
    }

    .favorite-article__td-time:before {
        content: "" attr(data-theader)"：";
        font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
        font-weight: 700;
        color: #555
    }

    .favorite-article__td-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        width: 100%;
        margin-bottom: 5px
    }

    .favorite-article__td-title:before {
        content: "" attr(data-theader)"：";
        display: block;
        font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
        font-weight: 700;
        color: #555
    }

    .favorite-article__td-btn {
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1
    }

    .favorite-article__td-delete {
        position: absolute;
        top: 15px;
        right: 0;
        width: 20px;
        height: 20px;
        line-height: 20px
    }
}

.track-book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    margin-bottom: 20px
}

.track-book__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    width: calc(25% - 15px);
    padding: 30px 0 50px;
    margin-right: 20px;
    border: #e7e7e7 1px solid
}

.track-book__item:nth-child(4n) {
    margin-right: 0
}

.track-book__item:nth-child(n+5) {
    margin-top: 20px
}

.track-book__delete {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    color: #999;
    line-height: 20px;
    text-align: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

.track-book__delete:hover {
    color: #555
}

.track-book__img {
    width: calc(100% - 60px);
    max-width: 150px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.track-book__img:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 140%
}

.track-book__saleinfo {
    width: 100%;
    padding: 0 30px;
    margin-top: 5px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.4;
    color: #e52020;
    text-align: center
}

.track-book__title {
    width: 100%;
    padding: 0 30px;
    margin: 5px 0 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    text-align: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

.track-book__title:hover {
    color: #e52020
}

.track-book__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.track-book__sprice,
.track-book__price {
    width: 50%;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 49px;
    color: #e52020;
    text-align: center;
    border-top: #e7e7e7 1px solid;
    border-right: #e7e7e7 1px solid
}

.track-book__sprice:before {
    content: "特價";
    margin-right: 5px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.track-book__sprice:after {
    content: "元";
    margin-left: 5px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.track-book__price:before {
    content: "原價";
    margin-right: 5px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.track-book__price:after {
    content: "元";
    margin-left: 5px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #666
}

.track-book__btn {
    width: 50%;
    height: 50px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 49px;
    color: #333;
    text-align: center;
    border-top: #e7e7e7 1px solid;
    -webkit-transition: color .3s, background-color .3s, border-color .3s;
    transition: color .3s, background-color .3s, border-color .3s
}

.track-book__btn:hover {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

.track-book__btn .fa {
    margin-right: 5px
}

@media (max-width: 1199px) {
    .track-book__item {
        width: calc(33.3333% - 13.33px)
    }

    .track-book__item:nth-child(4n) {
        margin-right: 20px
    }

    .track-book__item:nth-child(3n) {
        margin-right: 0
    }

    .track-book__item:nth-child(n+4) {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .track-book__item {
        width: calc(50% - 10px)
    }

    .track-book__item:nth-child(3n) {
        margin-right: 20px
    }

    .track-book__item:nth-child(2n) {
        margin-right: 0
    }

    .track-book__item:nth-child(n+3) {
        margin-top: 20px
    }
}

@media (max-width: 479px) {
    .track-book__item {
        width: 100%;
        margin-right: 0 !important
    }

    .track-book__item:nth-child(n+2) {
        margin-top: 20px
    }
}

.borwsehistory-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: absolute;
    top: 0;
    right: 0
}

.borwsehistory-tabs__btn {
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.85;
    color: #999;
    -webkit-transition: color .3s;
    transition: color .3s
}

.borwsehistory-tabs__btn:nth-child(n+2) {
    margin-left: 20px
}

.borwsehistory-tabs__btn:hover {
    color: #333
}

.borwsehistory-tabs__btn--active {
    font-weight: 600;
    color: #e52020
}

.borwsehistory-tabs__btn--active:hover {
    color: #e52020
}

.borwsehistory-tabs__btn .fa {
    margin-right: 5px
}

.borwsehistory-tabs__btn--article:after {
    content: "文章記錄"
}

.borwsehistory-tabs__btn--media:after {
    content: "數位專輯紀錄"
}

@media (max-width: 479px) {
    .borwsehistory-tabs__btn {
        font-size: 14px;
        line-height: 28px;
        text-align: right
    }

    .borwsehistory-tabs__btn:nth-child(n+2) {
        margin-left: 10px
    }

    .borwsehistory-tabs__btn--active {
        display: block
    }

    .borwsehistory-tabs__btn--article:after {
        content: "文章"
    }

    .borwsehistory-tabs__btn--media:after {
        content: "數位專輯"
    }
}

.borwsehistory-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    margin-bottom: 20px;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid
}

.borwsehistory-article__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    padding: 20px 0;
    border-bottom: #ddd 1px solid
}

.borwsehistory-article__item:nth-last-child(1) {
    border-bottom: 0
}

.borwsehistory-article__img {
    width: 190px;
    height: 120px;
    margin-right: 10px;
    background-size: cover;
    background-position: center
}

.borwsehistory-article__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: calc(100% - 200px)
}

.borwsehistory-article__tag {
    display: inline-block;
    width: auto;
    max-width: calc(100% - 175px);
    padding: 3px 7px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.4;
    color: #FFF
}

.borwsehistory-article__tag.hot {
    background-color: #e52020
}

.borwsehistory-article__tag.ad {
    background-color: #00b16a
}

.borwsehistory-article__tag.hot-person,
.borwsehistory-article__tag.person-view {
    background-color: #ff8a00
}

.borwsehistory-article__tag.tech,
.borwsehistory-article__tag.company,
.borwsehistory-article__tag.year-money,
.borwsehistory-article__tag.build {
    background-color: #4183d7
}

.borwsehistory-article__tag.somebody-column {
    background-color: #F89506
}

.borwsehistory-article__tag.video {
    background-color: #8441d7
}

.borwsehistory-article__time {
    width: 155px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #999;
    text-align: right
}

.borwsehistory-article__time:before {
    content: "閱讀日期："
}

.borwsehistory-article__title {
    width: 100%;
    margin-top: 10px
}

.borwsehistory-article__title-btn {
    display: inline-block;
    max-width: 100%;
    max-height: 1.4em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: color .3s;
    transition: color .3s;
    overflow: hidden;
    vertical-align: top
}

.borwsehistory-article__title-btn:hover {
    color: #e52020
}

.borwsehistory-article__description {
    width: 100%;
    max-height: 3.4em;
    margin-top: 7px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.7;
    color: #999;
    overflow: hidden
}

@media (max-width: 767px) {
    .borwsehistory-article__img {
        width: 120px;
        height: 80px
    }

    .borwsehistory-article__info {
        width: calc(100% - 130px)
    }

    .borwsehistory-article__tag {
        max-width: calc(100% - 95px)
    }

    .borwsehistory-article__time {
        width: 80px
    }

    .borwsehistory-article__time:before {
        content: ""
    }

    .borwsehistory-article__title-btn {
        max-height: none;
        font-size: 18px;
        white-space: normal
    }

    .borwsehistory-article__description {
        display: none
    }
}

@media (max-width: 479px) {
    .borwsehistory-article__img {
        width: 90px;
        height: 60px;
        margin-right: 10px
    }

    .borwsehistory-article__info {
        width: calc(100% - 100px)
    }
}

.borwsehistory-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    margin-bottom: 20px;
    border-top: #ddd 1px solid
}

.borwsehistory-media__item {
    position: relative;
    width: calc(33.3333% - 13.33px);
    padding: 20px 0;
    margin-left: 20px;
    border-bottom: #ddd 1px solid
}

.borwsehistory-media__item:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -20px;
    width: 20px;
    border-bottom: #ddd 1px solid
}

.borwsehistory-media__item:nth-child(3n+1) {
    margin-left: 0
}

.borwsehistory-media__item:nth-child(3n+1):after {
    content: none
}

.borwsehistory-media__time {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #999
}

.borwsehistory-media__time:before {
    content: "閱讀日期："
}

.borwsehistory-media__img {
    position: relative;
    width: 100%;
    min-height: 110px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center
}

.borwsehistory-media__img:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 60%
}

.borwsehistory-media__tag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 3px 7px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.4;
    color: #FFF
}

.borwsehistory-media__tag.hot {
    background-color: #e52020
}

.borwsehistory-media__tag.ad {
    background-color: #00b16a
}

.borwsehistory-media__tag.hot-person,
.borwsehistory-media__tag.person-view {
    background-color: #ff8a00
}

.borwsehistory-media__tag.tech,
.borwsehistory-media__tag.company,
.borwsehistory-media__tag.year-money,
.borwsehistory-media__tag.build {
    background-color: #4183d7
}

.borwsehistory-media__tag.somebody-column {
    background-color: #F89506
}

.borwsehistory-media__tag.video {
    background-color: #8441d7
}

.borwsehistory-media__title {
    width: 100%;
    margin-bottom: 10px
}

.borwsehistory-media__title-btn {
    display: inline-block;
    max-width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    -webkit-transition: color .3s;
    transition: color .3s;
    overflow: hidden;
    vertical-align: top
}

.borwsehistory-media__title-btn:hover {
    color: #e52020
}

.borwsehistory-media__description {
    width: 100%;
    max-height: 6.8em;
    margin-top: 7px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.7;
    color: #999;
    overflow: hidden
}

@media (max-width: 767px) {
    .borwsehistory-media__item {
        position: relative;
        width: calc(50% - 10px);
        padding: 20px 0;
        margin-left: 20px;
        border-bottom: #ddd 1px solid
    }

    .borwsehistory-media__item:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: -20px;
        width: 20px;
        border-bottom: #ddd 1px solid
    }

    .borwsehistory-media__item:nth-child(3n+1) {
        margin-left: 20px
    }

    .borwsehistory-media__item:nth-child(2n+1) {
        margin-left: 0
    }

    .borwsehistory-media__item:nth-child(3n+1):after {
        content: ""
    }

    .borwsehistory-media__item:nth-child(2n+1):after {
        content: none
    }

    .borwsehistory-media__title-btn {
        font-size: 18px
    }
}

@media (max-width: 479px) {
    .borwsehistory-media__item {
        position: relative;
        width: 100%;
        padding: 20px 0;
        margin-left: 0;
        border-bottom: #ddd 1px solid
    }

    .borwsehistory-media__item:nth-child(3n+1) {
        margin-left: 0
    }

    .borwsehistory-media__item:nth-child(2n+1) {
        margin-left: 0
    }

    .borwsehistory-media__item:nth-child(3n+1):after {
        content: none
    }

    .borwsehistory-media__item:nth-child(2n+1):after {
        content: none
    }

    .borwsehistory-media__description {
        max-height: 3.4em
    }
}

.ms-tabs .ms-thumb {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.videostoryflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.videostoryflex>div {
    margin-top: 20px
}

.videostoryflex>div:nth-child(-n + 3) {
    margin-top: 0
}

.videostoryflex.post-grid.grid-3 .col-md-4 .entry .content {
    height: auto;
    margin-bottom: 0
}

.videostoryflex.post-grid.grid-3 .entry {
    margin-bottom: 0
}

.videoalbum.videolist-post .entry-title h2 a {
    border-right: 0
}

.ablum_content {
    height: 5.1em
}

@media (max-width:1023px) {
    .ms-tabs.ms-dir-h .ms-thumb-frame {
        padding: 10px
    }

    .ms-tabs .ms-thumb {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width:991px) {
    .videostoryflex>div:nth-child(3) {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .videostoryflex>div:nth-child(2) {
        margin-top: 20px
    }
}

#banner.books-main-slider {
    height: 500px;
    display: block
}

.featurebooks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

.sale-book-block {
    width: 20%;
    padding: 0 25px
}

.sale-book-block:last-child {
    margin-right: 0
}

@media (max-width:1365px) {
    .sale-book-block {
        margin-right: 3%;
        width: 17.6%
    }
}

@media (max-width:1199px) {
    #banner.books-main-slider {
        height: 45vw
    }
}

.lazyloadbg {
    background-size: cover
}

.lazyloadbg::before {
    content: '';
    display: block;
    padding-top: 62.5%
}

.read-competence {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    width: 100%;
    padding: 30px;
    margin-top: 30px;
    background-color: #f5f5f5
}

.read-competence__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: calc(100% - 180px);
    margin-right: 30px
}

.read-competence__img {
    width: 36px;
    height: 50px;
    margin-right: 15px;
    background-image: url(/lazyweb/web/img/competence.png);
    background-size: auto 50px;
    background-position: 0 0
}

.read-competence__text {
    width: calc(100% - 51px)
}

.read-competence__title {
    margin-bottom: 5px;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.4;
    color: #555
}

.read-competence__title span {
    font-weight: 600;
    color: #333
}

.read-competence__remind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%
}

.read-competence__remind-icon {
    width: 19px;
    height: 18px;
    margin-right: 5px;
    background-image: url(/lazyweb/web/img/competence.png);
    background-size: auto 50px;
    background-position: 74px 0
}

.read-competence__remind-text {
    width: calc(100% - 24px);
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.7;
    color: #999
}

.read-competence__remind-btn {
    display: inline-block;
    color: #e52020;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    text-decoration: underline !important;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.read-competence__remind-btn:hover {
    color: #e52020;
    opacity: .8
}

.read-competence__login {
    width: 150px;
    height: 50px;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    background-color: #e52020;
    border-radius: 3px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.read-competence__login:hover {
    color: #FFF;
    opacity: .8
}

@media (max-width: 1199px) {
    .read-competence {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .read-competence__info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin: 0 0 20px
    }

    .read-competence__text {
        display: inline-block;
        width: auto
    }
}

@media (max-width: 767px) {
    .read-competence__img {
        margin: 0 0 15px
    }

    .read-competence__title {
        text-align: center;
        margin-bottom: 10px
    }

    .read-competence__text {
        display: inline-block;
        width: 100%
    }

    .read-competence__remind-icon {
        display: none
    }

    .read-competence__remind-text {
        width: 100%;
        text-align: center
    }

    .read-competence__remind {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

@media (max-width: 479px) {
    .read-competence {
        padding: 30px 20px
    }
}

.article-content__event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 8px);
    margin: 0 -4px
}

.article-content__event--mobile {
    width: calc(100% + 10px);
    margin: 0 -5px
}

.article-content__event>div {
    margin-bottom: 50px
}

.article-facebook {
    width: 100%
}

.sidebar .widget {
    margin-top: 0
}

.article-sidebar__event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% + 10px);
    margin: 0 -5px
}

.article-sidebar__event>div {
    margin-bottom: 50px
}

.article-sidebar__event--bottom>div {
    margin-top: 50px;
    margin-bottom: 0
}

.article-readmore {
    position: relative;
    width: 100%;
    padding: 50px 0
}

.article-readmore__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%
}

.article-readmore__item {
    width: calc(33.3333% - 20px);
    text-align: left;
    margin-right: 30px
}

.article-readmore__item:nth-child(3n) {
    margin-right: 0
}

.article-readmore__item:nth-child(n+4) {
    margin-top: 30px
}

.article-readmore__img-btn {
    position: relative;
    width: 100%;
    overflow: hidden
}

.article-readmore__img-btn:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 60%
}

.article-readmore__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.article-readmore__title {
    width: 100%;
    margin-top: 10px
}

.article-readmore__title-btn {
    display: inline-block;
    max-height: 2.8em;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
    letter-spacing: .05em;
    -webkit-transition: color .3s;
    transition: color .3s;
    overflow: hidden
}

.article-readmore__title-btn:hover {
    color: #e52020
}

.article-readmore__intro {
    max-height: 5.1em;
    margin-top: 5px;
    font-size: 14px !important;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.7;
    color: #777;
    overflow: hidden
}

.article-readmore__item:hover .article-readmore__img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width: 1023px) {
    .article-readmore {
        padding: 50px 0 0
    }

    .article-readmore__heading {
        margin-bottom: 25px
    }

    .article-readmore__heading h3 {
        font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
        font-weight: 700 !important;
        width: 100%;
        height: 45px;
        padding: 0;
        font-size: 18px !important;
        line-height: 45px;
        letter-spacing: 0;
        color: #555 !important;
        background-color: #ebebeb;
        border: none
    }

    .sidebar {
        margin-top: 50px
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .article-readmore__item {
        width: calc(50% - 15px);
        margin-right: 30px
    }

    .article-readmore__item:nth-child(3n) {
        margin-right: 30px
    }

    .article-readmore__item:nth-child(2n) {
        margin-right: 0
    }

    .article-readmore__item:nth-child(n+3) {
        margin-top: 30px
    }
}

@media (max-width: 575px) {
    .article-readmore__item {
        width: 100%;
        margin-right: 0 !important
    }

    .article-readmore__item:nth-child(n+2) {
        margin-top: 30px
    }
}

@media (max-width: 575px) {
    #page-title.page-title-parallax h1 {
        margin-bottom: 10px;
        font-size: 24px
    }

    #page-title.themeinside .content span {
        font-size: 14px
    }

    .page-title-shadow::before {
        height: calc(100% - 30px)
    }
}

.booklist__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.booklist__item {
    position: relative;
    width: calc(33.3333% - 22px);
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 51px
}

.booklist__item:nth-child(-n + 3) {
    margin-top: 0
}

.booklist__img {
    display: block;
    width: 170px;
    margin: 0 auto 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.booklist__img::before {
    content: '';
    display: block;
    padding-top: 144%
}

.booklist__img:hover {
    opacity: .8
}

.booklist__saleoff {
    color: #ef4836;
    font-size: 14px;
    text-align: center;
    line-height: 1 !important;
    margin: 0 0 10px
}

.booklist__title {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 20px
}

.booklist__link {
    display: block;
    color: #333;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    max-height: 2.4em;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.booklist__link:hover {
    color: #e52020
}

.booklist__item .book-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

#single-slider .programs {
    padding: 0 15px
}

.singleslider__item {
    position: relative;
    border: 1px solid #e7e7e7;
    padding-bottom: 51px;
    padding-top: 25px
}

.singleslider__imgbox {
    width: 155px;
    display: block;
    margin: 0 auto 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.singleslider__imgbox::before {
    content: '';
    display: block;
    padding-top: 138%
}

.singleslider__imgbox:hover {
    opacity: .8
}

.singleslider__title {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    max-height: 2.4em;
    overflow: hidden;
    margin: 10px 20px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.singleslider__title:hover {
    color: #e52020
}

.singleslider__item .book-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.single-slider .slick-dots li {
    margin: 0 3px
}

.single-slider .slick-dots li button:before {
    font-size: 45px
}

.single-slider .slick-dots li.slick-active button:before {
    font-size: 60px
}

.search__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search__numbering {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    line-height: 40px;
    float: right;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    padding: 0 30px;
    background-color: #333;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.search__numbering:hover {
    color: #fff;
    background-color: #ef4836
}

.searchform__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px dashed #aeaeae
}

.searchform__label {
    width: 140px;
    color: #333;
    font-size: 15px
}

.searchform__contentbox {
    width: calc(100% - 140px)
}

.searchform__input {
    width: 100%;
    max-width: 400px;
    color: #666;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 10px
}

.searchform__row:last-child {
    display: none;
    border: 0
}

.searchform__row:last-child .searchform__input {
    border-color: transparent
}

.searchform--active .searchform__row:last-child {
    display: flex
}

.booklist__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.booklist__block {
    width: 25%;
    padding: 0 15px;
    margin-top: 30px
}

.booklist__block:nth-child(-n + 4) {
    margin-top: 0
}

.booklist__block-imgbox {
    display: block;
    position: relative;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center
}

.booklist__block-imgbox::before {
    content: '';
    display: block;
    padding-top: 52%
}

.booklist__block-tag {
    position: absolute;
    bottom: 0;
    left: -5px;
    z-index: 10;
    margin-bottom: 0
}

.booklist__block-title {
    font-size: 20px;
    line-height: 1.2;
    height: 2.4em;
    overflow: hidden;
    margin-bottom: 10px
}

.booklist__block-link {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

.booklist__block-text {
    font-size: 15px;
    color: #555;
    height: 3em;
    overflow: hidden;
    margin: 0
}

@media (max-width:1199px) {
    .booklist__block {
        width: 33.3333%
    }

    .booklist__block:nth-child(4) {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .booklist__item:nth-child(3) {
        margin-top: 40px
    }

    .booklist__block {
        width: 50%
    }

    .booklist__block:nth-child(3) {
        margin-top: 30px
    }
}

@media (max-width:767px) and (min-width:576px) {
    .booklist__item {
        width: calc(50% - 15px)
    }
}

@media (max-width:575px) {
    .booklist__item {
        width: 100%
    }

    .booklist__item:nth-child(2) {
        margin-top: 40px
    }
}

@media (max-width:479px) {
    .searchform__contentbox {
        width: 100%
    }

    .searchform__input {
        max-width: 100%
    }

    .booklist__block {
        width: 100%
    }

    .booklist__block:nth-child(2) {
        margin-top: 30px
    }
}

.featurebooks__title {
    color: #333;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.featurebooks__title:hover {
    color: #e52020
}

.featurebooks__block {
    width: 20%;
    padding: 0 25px;
    margin-top: 50px
}

.featurebooks__block:nth-child(-n + 5) {
    margin-top: 0
}

h4.product_name,
.event_name {
    margin: 10px 0px;
}

@media (max-width:1199px) {
    .featurebooks__block {
        width: 25%;
        padding: 0 15px;
        margin-top: 30px
    }

    .featurebooks__block:nth-child(5) {
        margin-top: 30px
    }

    .featurebooks {
        margin: 0 -15px
    }
}


@media (max-width:1024px) {
    .featurebooks__block .book-content {
        padding: 0
    }
}

@media (max-width:991px) {
    .featurebooks__block {
        width: 33.3333%
    }

    .featurebooks__block:nth-child(4) {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .featurebooks__block {
        width: 50%
    }

    .featurebooks__block:nth-child(3) {
        margin-top: 30px
    }
}

@media (max-width:575px) {
    .featurebooks__block {
        width: 100%
    }

    .featurebooks__block:nth-child(2) {
        margin-top: 30px
    }
}

.track-book__infobtn {
    font-size: 14px;
    color: #333;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.track-book__infobtn::before,
.track-book__infobtn::after {
    display: none
}

.track-book__infobtn:hover {
    background-color: #e52020;
    color: #fff
}

.trackbook__tabs-btn {
    font-size: 18px;
    color: #999;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.trackbook__tabs-btn:nth-child(n + 2) {
    margin-left: 20px
}

.trackbook__tabs-btn .fa {
    margin-right: 5px
}

.trackbook__tabs-btn:hover {
    color: #e52020
}

.trackbook__tabs-btn--active {
    color: #e52020;
    font-weight: 700
}

.trackbook__tabscontent {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.trackbook__tabscontent-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -15px
}

.trackbook__tabscontent .programs {
    width: calc(25% - 15px);
    margin: 30px 0 0
}

.trackbook__tabscontent .programs:nth-child(-n + 4) {
    margin-top: 0
}

@media (max-width:1199px) {
    .trackbook__tabscontent .programs {
        width: calc(33.3333% - 13.33px)
    }

    .trackbook__tabscontent .programs:nth-child(4) {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .trackbook__tabscontent .programs {
        width: calc(50% - 10px)
    }

    .trackbook__tabscontent .programs:nth-child(3) {
        margin-top: 30px
    }
}

@media (max-width:479px) {
    .trackbook__tabscontent .programs {
        width: 100%
    }

    .trackbook__tabscontent .programs:nth-child(2) {
        margin-top: 30px
    }
}

.index__mainwrapper {
    display: flex;
    flex-wrap: wrap
}

.index__mainwrapper-content {
    width: calc(100% - 330px);
    margin-right: 30px
}

.index__mainwrapper-sidebar {
    width: 300px
}

@media (max-width:991px) {

    .index__mainwrapper-content,
    .index__mainwrapper-sidebar {
        width: 100%
    }
}

.subscription-main-block {
    display: flex;
    flex-wrap: wrap
}

.book-main-box {
    position: relative;
    width: calc(33.3333% - 20px);
    margin-right: 30px;
    padding-bottom: 75px
}

.book-main-box:last-child {
    margin-right: 0
}

.book-main-box .button {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.subscription-heading-block {
    margin-bottom: 20px
}

.heading-block h3 {
    font-size: 24px
}

.themestoryblock {
    padding: 0 0 50px
}

.mediavideoblock {
    padding: 50px 0
}

.themestorywrap {
    display: flex;
    flex-wrap: wrap
}

.themestorywrap__item {
    width: 33.3333%;
    padding: 0 15px
}

.post-grid.grid-3 .themestorywrap__entry {
    width: 100%;
    padding: 0
}

.videoalbum {
    display: flex;
    flex-wrap: wrap
}

.videoalbum.row:before,
.videoalbum.row:after {
    content: none;
    display: none
}

.videoalbum__item {
    width: 25%;
    padding: 0 15px
}

.videoalbum .entry {
    margin-bottom: 0
}

.subscription__block {
    display: flex;
    flex-wrap: wrap
}

.subscription__block:before,
.subscription__block:after {
    content: none;
    display: none
}

.subscription__block-item {
    width: 25%;
    padding: 0 15px
}

.subscription__block-item:nth-child(n+5) {
    margin-top: 30px
}

.subscription__block-wrap {
    position: relative;
    height: 100%;
    padding-bottom: 50px;
    border: 1px solid #e7e7e7
}

.subscription__block-item .imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.subscription__block-item .imgbox::before {
    content: '';
    display: block;
    padding-top: 100%
}

.subscription__block-item .book-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.recommend__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.recommend__imgbox::before {
    content: '';
    display: block;
    padding-top: 100%
}

.promotion__title {
    height: 3.3em;
    overflow: hidden;
    margin: 10px
}

.book-main-box .promotion__title a {
    padding: 0
}

.subscription__btnbox {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.subscription__btnbox .button:nth-child(n + 2) {
    margin-left: 10px
}

#bs-example-navbar-collapse-1 {
    overflow: visible
}

@media (max-width:991px) {
    .book-main-box {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 20px
    }

    .book-main-box:last-child {
        margin-right: auto
    }

    .themestorywrap__item {
        width: 100%
    }

    .videostoryflex .themestorywrap__item:nth-child(n + 2) {
        margin-top: 30px
    }

    .videoalbum__item {
        width: 50%
    }

    .videoalbum__item:nth-child(n + 3) {
        margin-top: 30px
    }

    .subscription__block-item {
        width: 33.3333%
    }

    .subscription__block-item:nth-child(4) {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .heading-block h3 {
        font-size: 22px
    }

    .subscription__block-item {
        width: 50%
    }

    .subscription__block-item:nth-child(3) {
        margin-top: 30px
    }
}

@media (max-width:575px) {
    .videoalbum__item {
        width: 100%
    }

    .videoalbum__item:nth-child(2) {
        margin-top: 30px
    }

    .subscription__block-item {
        width: 100%
    }

    .subscription__block-item:nth-child(2) {
        margin-top: 30px
    }
}

#page-title {
    background-position: center top !important
}

#page-title.page-title-parallax {
    background-attachment: scroll
}

#page-title.article__pagetitle-pc {
    background-size: auto 700px;
    background-position: center
}

.aboutsection {
    padding: 60px 0 0;
    background-color: #f9f9f9
}

.aboutrow {
    padding: 60px 0
}

.aboutrow:nth-child(even) {
    background-color: #f9f9f9
}

.languagebox {
    position: relative;
    display: block;
    text-align: right;
    margin: 0 0 70px;
}

.languageitem {
    position: relative;
    display: block;
    font-size: 0;
}

.languageitem__button {
    position: relative;
    display: inline-block;
    padding: 2px 10px;
}

.languageitem__button_left::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    width: 1px;
    height: 70%;
    border-right: 0.5px solid #707070;
}

.languageitem__text {
    font-size: 16px;
    color: #707070;
    margin: 0 0 0;
}

.languageitem__text.active {
    color: #ef4836 !important;
    font-weight: bold !important;
}

.abouttitlebox {
    text-align: center;
    margin: 0 0 70px
}

.abouttitlebox__textimg {
    max-width: 275px;
    margin: 0 0 10px
}

.abouttitlebox__title {
    color: #333;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.55
}

.abouttitlebox__title::after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background-color: #ef4836;
    margin: 40px auto
}

#content .abouttitlebox__subtitle {
    color: #555;
    font-size: 16px;
    line-height: 2.125 !important;
    margin: 0;
}

.aboutdata {
    display: flex;
    flex-wrap: wrap
}

.aboutdata__items {
    width: 25%;
    color: #fff;
    text-align: center;
    padding: 15px
}

.aboutdata__items:first-child {
    background-color: #CC291D
}

.aboutdata__items:nth-child(2) {
    background-color: #D9482D
}

.aboutdata__items:nth-child(3) {
    background-color: #E7673E
}

.aboutdata__items:last-child {
    background-color: #F4864E
}

.aboutdata__icon {
    width: 90px;
    height: 68px;
    margin: 0 auto 20px;
    background-size: cover;
    background-position: left center
}

.aboutdata__items:nth-child(2) .aboutdata__icon {
    background-position: -90px center
}

.aboutdata__items:nth-child(3) .aboutdata__icon {
    background-position: -180px center
}

.aboutdata__items:last-child .aboutdata__icon {
    background-position: right center
}

#content .aboutdata__number {
    font-size: 37px;
    line-height: 1 !important;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
}

.aboutdata__number::after {
    content: '';
    display: block;
    width: 2px;
    height: 23px;
    background-color: #fff;
    margin: 15px auto
}

.aboutdata__text {
    font-size: 18px;
    margin: 0
}

.aboutinfoblock {
    display: flex;
    flex-wrap: wrap
}

.aboutinfoblock__content {
    flex: 1
}

.aboutinfoblock__title {
    font-size: 26px;
    font-weight: 700;
    color: #ef4836;
    line-height: 1;
    margin: 0 0 25px
}

#content .aboutinfoblock__text {
    font-size: 14px;
    color: #707070;
    margin: 0;
    line-height: 2 !important;
    text-align: justify;
}

.aboutinfoblock__imgbox {
    width: 230px;
    margin: 0 0 0 75px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.aboutrow:nth-child(odd) .aboutinfoblock {
    flex-direction: row-reverse
}

.aboutrow:nth-child(odd) .aboutinfoblock__imgbox {
    margin: 0 75px 0 0
}

@media (max-width:991px) {
    .aboutdata__items {
        width: 50%
    }
}

@media (max-width:767px) {
    .aboutsection {
        padding: 30px 0 0
    }

    .aboutrow {
        padding: 30px 0
    }

    .languagebox {
        margin: 0 0 20px;
    }

    .abouttitlebox__textimg {
        max-width: 200px
    }

    .abouttitlebox__title {
        font-size: 30px
    }

    .abouttitlebox__title::after {
        margin: 20px auto
    }

    .abouttitlebox {
        margin: 0 0 20px
    }

    .aboutdata__icon {
        margin: 0 auto 10px
    }

    #content .aboutdata__number {
        font-size: 26px
    }

    .aboutinfoblock__content {
        flex: auto;
        width: 100%
    }

    .aboutinfoblock__imgbox,
    .aboutrow:nth-child(odd) .aboutinfoblock__imgbox {
        height: 200px;
        margin: 0 auto 20px
    }

    .aboutinfoblock,
    .aboutrow:nth-child(odd) .aboutinfoblock {
        flex-direction: column-reverse
    }

    .aboutinfoblock__title {
        margin: 0 0 20px;
        text-align: center
    }
}

@media (max-width:479px) {
    .aboutdata__items {
        width: 100%
    }
}

.indexevent__bigger {
    display: flex;
    justify-content: center
}

.indexevent__bigger>div {
    margin-bottom: 15px
}

.indexevent__sidebar {
    display: flex;
    justify-content: center
}

.indexevent__medium {
    display: flex;
    justify-content: center
}

.indexevent__medium>div {
    margin-top: 75px
}

.articleevent__bigger {
    width: 100%;
    overflow: hidden
}

.articleevent__bigger>* {
    margin-bottom: 50px;
    text-align: center
}

.articleevent__footer {
    display: flex;
    justify-content: center;
    width: 100%
}

.articleevent__footer>* {
    margin: 50px 0
}

.articleevent__sidebar {
    display: flex;
    justify-content: center
}

.sidebar-widgets-wrap .articleevent__sidebar>* {
    margin: 0 auto 50px
}

.articleevent__sidebar>* {
    text-align: center;
    margin: 50px auto
}

.article-content__footerevent {
    width: 100%;
    overflow: hidden
}

.article-content__footerevent>* {
    text-align: center;
    margin: 0 auto 50px
}

.articledetail__editor {
    width: 100%;
    overflow: hidden
}

.articledetail__editor>* {
    margin: 0 auto 50px;
    text-align: center
}

.articledetail__small {
    display: flex;
    justify-content: center
}

.articledetail__small>div {
    margin-bottom: 50px
}

.articledetail__bigger {
    display: flex;
    justify-content: center;
    width: 100%
}

.articledetail__bigger>div {
    margin-top: 50px
}

.videoevent {
    display: flex;
    justify-content: center
}

.indexevent__medium-mobile--top {
    display: flex;
    justify-content: center
}

.indexevent__medium-mobile--top>* {
    padding-top: 50px;
    margin: 0 auto
}

.indexevent__medium-mobile--bottom {
    width: 100%;
    overflow: hidden
}

.indexevent__medium-mobile--bottom>* {
    padding-bottom: 50px;
    margin: 0 auto;
    text-align: center
}

.indexevent__medium-mobile--center {
    width: 100%;
    overflow: hidden
}

.indexevent__medium-mobile--center>* {
    padding: 50px 0;
    margin: 0 auto;
    text-align: center
}

.course-history {
    width: 100%
}

.course-history__item {
    width: 100%;
    border: #e7e7e7 1px solid
}

.course-history__item:nth-child(n+2) {
    margin-top: 25px
}

.course-history__data {
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 40px;
    color: #666;
    background-color: #eaeaea
}

.course-history__info {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: center;
    align-content: center;
    width: 100%
}

.course-history__content {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    width: calc(100% - 160px);
    padding: 20px;
    border-right: #e7e7e7 1px solid
}

.course-history__img-block {
    width: 140px;
    margin-right: 20px
}

.course-history__img {
    width: 100%;
    height: auto
}

.course-history__detail {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    width: calc(100% - 160px)
}

.course-history__name {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #333
}

.course-history__price {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.4;
    color: #999
}

.course-history__price span {
    color: #e52020
}

.course-history__nav {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    width: 160px;
    padding: 20px
}

.course-history__status {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid
}

.course-history__status--success {
    color: #e52020;
    border-color: #e52020
}

.course-history__status--cancel {
    color: #333;
    border-color: #333
}

.course-history__btn {
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #555;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: #eee 1px solid;
    -webkit-transition: color .3s, background-color .3s;
    -moz-transition: color .3s, background-color .3s;
    -ms-transition: color .3s, background-color .3s;
    -o-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}

.course-history__btn:hover {
    color: #FFF;
    background-color: #e52020
}

@media (max-width: 767px) {
    .course-history__content {
        width: 100%;
        border-right: none
    }

    .course-history__nav {
        width: 100%;
        border-top: #e7e7e7 1px solid
    }

    .course-history__status {
        line-height: 38px
    }

    .course-history__btn {
        width: calc(50% - 4px)
    }

    .course-history__btn:nth-of-type(1) {
        margin-right: 8px
    }
}

@media (max-width: 479px) {
    .course-history__img-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .course-history__detail {
        width: 100%
    }
}

.course-detail__info {
    width: 100%;
    height: auto;
    padding: 30px 30px 35px;
    border: #e7e7e7 1px solid
}

.course-detail__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%;
    margin-bottom: 20px
}

.course-detail__img {
    width: 250px;
    margin-right: 30px
}

.course-detail__img img {
    width: 100%;
    max-width: none
}

.course-detail__text {
    width: calc(100% - 280px)
}

.course-detail__text span {
    display: inline-block;
    width: auto;
    padding: 0 7px;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 28px;
    color: #FFF;
    background-color: #e52020
}

.course-detail__text h3 {
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.3;
    color: #333;
    letter-spacing: .05em
}

.course-detail__text p {
    margin-bottom: 0;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.7;
    color: #888
}

.course-detail__number {
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333
}

.course-detail__number span {
    color: red
}

.course-detail__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    border-top: #e7e7e7 1px solid;
    border-left: #e7e7e7 1px solid
}

.course-detail__td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 50%
}

.course-detail__fulltd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%
}

.course-detail__td-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px;
    padding: 20px 10px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    background-color: #f9f9f9;
    border-right: #e7e7e7 1px solid;
    border-bottom: #e7e7e7 1px solid
}

.course-detail__td-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 80px);
    padding: 20px 10px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    color: #333;
    border-right: #e7e7e7 1px solid;
    border-bottom: #e7e7e7 1px solid
}

@media (max-width: 767px) {
    .course-detail__info {
        padding: 10px 10px 35px
    }

    .course-detail__img {
        width: 100%;
        margin: 0 0 20px
    }

    .course-detail__text {
        width: 100%
    }

    .course-detail__td {
        width: 100%
    }
}

.article-inside p,
.article-inside span {
    font-size: 20px !important
}

.article-inside h1,
.article-inside h2,
.article-inside h3,
.article-inside h4,
.article-inside h5,
.article-inside h6 {
    font-size: 130%;
    margin: 20px 0
}

.activitysliderwrap {
    position: relative
}

.activityslider .slick-arrow {
    width: 52px;
    height: 52px;
    z-index: 10;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 2px
}

.activityslider .slick-prev {
    left: 0
}

.activityslider .slick-prev::before {
    content: "\f053";
    font: normal normal normal 20px/1 FontAwesome;
    opacity: 1
}

.activityslider .slick-next {
    right: 0
}

.activityslider .slick-next::before {
    content: "\f054";
    font: normal normal normal 20px/1 FontAwesome;
    opacity: 1
}

.activityslider__slide {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 575px
}

.thumbslider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.thumbslider.slick-dotted.slick-slider {
    margin-bottom: 0
}

.thumbslider__slide {
    display: flex;
    align-items: center;
    padding: 20px 50px
}

.thumbslider__slide:nth-child(4n + 1) {
    background-color: rgba(229, 32, 32, .85)
}

.thumbslider__slide:nth-child(4n + 2) {
    background-color: rgba(226, 93, 35, .85)
}

.thumbslider__slide:nth-child(4n + 3) {
    background-color: rgba(221, 120, 38, .85)
}

.thumbslider__slide:nth-child(4n) {
    background-color: rgba(224, 166, 36, .85)
}

.thumbslider__content {
    text-align: center
}

.thumbslider__content-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0
}

.thumbslider__content-text {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    margin: 7px 0 0
}

.activitycontent {
    padding: 40px 0
}

.featured {
    margin-bottom: 40px
}

.featured__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #dbdbdb;
    margin-top: 40px;
    padding: 25px 50px
}

.featured__item:nth-child(even) {
    flex-direction: row-reverse
}

.featured__imgwrap {
    width: calc(45% - 15px)
}

.featured__imgbox {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.featured__imgbox::before {
    content: '';
    display: block;
    padding-top: 56.81%
}

.featured__imgbox-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.featured__imgbox:hover .featured__imgbox-content {
    opacity: 1
}

.featured__imgbox-btn {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 17px;
    background-color: #e52020;
    border-radius: 2px;
    padding: 0 45px;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    transition: transform .3s ease
}

.featured__imgbox:hover .featured__imgbox-btn {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

.featured__content {
    width: calc(55% - 15px)
}

.featured__content-year {
    color: #323232;
    font-family: 'Raleway';
    font-size: 20px;
    line-height: 1
}

.featured__datebox {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: 15px
}

.featured__datebox-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #323232;
    font-size: 16px
}

.featured__datebox-item::before {
    content: attr(data-date);
    font-size: 36px;
    margin-right: 12px;
    line-height: 1
}

.featured__datebox-item:nth-child(2) {
    margin-left: 55px
}

.featured__datebox-item:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -42px;
    width: 30px;
    height: 1px;
    background-color: #323232
}

.featured__datebox-total {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0 5px
}

.featured__datebox-total::before {
    content: '/'
}

.featured__tag {
    font-size: 13px;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    margin-left: 10px;
    border-width: 1px;
    border-style: solid
}

.featured__tag-green {
    color: #8bc53f;
    border-color: #8bc53f
}

.featured__tag-red {
    color: #e52020;
    border-color: #e52020
}

.featured__maintitle {
    margin-top: 15px
}

.featured__maintitle-link {
    display: block;
    color: #222;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.38;
    max-height: 2.76em;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.featured__maintitle-link:hover {
    color: #e52020
}

.featured__maintext {
    color: #7c7c7c;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.7;
    max-height: 6.8em;
    overflow: hidden;
    margin: 10px 0 0
}

.totalactive {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.totalactive__item {
    width: 33.3333%;
    padding: 0 15px;
    margin-top: 30px
}

.totalactive__item:nth-child(-n + 3) {
    margin-top: 0
}

.totalactive__content {
    padding-top: 12px
}

.totalactive__title-link {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.7;
    max-height: 1.7em;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.totalactive__title-link:hover {
    color: #e52020
}

.totalactive__content-bottombox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.totalactive__content-date {
    color: #666;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.totalactive__btnbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px
}

.totalactive__btn {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: block;
    color: #666;
    font-size: 17px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 0 40px;
    -webkit-transition: color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, border-color .3s ease;
    transition: color .3s ease, border-color .3s ease
}

.totalactive__btn:hover {
    color: #e52020;
    border-color: #e52020
}

.thumbslider .slick-track {
    min-width: 100%
}

@media (min-width:1200px) {
    .slides-3 {
        -webkit-transform: translate3d(12.5%, 0px, 0px) !important;
        -moz-transform: translate3d(12.5%, 0px, 0px) !important;
        transform: translate3d(12.5%, 0px, 0px) !important
    }

    .slides-2 {
        -webkit-transform: translate3d(25%, 0px, 0px) !important;
        -moz-transform: translate3d(25%, 0px, 0px) !important;
        transform: translate3d(25%, 0px, 0px) !important
    }

    .slides-1 {
        -webkit-transform: translate3d(37.5%, 0px, 0px) !important;
        -moz-transform: translate3d(37.5%, 0px, 0px) !important;
        transform: translate3d(37.5%, 0px, 0px) !important
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .slides-2 {
        -webkit-transform: translate3d(16.6665%, 0px, 0px) !important;
        -moz-transform: translate3d(16.6665%, 0px, 0px) !important;
        transform: translate3d(16.6665%, 0px, 0px) !important
    }

    .slides-1 {
        -webkit-transform: translate3d(33.3333%, 0px, 0px) !important;
        -moz-transform: translate3d(33.3333%, 0px, 0px) !important;
        transform: translate3d(33.3333%, 0px, 0px) !important
    }
}

@media (max-width:991px) and (min-width:576px) {
    .slides-1 {
        -webkit-transform: translate3d(25%, 0px, 0px) !important;
        -moz-transform: translate3d(25%, 0px, 0px) !important;
        transform: translate3d(25%, 0px, 0px) !important
    }
}

@media (max-width:1365px) {
    .thumbslider__slide {
        padding: 25px 20px
    }
}

@media (max-width:1140px) {
    .activityslider__slide {
        height: 50.43vw;
        min-height: 400px
    }
}

@media (max-width:991px) {

    .featured__item,
    .featured__item:nth-child(even) {
        flex-direction: column;
        align-items: center;
        padding: 15px 20px
    }

    .featured__imgwrap {
        width: 100%
    }

    .featured__content {
        width: 100%;
        margin-top: 10px
    }

    .totalactive__item:nth-child(3) {
        margin-top: 30px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .totalactive__item {
        width: 50%
    }
}

@media (max-width:768px) {
    .slick-initialized .thumbslider__slide {
        padding: 20px
    }
}

@media (max-width:767px) {
    .featured__datebox-item {
        font-size: 14px
    }

    .featured__datebox-item::before {
        font-size: 28px
    }

    .featured__maintitle-link {
        font-size: 22px
    }

    .totalactive__item {
        width: 100%
    }

    .totalactive__item:nth-child(2) {
        margin-top: 30px
    }
}

@media (min-width:576px) {
    .featured__datebox-mobiletotal {
        display: none
    }
}

@media (max-width:575px) {
    .featured__datebox-total:not(.featured__datebox-mobiletotal) {
        display: none
    }

    .featured__datebox-total::before {
        display: none
    }

    .featured__datebox-item::before {
        margin-right: 5px
    }

    .featured__datebox-item:nth-child(2) {
        margin-left: 20px
    }

    .featured__datebox-item:nth-child(2)::after {
        display: none
    }

    .featured__datebox-total {
        width: 100%;
        margin: 10px 0 0
    }

    .featured__maintitle {
        margin-top: 10px
    }
}

.activityinside {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 50px 0
}

.activityinside__maincontent {
    flex: 1
}

.activityinside__mainbanner {
    margin-bottom: 20px
}

.activitysidebar {
    width: 300px;
    margin-left: 30px
}

.activitysidebar__box {
    padding: 25px;
    background-color: #f5f5f5
}

.activitysidebar__authorbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px
}

.activitysidebar__authorbox:first-child {
    margin-top: 0
}

.activitysidebar__authorimg {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 15px 0 0
}

.activitysidebar__authorcontent-name {
    color: #333;
    font-size: 20px;
    line-height: 1
}

.activitysidebar__authorcontent-name::before {
    content: '講師';
    display: block;
    color: #999;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px
}

.activitysidebar__block {
    margin-top: 25px
}

.activitysidebar__block:first-child {
    margin-top: 0
}

.activitysidebar__block-title {
    display: flex;
    align-items: center;
    color: #777;
    font-size: 16px;
    line-height: 1;
    margin: 0 0 10px
}

.activitysidebar__block-time::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/lazyweb/web/images/activity/time_icon.svg);
    margin-right: 7px
}

.activitysidebar__block-echelon::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/lazyweb/web/images/activity/echelon_icon.svg);
    margin-right: 5px
}

.activitysidebar__block-end::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/lazyweb/web/images/activity/signup_end.svg);
    margin-right: 7px
}

.activitysidebar__block-text {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    color: #999;
    font-family: 'Lato', '微軟正黑體';
    font-size: 20px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.activitysidebar__block-text:nth-of-type(2)::before {
    content: '';
    display: block;
    width: 1px;
    height: 17px;
    background-color: #999;
    margin: 10px auto
}

.activitysidebar__block-money {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #e52020;
    font-family: 'Lato';
    font-size: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    margin: 0
}

.activitysidebar__block-money::before {
    content: 'NT$';
    font-size: 22px
}

.activitysidebar__btn {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    background-color: #e52020;
    margin-top: 30px;
    border-radius: 3px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.activitysidebar__btn:hover {
    color: #fff;
    opacity: .8
}

.activityinside__maintitle {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    color: #333;
    font-size: 2.57em;
    font-weight: 500;
    line-height: 1
}

.activityinside__topinfo {
    color: #6d6d6d;
    font-size: 1.14em;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.625;
    background-color: #eee;
    padding: 15px 20px;
    margin-top: 20px
}

.activityinside__itembox {
    margin-top: 30px
}

.activityinside__item p {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

.activityinside__item:nth-child(n + 2) {
    margin-top: 40px
}

.activityinside__item-title {
    color: #333;
    font-size: 1.42em;
    text-align: center;
    line-height: 1;
    padding: 15px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0 0 12px
}

.activityinside__item-text {
    color: #777;
    font-size: 1.14em;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.7
}

.echelon__item {
    display: flex;
    flex-wrap: wrap
}

.echelon__item:nth-child(n + 2) {
    margin-top: 20px
}

.echelon__titlebox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    color: #fff;
    background-color: #333
}

.echelon__title {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    font-size: 1.14em;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1
}

.echelon__title-num {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-family: 'Times New Roman';
    font-size: 5.71em;
    font-style: italic;
    line-height: .7
}

.echelon__title-num::before {
    content: '第';
    font-size: 16px;
    font-style: normal;
    line-height: 1
}

.echelon__content {
    flex: 1;
    padding: 25px;
    background-color: #f5f1ef
}

.echelon__content-text {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #777;
    font-size: 1.14em;
    line-height: 1.7;
    margin: 5px 0 0
}

.echelon__content-text:first-child {
    margin: 0
}

.echelon__content-maplink {
    color: #e52020;
    margin-left: 8px
}

.fancybox-slide .location__popup {
    overflow: visible !important;
    width: calc(100% - 30px);
    max-width: 600px;
    height: 450px;
    margin: 0 auto
}

.location__popup .fancybox-close-small {
    right: auto;
    left: calc(100% + 7px);
    top: -5px;
    width: auto;
    height: auto
}

.location__popup .fancybox-close-small::after {
    position: static;
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 35px;
    color: #fff;
    background: transparent
}

.location__popup iframe {
    width: 100%;
    height: 100%
}

@media (max-width:991px) {
    .location__popup .fancybox-close-small {
        left: auto;
        right: 0;
        bottom: 100%;
        top: auto
    }
}

.echelon__btnbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

.echelon__btn {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: #e52020;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    padding: 0 85px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.echelon__btn:hover {
    opacity: .8;
    color: #fff
}

.feature__activity {
    padding: 40px 0;
    background-color: #f9f9f9
}

.activityinside__article {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.activityinside__articleitem {
    width: 33.3333%;
    padding: 0 15px;
    margin-top: 30px
}

.activityinside__articleitem:nth-child(-n + 3) {
    margin-top: 0
}

.activityinside__articleimg {
    position: relative;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.activityinside__articleimg::before {
    content: '';
    display: block;
    padding-top: 52%
}

.activityinside__articlecontent {
    padding: 10px 0
}

.activityinside__articletitle {
    margin: 0
}

.activityinside__articletitle-link {
    display: block;
    color: #333;
    font-size: 20px;
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden
}

.activityinside__articletext {
    color: #777;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.7;
    max-height: 3.4em;
    overflow: hidden;
    margin: 4px 0 0
}

@media (max-width:991px) {
    .activityinside {
        flex-direction: column-reverse
    }

    .activityinside__maincontent {
        width: 100%
    }

    .activitysidebar {
        width: 100%;
        margin: 0 auto 20px
    }

    .activitysidebar__box {
        display: flex;
        flex-wrap: wrap
    }

    .activitysidebar__authorbox {
        width: 100%
    }

    .activityinside__maintitle {
        font-size: 2.14em;
        flex-direction: column
    }

    .activityinside__maintitle .featured__tag {
        margin: 10px 0 0
    }
}

@media (max-width:991px) and (min-width:768px) {
    .activitysidebar__block {
        width: 50%
    }

    .activitysidebar__block:nth-child(2) {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .activityinside__articleitem:nth-child(3) {
        margin-top: 30px
    }

    .echelon__titlebox {
        width: 100%;
        padding: 20px 0
    }

    .activitysidebar__block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        width: 100%
    }
}

@media (max-width:767px) and (min-width:576px) {
    .activityinside__articleitem {
        width: 50%
    }
}

@media (min-width:576px) {
    .activitysidebar__block-title::after {
        content: '：'
    }

    .activitysidebar__authorcontent {
        flex: 1
    }
}

@media (max-width:575px) {
    .activityinside__articleitem:nth-child(2) {
        margin-top: 30px
    }

    .activityinside__articleitem {
        width: 100%
    }

    .activitysidebar__authorbox {
        justify-content: center
    }

    .activitysidebar__block-text {
        font-size: 16px
    }
}

.searchwrap {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0
}

.searchwrap__event--header {
    width: 100%
}

.searchwrap__event--header>* {
    display: block;
    margin: 0 auto 50px !important;
    text-align: center
}

.searchwrap__event--header>#vm5ad-js-sdk {
    margin-bottom: 0 !important
}

.searchwrap__event--footer {
    width: 100%
}

.searchwrap__event--footer>* {
    margin: 50px auto 0 !important;
    text-align: center
}

.searchcontent {
    width: calc(100% - 330px);
    padding-right: 30px;
    border-right: 1px solid #ececec
}

.searchcondition {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.searchcondition__title {
    color: #333;
    font-size: 25px;
    font-weight: 500
}

.searchcondition__title .fa {
    color: #a9a9a9;
    margin-right: 5px
}

.keywords {
    color: #e52020
}

.searchinfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid #ececec
}

.searchinfo__info-date {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

.searchinfo__info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1
}

.searchinfo__info-result {
    color: #555;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #555
}

.searchinfo__info-total {
    color: #FF1D25;
    margin: 0 2px
}

.searchinfo__filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #333
}

.searchinfo__filter-btn {
    display: block;
    height: 30px;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px;
    color: #333;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    font-size: 12px;
    -webkit-transition: color .3s ease, background-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease
}

.searchinfo__filter-btn:first-of-type {
    margin: 0 2px 0 8px
}

.searchinfo__filter-btn:hover,
.searchinfo__filter-btn--active {
    color: #fff;
    background-color: #838383
}

.searchresultwrap__filterbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    white-space: nowrap;
    padding: 20px 0;
    margin-top: 0
}

.searchresultwrap__filterbox-btn {
    color: #c5c5c5;
    font-size: 24px;
    font-weight: 700;
    margin-left: 70px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.searchresultwrap__filterbox-btn:first-child {
    margin-left: 0
}

.searchresultwrap__filterbox-btn:hover,
.searchresultwrap__filterbox-btn--active {
    color: #e52020
}

.searchresultwrap__filterbox-btn .fa {
    margin-right: 5px
}

.searchresultbox {
    margin: 0
}

.searchresultbox__item:nth-child(n + 2) {
    margin-top: 70px
}

.searchresultbox__titlebox {
    display: flex;
    align-items: center;
    margin-bottom: 35px
}

.searchresultbox__titlebox::after {
    content: '';
    display: block;
    flex: 1;
    height: 1px;
    background-color: #ececec
}

.searchresultbox__titlebox-title {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    padding-left: 10px;
    margin-right: 8px;
    border-left: 6px solid #ef4836
}

.searchitem {
    margin-top: 0
}

.searchitem__item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 35px;
    margin-top: 35px;
    border-bottom: 1px solid #ececec
}

.searchitem__item:first-child {
    margin-top: 0
}

.searchitem__img {
    display: block;
    width: 185px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 18px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.searchitem__img::before {
    content: '';
    display: block;
    padding-top: 68.44%
}

.searchitem__img:hover {
    opacity: .8
}

.searchitem__content {
    flex: 1
}

.searchitem__title-link {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.searchitem__title-link:hover {
    color: #e52020
}

.searchitem__text {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #777;
    font-size: 14px;
    line-height: 1.7;
    max-height: 3.4em;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 0
}

.searchitem__date {
    font-size: 12px;
    line-height: 1;
    margin: 5px 0 0
}

.searchitem__btn {
    display: inline-flex;
    height: 46px;
    line-height: 44px;
    color: #666;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 0 30px;
    margin-top: 20px;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease
}

.searchitem__btn:hover {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

.videoitem {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 35px;
    margin-top: 35px;
    border-bottom: 1px solid #ececec
}

.videoitem:first-child {
    margin-top: 0
}

.videoitem__img {
    display: block;
    width: 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 18px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.videoitem__img::before {
    content: '';
    display: block;
    padding-top: 69.56%
}

.videoitem__img:hover {
    opacity: .8
}

.videoitem__content {
    flex: 1
}

.personitem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 35px;
    margin-top: 35px;
    border-bottom: 1px solid #ececec
}

.personitem:first-child {
    margin-top: 0
}

.personitem__img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-right: 30px;
    margin-left: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.personitem__img:hover {
    opacity: .8
}

.personitem__content {
    flex: 1
}

.personitem__title {
    font-size: 22px;
    line-height: 1.2
}

.personitem__title-link {
    color: #000;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.personitem__title-link:hover {
    color: #e52020
}

.personitem__title strong {
    margin-right: 5px
}

.booksitem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 35px;
    margin-top: 35px;
    border-bottom: 1px solid #ececec
}

.booksitem:first-child {
    margin-top: 0
}

.booksitem__img {
    display: block;
    width: 105px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 50px;
    margin-left: 40px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.booksitem__img::before {
    content: '';
    display: block;
    padding-top: 142.85%
}

.booksitem__img:hover {
    opacity: .8
}

.booksitem__content {
    flex: 1
}

.booksitem__infobox {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 13px
}

.booksitem__infobox-text {
    margin: 5px 5px 0 0
}

.searchsidebar {
    width: 300px;
    margin-left: 30px
}

.searchsidebar__block {
    width: 100%;
    margin-bottom: 0
}

.searchsidebar__block-event--top>* {
    margin-bottom: 50px;
    text-align: center
}

.searchsidebar__block-event--bottom>* {
    margin-top: 50px;
    text-align: center
}

.searchsidebar__block:last-child {
    margin-bottom: 0
}

.searchsidebar__title {
    color: #555;
    font-size: 18px;
    margin-bottom: 10px
}

.searchsidebar__list-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #666;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 17px 20px;
    margin-top: 2px;
    -webkit-transition: color .3s ease, background-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease
}

.searchsidebar__list-btn::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-size: cover;
    background-image: url(/lazyweb/web/img/check.png);
    background-position: center top;
    background-repeat: no-repeat;
    margin-right: 7px
}

.searchsidebar__list-btn:first-child {
    margin-top: 0
}

.searchsidebar__list-btn:hover,
.searchsidebar__list-btn--active {
    color: #fff;
    background-color: #e52020
}

.searchsidebar__list-btn:hover::before,
.searchsidebar__list-btn--active::before {
    background-position: center bottom
}

.sidebar__recommend-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dashed #e8e8e8
}

.sidebar__recommend-row:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0
}

.sidebar__recommend-imgbox {
    display: block;
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.sidebar__recommend-imgbox:hover {
    opacity: .8
}

.sidebar__recommend-content {
    width: calc(100% - 80px);
    flex: 1
}

.sidebar__recommend-titlelink {
    display: block;
    color: #333;
    font-size: 17px;
    letter-spacing: .05em;
    line-height: 1.2;
    max-height: 2.4em;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.sidebar__recommend-titlelink:hover {
    color: #e52020
}

.sidebar__recommend-info {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.searchsidebar__maintitle {
    color: #555;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    background-color: #ebebeb;
    margin: 0 0 28px
}

@media (max-width:1199px) and (min-width:992px) {
    .searchresultwrap__filterbox-btn {
        margin-left: 40px
    }
}

@media (max-width:991px) {
    .searchwrap {
        flex-direction: column;
        align-items: flex-start
    }

    .searchcontent {
        width: 100%;
        padding: 0;
        border: 0
    }

    .searchsidebar {
        width: 100%;
        margin: 30px 0 0
    }

    .searchresultwrap__filterbox-btn {
        font-size: 20px;
        margin-left: 20px
    }
}

@media (max-width:575px) {
    .searchinfo {
        flex-direction: column;
        align-items: flex-start
    }

    .searchinfo__filter {
        margin: 20px 0 0
    }

    .searchitem__item,
    .videoitem,
    .personitem,
    .booksitem {
        flex-direction: column
    }

    .searchitem__img,
    .videoitem__img {
        width: 100%;
        margin: 0 0 10px
    }

    .personitem__img {
        margin: 0 auto 10px
    }

    .booksitem__img {
        width: 100%;
        max-width: 160px;
        margin: 0 auto 10px
    }
}

.eventblock {
    margin: 0
}

.fancybox-slide>.signup__popup {
    width: calc(100% - 30px);
    max-width: 820px;
    padding: 0;
    overflow: visible !important
}

.signup__popup .fancybox-close-small {
    right: auto;
    left: calc(100% + 7px);
    top: -5px;
    width: auto;
    height: auto
}

.signup__popup .fancybox-close-small::after {
    position: static;
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 35px;
    color: #fff;
    background: transparent
}

.signup__popup-title {
    height: 66px;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    line-height: 66px;
    padding: 0 30px;
    background-color: #e52020
}

.signup__popup-content {
    padding: 45px 25px
}

.signup__popup-thead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.signup__popup-th {
    width: 33.3333%;
    color: #999;
    font-size: 16px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.signup__popup-th:first-child {
    text-align: left
}

.signup__popup-th:last-child {
    width: 108px
}

.signup__popup-bodyrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd
}

.signup__popup-td {
    width: 33.3333%;
    text-align: center
}

.signup__popup-td:first-child {
    color: #777;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    text-align: left
}

.signup__popup-td:nth-child(2) {
    color: #e52020;
    font-size: 26px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-style: italic
}

.signup__popup-td:nth-child(3) {
    width: auto;
    display: inline-flex;
    justify-content: center
}

.signup__popup-counter {
    width: 108px;
    height: 26px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #ddd
}

.counterbtn {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px
}

.counterinput {
    width: calc(100% - 52px);
    height: 24px;
    border: 0;
    color: #777;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    text-align: center
}

.counterbtn__minus {
    color: #c1c1c1
}

.counterbtn__minus--active {
    color: #8c8c8c;
    background-color: #dcdcdc
}

.counterbtn__plus {
    color: #8c8c8c;
    background-color: #dcdcdc
}

.signup__popup-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px
}

.signup__popup-icons {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.signup__popup-icons::before {
    position: absolute;
    bottom: 100%;
    left: 0;
    content: '可使用的支付商家';
    color: #999;
    font-size: 13px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1
}

.signup__popup-icon {
    width: 76px;
    height: 56px;
    background-image: url(/lazyweb/web/images/activity/businesstoday_totalicons.png);
    background-size: 140px 2000px
}

.signup__popup-visa {
    background-position: 0 0
}

.signup__popup-mastercard {
    background-position: 0 -58px
}

.signup__popup-jcb {
    background-position: 0 -120px
}

.signup__popup-paybtn {
    display: block;
    width: 150px;
    height: 45px;
    color: #fff;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    border-radius: 2px;
    background-color: #e52020;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.signup__popup-paybtn:hover {
    opacity: .8;
    color: #fff
}

@media (max-width:991px) {
    .signup__popup .fancybox-close-small {
        left: auto;
        right: 0;
        bottom: 100%;
        top: auto
    }
}

@media (max-width:575px) {
    .signup__popup-content {
        padding: 30px 20px
    }

    .signup__popup-thead {
        display: none
    }

    .signup__popup-bodyrow {
        flex-direction: column
    }

    .signup__popup-td {
        width: 100%;
        margin-top: 15px
    }

    .signup__popup-td::before {
        width: 100%;
        display: block;
        color: #999;
        font-size: 16px;
        line-height: 1
    }

    .signup__popup-td:first-child {
        text-align: center;
        margin-top: 0
    }

    .signup__popup-td:first-child::before {
        content: '場次'
    }

    .signup__popup-td:nth-child(2)::before {
        content: '活動費用'
    }

    .signup__popup-td:nth-child(3) {
        flex-direction: column;
        align-items: center
    }

    .signup__popup-td:nth-child(3)::before {
        content: '參加人數';
        margin-bottom: 5px
    }

    .signup__popup-bottom {
        flex-direction: column
    }

    .signup__popup-icons::before {
        left: 50%;
        transform: translateX(-50%)
    }
}

#page-title.page-title-dark .breadcrumb a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

#page-title.page-title-dark .breadcrumb li {
    margin: 0
}

.button {
    font-weight: 500
}

.pagetitle__box {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%
}

.membernav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.membernav__box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    font-size: 0
}

.membernav__box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px)
}

.membernav__btn {
    display: inline-block;
    height: 40px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-left: 5px;
    padding: 0 15px;
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    transition: color .4s ease
}

.membernav__btn:first-child {
    margin: 0
}

.membernav__btn:hover {
    color: rgba(255, 255, 255, .8)
}

.membernav__btn--active {
    color: #777;
    background-color: #fff
}

.membernav__btn--active:hover {
    color: #777
}

@media (max-width: 991px) {
    .check-product-title {
        display: none
    }

    .check-product-list {
        margin-top: 20px
    }

    .check-product-item {
        display: block;
        position: relative;
        min-height: 165px
    }

    .check-product-item:before,
    .check-product-item:after {
        content: "";
        display: block;
        clear: both
    }

    .check-product-item>div {
        display: block;
        vertical-align: top
    }

    .check-product-pic {
        width: 90px;
        padding: 0;
        margin-right: 30px;
        float: left
    }

    .check-product-name {
        width: calc(100% - 120px - 150px);
        height: 100%;
        float: left
    }

    .check-product-price {
        position: absolute;
        bottom: 85px;
        right: 30px;
        width: 150px;
        height: 22px;
        padding: 0 0 0 40px;
        line-height: 22px
    }

    .check-product-price:before {
        content: "金額：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #888
    }

    .check-product-count {
        position: absolute;
        bottom: 55px;
        right: 30px;
        width: 150px;
        height: 22px;
        padding: 0 0 0 40px;
        text-align: right
    }

    .check-product-count:before {
        content: "數量：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .check-product-count .spin {
        display: inline-block
    }

    .check-product-tprice {
        position: absolute;
        bottom: 25px;
        right: 30px;
        width: 150px;
        height: 22px;
        padding: 0 0 0 40px
    }

    .check-product-tprice:before {
        content: "小計：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .check-product-del {
        position: absolute;
        top: 25px;
        right: 30px;
        width: 14px;
        height: 16px;
        padding: 0;
        margin: 0
    }

    .check-freight-list {
        position: relative
    }

    .check-freight-title {
        display: none
    }

    .check-freight {
        margin-top: 20px
    }

    .check-freight-select {
        display: block;
        position: relative;
        padding: 0
    }

    .check-freight-select:before,
    .check-freight-select:after {
        content: "";
        display: block;
        clear: both
    }

    .freight-select-title {
        display: block;
        float: left
    }

    .freight-select-radio {
        display: block;
        width: calc(100% - 120px);
        float: left
    }

    .freight-select-radio label .radio-box {
        margin-right: 10px
    }

    .freight-select-radio .radio-text:after {
        content: attr(data-freight-price);
        padding-left: 30px;
        font-weight: 300;
        color: #888
    }

    .check-freight-price,
    .check-freight-count,
    .check-freight-tprice {
        display: none !important
    }

    .check-freight-item {
        padding: 0 180px 0 30px
    }

    .freight-item-title {
        width: calc(100% - 90px - 180px)
    }

    .check-freight-item.tprice {
        display: block;
        position: absolute;
        bottom: 30px;
        right: 30px;
        width: 150px;
        height: 21px;
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        color: #ef4836;
        text-align: right
    }

    .check-freight-item.tprice:before {
        content: "小計：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .check-step1-total {
        position: relative;
        padding: 10px
    }

    .check-step1-total>div {
        display: block;
        margin: 0
    }

    .tfooter>div.tfooter-caption {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 250px;
        padding: 0
    }

    .tfooter>div.tfooter-sum {
        display: none
    }

    .tfooter>div.tfooter-tprice {
        width: 100%;
        padding: 0
    }

    .tfooter>div.tfooter-tprice:before,
    .tfooter>div.tfooter-tprice:after {
        content: "";
        display: block;
        clear: both
    }

    .tfooter>div.tfooter-tprice p:first-child {
        display: none
    }

    .tfooter>div.tfooter-tprice p:last-child {
        position: relative;
        width: 195px;
        padding: 0 0 0 85px;
        float: right;
        text-align: right
    }

    .tfooter-tprice p:last-child:before {
        content: "商品金額：";
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .tfooter>div.tfooter-ftprice {
        width: 100%;
        padding: 0;
        margin-top: 5px
    }

    .tfooter>div.tfooter-ftprice:before,
    .tfooter>div.tfooter-ftprice:after {
        content: "";
        display: block;
        clear: both
    }

    .tfooter>div.tfooter-ftprice p:first-child {
        display: none
    }

    .tfooter>div.tfooter-ftprice p:last-child {
        position: relative;
        width: 195px;
        padding: 0 0 0 85px;
        float: right;
        text-align: right
    }

    .tfooter-ftprice p:last-child:before {
        content: "運費小計：";
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .tfooter-ftprice p:last-child:after {
        content: "+";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #555;
        line-height: 22px
    }

    .tfooter>div.tfooter-dtprice {
        width: 100%;
        padding: 0;
        margin-top: 5px
    }

    .tfooter>div.tfooter-dtprice:before,
    .tfooter>div.tfooter-dtprice:after {
        content: "";
        display: block;
        clear: both
    }

    .tfooter>div.tfooter-dtprice p:first-child {
        display: none
    }

    .tfooter>div.tfooter-dtprice p:last-child {
        position: relative;
        width: 195px;
        padding: 0 0 0 85px;
        float: right;
        text-align: right
    }

    .tfooter-dtprice p:last-child:before {
        content: "優惠折扣：";
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .tfooter-dtprice p:last-child:after {
        content: "+";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #555;
        line-height: 22px
    }

    .tfooter>div.tfooter-equal {
        width: 100%;
        padding: 0;
        margin: 10px 0 30px;
        font-size: 0;
        text-align: right
    }

    .tfooter-equal:before {
        content: "";
        display: inline-block;
        width: 250px;
        height: 1px;
        background-color: #555
    }

    .tfooter>div.tfooter-total {
        width: 100%;
        padding: 0;
        text-align: right
    }

    .check-form .input-box.type_1:not(.check-credit):not(.other_address):not(.overseas_address):not(.check-credit-verification) {
        width: calc(50% - 10px);
        max-width: none;
        vertical-align: top
    }

    .check-payment-radio label .radio-box {
        margin-right: 10px
    }

    .check-payment-radio label .radio-text {
        padding-right: 10px
    }

    .product-step-title {
        display: none
    }

    .check-product-step {
        margin-top: 20px
    }

    .product-step-item {
        display: block;
        position: relative;
        min-height: 117px;
        padding: 20px
    }

    .product-step-item>div {
        display: block
    }

    .product-step-name {
        width: calc(100% - 150px);
        padding-right: 30px
    }

    .product-step-price {
        position: absolute;
        bottom: 80px;
        right: 20px;
        width: 150px;
        height: 22px;
        padding: 0 0 0 40px;
        text-align: right
    }

    .product-step-price:before {
        content: "金額：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 300;
        color: #888;
        line-height: 22px
    }

    .product-step-count {
        position: absolute;
        bottom: 50px;
        right: 20px;
        width: 150px;
        height: 22px;
        padding: 0 0 0 40px;
        text-align: right
    }

    .product-step-count:before {
        content: "數量：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 400;
        color: #888;
        line-height: 22px
    }

    .product-step-tprice {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 150px;
        height: 22px;
        padding: 0 0 0 40px
    }

    .product-step-tprice:before {
        content: "小計：";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: 400;
        color: #888;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .shop-step-container {
        width: 100%
    }

    .shop-step-container>div p {
        font-size: 13px
    }

    .shop-step-container .circle {
        margin-bottom: 10px
    }

    .check-main-title {
        padding: 20px 10px;
        text-align: center
    }

    .check-main-title .title {
        display: inline-block;
        margin-bottom: 10px
    }

    .check-main-title .warning:before {
        display: none
    }

    .check-product-item {
        padding: 20px 10px 117px
    }

    .check-product-pic {
        width: 80px;
        margin-right: 10px
    }

    .check-product-name {
        width: calc(100% - 90px);
        padding: 0
    }

    .check-product-name a {
        width: calc(100% - 20px)
    }

    .check-product-del {
        top: 20px;
        right: 10px
    }

    .check-product-price {
        bottom: 80px;
        right: 10px
    }

    .check-product-count {
        bottom: 50px;
        right: 10px
    }

    .check-product-tprice {
        bottom: 20px;
        right: 10px
    }

    .check-freight {
        margin-top: 70px
    }

    .check-freight-change {
        top: -50px;
        right: 0
    }

    .check-freight-total {
        margin-bottom: 20px
    }

    .freight-select-title {
        display: none !important
    }

    .freight-select-radio {
        width: 100%
    }

    .check-freight-list:before,
    .check-freight-list:after {
        content: "";
        display: block;
        clear: both
    }

    .freight-item-title {
        width: calc(100% - 90px)
    }

    .freight-item-count {
        text-align: right
    }

    .check-freight-item {
        padding: 0 10px
    }

    .check-freight-item.total {
        padding-bottom: 20px
    }

    .check-freight-item:not(.total) .freight-item-count {
        padding-right: 17px
    }

    .check-freight-item.tprice {
        position: relative;
        bottom: auto;
        right: auto;
        width: 160px;
        height: auto;
        padding: 0 10px 20px 40px;
        float: right
    }

    .check-form:not(.check-gift):not(.check-payment) {
        padding: 20px 10px
    }

    .check-form .input-box.type_1:not(.check-credit):not(.other_address):not(.overseas_address):not(.check-credit-verification) {
        width: 100%;
        margin-left: 0 !important
    }

    .check-form .select-box.type_1 {
        display: block;
        width: 100%;
        margin: 10px 0 20px
    }

    .check-form .select-box.type_2 {
        display: block;
        width: 100%;
        margin: 10px 0 0
    }

    .check-form .input-box.type_1.other_address,
    .check-form .input-box.type_1.overseas_address {
        display: block;
        width: 100%;
        margin: 10px 0
    }

    .address-select label:not(.add_address) {
        margin: 0
    }

    .address-select label.add_address {
        margin: 0
    }

    .product-step-item {
        padding: 20px 10px
    }

    .product-step-item.product-step-item--title {
        min-height: auto;
        padding: 10px
    }

    .product-step-price,
    .product-step-count,
    .product-step-tprice {
        right: 10px
    }

    .check-gift-title {
        padding: 20px 10px
    }

    .check-gift-address {
        padding: 0 10px
    }

    .check-payment-title {
        width: 100%;
        padding: 0 10px;
        text-align: left;
        border-bottom: #eee 1px solid
    }

    .check-payment-radio {
        display: block;
        width: 100%;
        height: auto
    }

    .check-payment-radio label {
        display: block;
        width: 100%;
        border-bottom: #eee 1px solid
    }

    .check-payment-radio label:last-child {
        border: none
    }

    .check-payment-einnumber {
        padding: 20px 10px
    }

    .check-payment-einnumber .input-box:nth-child(1) {
        margin-bottom: 20px
    }

    .check-total.tfooter.step2>div:first-child {
        padding-left: 10px
    }

    .check-total.tfooter.step2>div:last-child {
        padding-top: 14px;
        padding-right: 10px
    }

    .check-total.tfooter.step2>div:last-child>span {
        display: block;
        width: 100%;
        text-align: right
    }

    .select-box.type_2.check-credit:first-child {
        margin: 0 0 20px
    }

    .shopping-success-bottom,
    .shopping-fail-bottom {
        padding: 20px 10px
    }

    .shopping-success-block,
    .shopping-fail-block {
        padding: 50px 10px
    }
}

@media (max-width: 479px) {

    .shop-step-container>div .dots:nth-child(1),
    .shop-step-container>div .dots:nth-child(3) {
        display: none
    }

    .freight-select-radio label {
        width: 100%
    }

    .freight-select-radio label .radio-box {
        width: 36px;
        margin-right: -10px;
        background-color: transparent
    }

    .freight-select-radio .radio-text {
        display: inline-block;
        padding-right: 0
    }

    .freight-select-radio .radio-text:after {
        padding-left: 5px;
        font-size: 12px
    }

    .check-step1-total {
        padding-top: 87px
    }

    .tfooter-equal:before {
        width: 100%
    }

    .tfooter>div.tfooter-caption {
        width: calc(100% - 20px);
        text-align: right
    }

    .product-step-name {
        width: 100%;
        padding: 0
    }

    .product-step-item {
        min-height: none;
        padding: 20px 10px 117px
    }

    .check-total.tfooter.step2 {
        padding: 20px 10px
    }

    .check-total.tfooter.step2>div:first-child {
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 30px;
        text-align: right
    }

    .check-total.tfooter.step2>div:first-child h6 {
        line-height: 1
    }

    .check-total.tfooter.step2>div:last-child {
        width: 100%;
        height: auto;
        padding: 0
    }

    .check-payment-radio label .radio-box {
        width: 36px;
        margin-right: -10px;
        background-color: transparent
    }

    .check-payment-radio .radio-text {
        display: inline-block;
        padding-right: 0
    }

    .shopping-success-block .more-content a,
    .shopping-fail-block .more-content a {
        display: block;
        width: 150px;
        margin: 0 auto
    }

    .shopping-success-block .more-content a:first-child,
    .shopping-fail-block .more-content a:first-child {
        margin-bottom: 20px
    }

    .shopping-success-block .thanks,
    .shopping-fail-block .thanks {
        font-size: 20px
    }

    .words {
        font-size: 20px;
    }

    .links {
        font-size: 16px;
    }
}

.check-product-error {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 110px);
    height: 100%;
    background-color: rgba(252, 252, 252, .85)
}

.check-product-error p {
    position: absolute;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 1.7;
    color: red;
    text-align: center
}

@media (max-width: 991px) {
    .check-product-error {
        width: 100%;
        z-index: 1
    }
}

.snapmsg {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    width: 100%;
    height: calc(100vh - 195px)
}

.snapmsg img {
    width: 100%;
    max-width: 300px
}

@media (max-width: 991px) {
    .snapmsg {
        height: calc(100vh - 115px)
    }
}

@media (max-width: 575px) {
    .snapmsg {
        height: calc(100vh - 105px)
    }
}

.searchitem .gsc-adBlock {
    display: none
}

.searchitem .gcsc-branding {
    display: none
}

.searchitem .gsc-control-cse.gsc-control-cse-zh_TW {
    padding: 0
}

.searchitem .gsc-webResult.gsc-result {
    padding: 0
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    padding-bottom: 55px;
    border-bottom: none
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-image: url(/lazyweb/web/img/not-find.png);
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result::after {
    content: "找不到相關結果,不妨換個關鍵字吧:)";
    display: block;
    font-size: 25px;
    font-weight: 500;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', Arial;
    line-height: 1.5;
    color: #FF7F50
}

@media (max-width: 575px) {
    .searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result {
        display: block;
        text-align: center
    }

    .searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result::before {
        margin: 0 auto 10px
    }

    .searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result::after {
        font-size: 18px
    }
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result.gs-no-results-result .gs-snippet {
    display: none
}

.searchitem .gsc-results>.gsc-webResult.gsc-result:nth-child(2) {
    margin-top: 0
}

.searchitem .gsc-webResult.gsc-result {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 20px;
    border: none
}

.searchitem .gsc-webResult.gsc-result:hover {
    border: none
}

.searchitem .gsc-webResult.gsc-result .gsc-thumbnail-inside {
    padding: 0
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result {
    width: 100%;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result div.gs-title {
    height: auto
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result a.gs-title {
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #333
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result a.gs-title:hover {
    color: #e52020
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result a.gs-title b {
    font-weight: 700;
    text-decoration: none;
    color: red;
    background-color: #ff0
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result a.gs-title:hover b {
    color: red
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gsc-url-top {
    display: none
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
    width: auto;
    height: auto
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-web-image-box-landscape img.gs-image,
.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-web-image-box-portrait img.gs-image {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    border: 0
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-bidi-start-align.gs-snippet {
    max-height: 6.8em;
    font-size: 14px;
    line-height: 1.7;
    color: #777;
    overflow: hidden
}

@media (max-width: 575px) {

    .searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-image-box.gs-web-image-box.gs-web-image-box-landscape,
    .searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
        width: 110px;
        height: auto
    }

    .searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-bidi-start-align.gs-snippet {
        max-height: 5.1em
    }
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-bidi-start-align.gs-snippet b {
    font-weight: 700;
    color: red;
    background-color: #ff0
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-bidi-start-align.gs-snippet b:nth-child(1) {
    font-weight: 400;
    color: #777;
    background-color: transparent
}

.searchitem .gsc-expansionArea .gsc-cursor-box {
    margin: 15px 0 0
}

.searchitem .gsc-expansionArea .gsc-cursor-box .gsc-cursor-page {
    font-size: 14px;
    line-height: 1;
    color: #999
}

.searchitem .gsc-expansionArea .gsc-cursor-box .gsc-cursor-current-page {
    color: #e52020
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    margin-right: 15px !important
}

.searchresultwrap__filterbox .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 10px
}

.searchresultwrap__filterbox .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(41, 63, 84, 0.3)
}

.searchresultwrap__filterbox .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail {
    background-color: rgba(41, 63, 84, 0.1)
}

@media (min-width:576px) {
    .article__pagetitle-mobile {
        display: none
    }
}

@media (max-width:575px) {
    .article__pagetitle-pc {
        display: none
    }

    #page-title.article__pagetitle-mobile.page-title-pdtop535 {
        height: 115vw;
        max-height: 500px
    }
}

#content.video__content {
    padding: 0;
    border: none
}

.video__recommend {
    margin: 0 !important;
    background-color: #282828;
    border-color: rgba(255, 255, 255, .1)
}

.video__recommend .slick-dotted.slick-slider {
    margin-bottom: 0
}

.video__recommend .slick-dots {
    display: none !important
}

.video__facebook {
    padding: 50px 0
}

.check-product-name a {
    margin: 0
}

.product__type {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 10px
}

.product__type-title {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 5px
}

.product__type-title span {
    color: #e42020
}

.product__type-radio {
    display: none
}

.product__type-label {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #474747;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 18px
}

.product__type-label::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.product__type-label::after {
    content: '';
    display: none;
    position: absolute;
    top: 7px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #474747
}

.product__type-label img {
    margin-left: 7px
}

.product__type-radio:checked+.product__type-label::after {
    display: block
}

@media (max-width:575px) {
    .check-product-item>div.check-product-pic {
        display: none
    }

    .check-product-name {
        width: 100%
    }
}

.article__source-title {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .05em;
    text-align: left;
    padding-bottom: 8px;
    margin: 25px 0;
    border-bottom: 1px solid #dcdddd
}

.article__source {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.article__source-img {
    width: 162px;
    height: auto
}

.article__source-content {
    position: relative;
    width: calc(100% - 162px);
    text-align: left;
    padding-left: 20px
}

.sourcetitle {
    color: #333;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .05em;
    margin: 0
}

#content .sourcedate {
    color: #888;
    font-size: 15px;
    font-weight: 400;
    line-height: 1 !important;
    margin: 10px 0 0
}

#content .sourcetext {
    max-height: 5.6em;
    color: #555;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4 !important;
    margin: 5px 0 0;
    overflow: hidden
}

.article__source-content .common__btnbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 0
}

.common__btnbox-btn {
    display: block;
    width: 125px;
    height: 32px;
    border-radius: 3px;
    margin-left: 4px;
    -webkit-transition: color .4s ease, background-color .4s ease, border-color .4s ease;
    -moz-transition: color .4s ease, background-color .4s ease, border-color .4s ease;
    transition: color .4s ease, background-color .4s ease, border-color .4s ease
}

.common__btnbox-btn:first-child {
    margin: 0
}

.common__btnbox-track {
    color: #e52020;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e52020
}

.common__btnbox-track:hover {
    color: #fff;
    background-color: #e52020
}

.common__btnbox-cart {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    background-color: #e52020;
    border: 1px solid #e52020
}

.common__btnbox-cart:hover {
    color: #fff;
    background-color: #444;
    border-color: #444
}

@media (max-width:767px) {
    .article__source {
        flex-direction: column;
        align-items: center
    }

    .article__source-content .common__btnbox {
        justify-content: center;
        padding: 0;
        margin: 10px 0 0
    }

    .article__source-content {
        width: 100%;
        text-align: center;
        padding: 20px 0 0
    }
}

@media (min-width:576px) {
    .pagetitle__mobile {
        display: none
    }
}

@media (max-width:575px) {
    .pagetitle__mobile {
        margin-bottom: 20px
    }

    .pagetitle__mobile-titlebox {
        padding: 15px
    }

    .pagetitle__mobile-title {
        color: #333;
        line-height: 1.2;
        margin: 0 0 10px
    }

    .pagetitle__mobile-infobox {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .pagetitle__mobile-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-family: 微軟正黑體修正, 微軟正黑體;
        color: #333;
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 0 15px
    }

    .pagetitle__mobile-info::before {
        content: attr(data-text);
        display: block;
        color: #aaa
    }

    .pagetitle__mobile-info:first-child {
        margin: 0
    }
}

.favorite-article__theader-source {
    width: 160px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.favorite-article__td-source {
    width: 160px;
    text-align: center
}

@media (max-width:767px) {
    .favorite-article__theader-source {
        display: none
    }

    .favorite-article__td-source {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        font-size: 15px;
        font-weight: 700;
        color: #555
    }

    .favorite-article__td-source::before {
        content: "" attr(data-theader) "：";
        font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial
    }
}

.filter li a.active {
    color: #FFF;
    background-color: #e52020;
    border-right-color: #FFF
}

.article__pagetitlebox-pc {
    text-align: center;
    padding: 30px 0
}

.article__pagetitlebox-title {
    color: #333;
    font-size: 40px;
    line-height: 1.2
}

.article__pagetitlebox-infobox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0
}

.article__pagetitlebox-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0 10px
}

.article__pagetitlebox-info::before {
    content: attr(data-text);
    color: #aaa
}

.article__pagetitlebox-info:first-child {
    margin: 0
}

@media (max-width:575px) {
    .article__pagetitlebox-pc {
        display: none
    }
}

.post_content-url a {
    display: inline
}

.article__source-block {
    margin-bottom: 25px
}

#gotop {
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .3);
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 100px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

#gotop:hover {
    background-color: #e52020
}

.topheader__fb {
    display: none;
    position: absolute;
    top: 0;
    right: 50px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    color: #FFF;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__fb:before {
    content: "\f09a";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    line-height: 50px
}

.topheader__fb:hover {
    color: #FFF;
    text-shadow: 0 0 3px rgba(255, 255, 255, .3)
}

.topheader__lineat {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    color: #FFF;
    text-align: center;
    -webkit-transition: .3s all;
    transition: .3s all
}

.topheader__lineat:before {
    content: "";
    display: flex;
    width: 21px;
    height: 21px;
    background-image: url(/lazyweb/web/images/lineat.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: calc(50% - 11px);
    left: calc(50% - 11px)
}

.topheader__lineat:hover {
    color: #FFF;
    text-shadow: 0 0 3px rgba(255, 255, 255, .3)
}

.topheader__menu--over .topheader__lineat {
    right: 50px
}

.topheader__menu--over .topheader__fb {
    right: 100px
}

.topheader__menu--over {
    padding: 0 150px
}

.mobile-indexslider {
    display: none
}

.mobile-indexslider-item {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: flex-end;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.mobile-indexslider-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%)
}

.mobile-indexslider-item__content {
    width: 100%;
    text-align: left;
    max-width: 100%;
    padding: 20px 65px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.mobile-indexslider-item__tag {
    display: inline-block !important;
    padding: 3px 7px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    font-size: 15px !important;
    color: #fff !important;
    margin-bottom: 10px;
    background-color: #e52020
}

.mobile-indexslider-item__title {
    line-height: 1.3em !important;
    max-height: 2.6em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    margin-bottom: 0
}

.mobile-indexslider-item_text {
    font-size: 18px;
    width: 100%;
    max-width: 950px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    max-height: 6.8em;
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box
}

@media (max-width: 1023px) {
    .mobile-indexslider {
        display: block
    }

    .mobile-indexslider-item {
        height: 400px
    }
}

@media (max-width: 767px) {
    .mobile-indexslider-item__title {
        font-size: 25px
    }

    .mobile-indexslider-item_text {
        display: none
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .mobile-indexslider-item {
        height: 315px
    }
}


.mobile-indexslider-item {
    height: 200px
}

.mobile-indexslider .slick-prev {
    left: 0;
    border-radius: 0 3px 3px 0
}

.mobile-indexslider .slick-next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.mobile-indexslider .slick-next,
.mobile-indexslider .slick-prev {
    width: 52px;
    height: 52px;
    z-index: 1;
    font-size: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: calc(50% - 21px);
    transition: background-color .3s ease-in-out;
    background: rgba(0, 0, 0, .3)
}

.mobile-indexslider .slick-next:hover,
.mobile-indexslider .slick-prev:hover {
    background: rgba(0, 0, 0, .6)
}

.mobile-indexslider .slick-prev::before {
    content: "\e7a4";
    font-family: "font-icons";
    font-size: 34px;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-indexslider .slick-next::before {
    content: "\e7a5";
    font-family: "font-icons";
    font-size: 34px;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center
}

.topheader__menu--over {
    padding: 0
}

.latest {
    padding: 40px 0 15px 0;
}

.index__eventblock {
    text-align: center
}

.index__eventblock-last>* {
    display: inline-block;
    margin-bottom: 50px
}

.index__container {
    position: relative;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media (min-width:1366px) {

    .index__body .topbar__row,
    .index__body .topheader__topbar {
        max-width: 1330px
    }

    .index__container {
        max-width: 1330px
    }
}

@media (max-width:1365px) and (min-width:1200px) {

    .index__body .topbar__row,
    .index__body .topheader__topbar {
        max-width: 1170px
    }

    .index__container {
        max-width: 1170px
    }
}

@media (max-width:1199px) and (min-width:992px) {

    .index__body .topbar__row,
    .index__body .topheader__topbar {
        max-width: 950px
    }

    .index__container {
        max-width: 950px
    }
}

@media (max-width:991px) {

    .index__body .topbar__row,
    .index__body .topheader__topbar {
        max-width: none
    }
}

.latest__block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.latest__main {
    width: calc(100% - 540px)
}

.latest__slide {
    position: relative;
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.latest__slide::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%
}

.latest__slide::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    z-index: 1
}

.latest__slider .latest__slide {
    display: flex
}

.latest__slider .slick-arrow {
    width: 40px;
    height: 40px;
    z-index: 5;
    opacity: .7;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-repeat: no-repeat
}

.latest__slider .slick-arrow::before {
    display: none
}

.latest__slider .slick-arrow:hover {
    opacity: 1
}

.latest__slider .slick-prev {
    left: 0;
    background-position: 0 -159px
}

.latest__slider .slick-next {
    right: 0;
    background-position: 0 -199px
}

.latest__slide-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 2
}

.latest__slide-title {
    color: #fff;
    font-size: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.2
}

.latest__list {
    width: 255px;
    margin-left: 25px
}

.latest__titlebox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 15px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3
}

.latest__titlebox::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 120px;
    border-bottom: 1px solid #e52020
}

.latest__titlebox--noline {
    padding: 0
}

.latest__titlebox--noline::before {
    content: none
}

.latest__titlebox-icon {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 18px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-repeat: no-repeat
}

.latest__titlebox-icon-book {
    background-position: 0 0
}

.latest__titlebox-icon-tags {
    background-position: 0 -18px
}

.latest__titlebox-icon-msg {
    background-position: 0 -36px
}

.latest__title {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4
}

.latest__list__tab {
    display: flex
}

.latest__list__tab .latest__titlebox {
    width: 50%;
    cursor: pointer
}

.latest__list__tab .latest__titlebox::before {
    display: none
}

.latest__list__tab .latest__titlebox.active::before {
    display: block
}

.latest__list-itembox[data-type="hot_list"],
.latest__list-itembox[data-type="hotnews_list"] {
    display: none
}

.latest__more {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6
}

.latest__tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.latest__tab {
    position: relative;
    display: block;
    width: 120px;
    height: 44px;
    margin-bottom: -1px;
    color: #777;
    font-size: 20px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
    border: #e3e3e3 1px solid;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
    z-index: 1
}

.latest__tab:nth-child(n + 2) {
    margin-left: -1px
}

.latest__tab:hover {
    color: #333
}

.latest__tab--active {
    color: #333;
    border-bottom-color: #FFF;
    z-index: 2
}

.latest__tab--active::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: calc(100% + 2px);
    height: 4px;
    background-color: #e52020
}

.latest__list-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.latest__list-item:nth-child(n + 2) {
    margin-top: 33px
}

.latest__list-item:nth-child(n + 2)::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: calc(100% + 16px);
    width: 100%;
    border-top: 1px dashed #aaa
}

.latest__list-item span {
    width: 18px;
    height: 18px;
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    margin-top: 3px;
    background-color: #e52020
}

.latest__list-item h4 {
    width: calc(100% - 18px);
    max-height: 2.8em;
    color: #333;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.4;
    padding-left: 10px;
    overflow: hidden
}

.latest__side {
    position: relative;
    width: 240px;
    margin-left: 20px
}

.latest__side-tag {
    position: absolute;
    left: 23px;
    top: -5px;
    z-index: 2;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 15px;
    background-color: #e52020
}

.latest__side-slider {
    padding: 15px 20px;
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3
}

.latest__side-slider .slick-arrow {
    width: 18px;
    height: 18px;
    top: 19px;
    left: auto;
    z-index: 5;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
}

.latest__side-slider .slick-arrow::before {
    display: none
}

.latest__side-slider .slick-prev {
    right: 37px;
    background-position: 0 -239px
}

.latest__side-slider .slick-next {
    right: 20px;
    background-position: 0 -257px
}

.latest__side-slide {
    height: 100%;
    display: block
}

.latest__side-title {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 13px
}

.latest__side-img {
    width: 100%;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.latest__side-img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.latest__side-subtitle {
    max-height: 2.8em;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    line-height: 1.4;
    margin: 0 0 10px;
    overflow: hidden
}

.latest__side-slide hr {
    margin: 0
}

.latest__side-text {
    position: relative;
    max-height: 16em;
    color: #777;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 10px 0 0;
    overflow: hidden
}

.weekly__slider {
    padding: 50px 20px 15px;
    background-color: #f2f2f2
}

.weekly__slider .slick-arrow {
    top: 22px;
    z-index: 5;
    width: 18px;
    height: 18px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
}

.weekly__slider .slick-arrow::before {
    display: none
}

.weekly__slider .slick-prev {
    left: auto;
    right: 37px;
    background-position: 0 -239px
}

.weekly__slider .slick-next {
    left: auto;
    right: 20px;
    background-position: 0 -257px
}

.weekly__slide {
    height: 100%;
    display: block
}

.weekly__slide-img {
    width: 100%;
    margin-bottom: 10px
}

.weekly__slide-date {
    color: #989898;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.weekly__slide-title {
    max-height: 1.4em;
    color: #333;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 10px;
    overflow: hidden
}

.weekly__slide-text {
    max-height: 10.2em;
    color: #555;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    margin: 8px 0 0;
    overflow: hidden
}

.latest__side-more {
    display: block;
    color: #777;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
    background-color: #f2f2f2;
    margin-top: 5px
}

.latest__news-block {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.latest__news-block--open {
    height: auto;
    opacity: 1;
    overflow: visible
}

.latest__news-slide {
    display: flex;
    flex-wrap: wrap
}

.latest__news-slider.slick-dotted {
    margin: 0
}

.latest__news-slider .slick-dots {
    margin-top: 25px
}

.latest__news-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0
}

.latest__news-slider .slick-dots li:nth-child(n + 2) {
    margin-left: 14px
}

.latest__news-slider .slick-dots li button {
    width: auto;
    height: auto
}

.latest__news-slider .slick-dots li button::before {
    content: '';
    position: static;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ddd;
    border-radius: 50%;
    opacity: 1
}

.latest__news-slider .slick-dots li.slick-active button::before {
    background-color: #e52020
}

.latest__news-slider .latest__news-slide {
    display: flex
}

.latest__news-slider .slick-arrow {
    top: calc((100% - 46px) / 2 - 30px);
    width: 40px;
    height: 100px;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    z-index: 1;
    opacity: 0
}

.latest__news-slider:hover .slick-arrow {
    opacity: 1
}

.latest__news-slider .slick-arrow::before {
    content: none
}

.latest__news-slider .slick-prev {
    left: 0;
    background-image: url(/lazyweb/web/images/2018/news-arrow-left.png);
    -webkit-background-size: 16px 28px;
    -o-background-size: 16px 28px;
    background-size: 16px 28px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.latest__news-slider .slick-next {
    right: 0;
    background-image: url(/lazyweb/web/images/2018/news-arrow-right.png);
    -webkit-background-size: 16px 28px;
    -o-background-size: 16px 28px;
    background-size: 16px 28px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.latest__news-item {
    display: block;
    width: calc((100% - 24px) / 3);
    margin: 25px 12px 0 0
}

.latest__news-img {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.latest__news-img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.latest__news-img .tag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.latest__news-title {
    max-height: 2.6em;
    color: #333;
    font-size: 18px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 12px;
    overflow: hidden
}

.latest__article-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 18px 0;
    border-bottom: 1px solid #ddd
}

.latest__article-item:first-child {
    padding-top: 0
}

.latest__article-item:last-child {
    border: 0
}

.latest__article-item span {
    display: block;
    width: 18px;
    color: #777;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    font-style: italic;
    text-align: center;
    margin-top: 4px
}

.latest__article-item div {
    width: calc(100% - 18px);
    padding-left: 10px
}

.latest__article-item h4 {
    color: #555;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4
}

.latest__article-item p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #999;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 0
}

.latest__article-item p::before {
    content: '';
    display: block;
    width: 12px;
    height: 13px;
    margin-right: 5px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-position: 0 -54px;
    background-repeat: no-repeat
}

.indexdetail {
    width: calc(100% - 240px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 30px
}

.indexdetail__sold {
    width: 41%
}

.indexdetail__media {
    width: 53%
}

.indexdetail__media-slider .slick-arrow {
    top: 78px;
    width: 14px;
    height: 26px;
    z-index: 5;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-repeat: no-repeat
}

.indexdetail__media-slider .slick-arrow::before {
    display: none
}

.indexdetail__media-slider .slick-prev {
    left: 13px;
    background-position: 0 -275px
}

.indexdetail__media-slider .slick-next {
    right: 13px;
    background-position: 0 -301px
}

.indexdetail__media-slide {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.indexdetail__media-slide::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd
}

.indexdetail__media-slider .indexdetail__media-slide {
    display: flex
}

.indexdetail__media-item {
    display: block;
    width: calc(50% - 15px)
}

.indexdetail__media-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.indexdetail__media-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 75%
}

.indexdetail__media-type {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 10px
}

.indexdetail__media-title {
    max-height: 2.8em;
    color: #333;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 7px 0 10px;
    overflow: hidden
}

.indexdetail__media-list {
    position: relative;
    display: block;
    color: #333;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    padding: 10px 0 10px 20px;
    border-top: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.indexdetail__media-list::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    width: 8px;
    height: 10px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-position: 0 -149px;
    background-repeat: no-repeat
}

.indexdetail__media-list:last-child {
    border-bottom: 1px solid #ddd
}

.media__more-box {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.media__more {
    position: relative;
    color: #777;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-left: 16px
}

.media__more::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 11px;
    height: 11px;
    background-image: url(/lazyweb/web/images/index/pc/media_more.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.indexdetail__title {
    position: relative;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3
}

.indexdetail__title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: calc(50% - 80px);
    width: 160px;
    border-bottom: 1px solid #e52020
}

.sold__tabs {
    display: flex;
    flex-wrap: wrap
}

.sold__tab {
    width: 33.3333%;
    display: block;
    color: #777;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    background-color: #f7f7f7;
    border: 1px solid #ddd
}

.sold__tab:hover,
.sold__tab:active {
    color: #555 !important
}

.sold__tab:nth-child(n + 2) {
    border-left-color: transparent
}

.sold__tab--active {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

.sold__tab--active:hover,
.sold__tab--active:active {
    color: #FFF !important
}

.sold__wrap {
    margin-top: 20px
}

.sold__block {
    height: 0;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    justify-content: space-between;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.sold__block--open {
    height: auto;
    opacity: 1;
    overflow: visible
}

.sold__block-item {
    position: relative;
    width: calc((100% - 30px) / 2);
    padding-bottom: 47px
}

.sold__block-slider {
    width: 100%
}

.sold__block-slider>.sold__block-img:nth-child(n + 2) {
    display: none
}

.sold__block-slider .slick-arrow {
    z-index: 5;
    width: 18px;
    height: 18px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-color: #FFF;
    background-size: 50px 500px;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
}

.sold__block-slider .slick-arrow::before {
    display: none
}

.sold__block-slider .slick-prev {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    background-position: 0 -239px
}

.sold__block-slider .slick-next {
    top: auto;
    right: auto;
    left: 17px;
    bottom: 0;
    background-position: 0 -257px
}

.sold__block-img {
    display: block;
    width: 100%;
    -webkit-box-shadow: 2px 3px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 2px 3px 1px rgba(0, 0, 0, .1);
    background-color: #FFF;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.sold__block-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 130%
}

.sold__block-date {
    color: #555;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0
}

.sold__block-title {
    max-height: 1.2em;
    color: #333;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
    overflow: hidden
}

.sold__block-links {
    margin-top: 7px
}

.sold__block-link {
    max-height: 1.7em;
    position: relative;
    display: block;
    color: #777;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    padding-left: 16px;
    overflow: hidden
}

.sold__block-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6.5px;
    width: 6px;
    height: 10px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-position: 0 -87px;
    background-repeat: no-repeat
}

.sold__btns {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%
}

.sold__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: 8px 0;
    border: 1px solid #e52020
}

.sold__btn::before {
    content: '';
    display: block;
    width: 15px;
    height: 13px;
    margin-right: 5px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-repeat: no-repeat
}

.sold__btn-buy {
    color: #fff;
    background-color: #e52020
}

.sold__btn-buy:hover,
.sold__btn-buy:active {
    color: #FFF !important;
    opacity: .9
}

.sold__btn-buy::before {
    background-position: 0 -97px
}

.sold__btn-subscription {
    color: #e52020;
    background-color: #fff
}

.sold__btn-subscription:hover,
.sold__btn-subscription:active {
    color: #e52020 !important;
    opacity: .9
}

.sold__btn-subscription::before {
    background-position: 0 -136px
}

.eventnews {
    width: 240px
}

.eventnews__top {
    width: 100%;
    display: flex
}

.eventnews__bottom {
    width: 100%
}

.eventnews__tab-btn {
    display: block;
    width: 50%;
    margin-bottom: -1px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    line-height: 40px;
    text-align: center;
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    background-color: #eee;
    -webkit-transition: .4s color;
    -moz-transition: .4s color;
    -ms-transition: .4s color;
    -o-transition: .4s color;
    transition: .4s color;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.eventnews__tab-btn:frist-child {
    border-right-width: 0
}

.eventnews__tab-btn:last-child {
    border-left-width: 0
}

.eventnews__tab-btn:hover {
    color: #777
}

.eventnews__tab-btn--active {
    font-size: 20px;
    font-weight: 700;
    color: #e52020;
    border-style: solid;
    border-color: #ddd #ddd #fff;
    border-width: 1px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.eventnews__tab-btn--active:hover {
    color: #e52020
}

.eventnews__tab-block {
    display: none;
    width: 100%
}

.eventnews__tab-block--active {
    display: block
}

.eventnews__listbox {
    padding: 15px 18px;
    border: 1px solid #ddd
}

.eventnews__list {
    position: relative;
    display: block
}

.eventnews__list:nth-child(n + 2) {
    margin-top: 37px
}

.eventnews__list:nth-child(n + 2)::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 18px);
    left: 0;
    width: 100%;
    border-top: 1px dashed #aaa
}

.eventnews__list-title {
    max-height: 2.6em;
    color: #555;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    overflow: hidden
}

.eventnews__list-date {
    display: flex;
    align-items: center;
    color: #999;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 10px 0 0
}

.eventnews__list-date::before {
    content: '';
    display: block;
    width: 12px;
    height: 13px;
    margin-right: 5px;
    background-image: url(/lazyweb/web/images/index/pc/index_icons.png);
    background-size: 50px 500px;
    background-position: 0 -54px;
    background-repeat: no-repeat
}

.more__btn-box {
    width: 100%;
    margin-top: 10px
}

.more__btn {
    display: block;
    color: #999;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-transition: color .4s ease, border-color .4s ease;
    -moz-transition: color .4s ease, border-color .4s ease;
    transition: color .4s ease, border-color .4s ease
}

@media (max-width:1365px) {
    .sold__block-item {
        padding-bottom: 84px
    }

    .sold__btns {
        flex-wrap: wrap
    }

    .sold__btn {
        width: 100%
    }
}

@media (min-width:1200px) {
    .latest__news-item {
        width: calc((100% - 24px) / 3);
        margin: 25px 12px 0 0
    }

    .latest__news-item:nth-child(-n + 3) {
        margin-top: 0
    }

    .latest__news-item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width:1199px) {
    .latest__main {
        width: 100%;
        margin-bottom: 30px
    }

    .latest__news-slider .slick-dots {
        margin-bottom: 15px
    }

    .latest__list {
        width: calc(100% - 260px);
        margin: 0
    }

    .latest__news-item {
        width: calc((100% - 12px) / 2);
        margin: 20px 12px 0 0
    }

    .latest__news-item:nth-child(-n + 2) {
        margin-top: 0
    }

    .latest__news-item:nth-child(2n) {
        margin-right: 0
    }

    .indexdetail {
        width: 100%;
        padding: 0 0 30px
    }

    .eventnews {
        width: 100%
    }
}

@media (max-width: 767px) {
    .latest__list {
        width: 100%;
        margin-bottom: 30px
    }

    .latest__side {
        width: 100%;
        margin-left: 0
    }

    .indexdetail__sold {
        width: 100%;
        margin-bottom: 30px
    }

    .indexdetail__media {
        width: 100%
    }
}

.gsc-control-cse .gsc-table-result {
    margin-top: -35px;
    overflow: auto
}

.gsc-result .gs-title {
    padding-left: 170px
}

.gsc-table-cell-snippet-close {
    width: auto !important;
    padding-top: 30px !important
}

div.gsc-table-cell-snippet-close {
    padding-left: 170px !important
}

@media (max-width:575px) {
    div.gsc-table-cell-snippet-close {
        padding-left: 120px !important
    }
}

.gsc-control-cse {
    padding: 0 !important
}

.gsc-result-info {
    font-family: 'Lato', '微軟正黑體';
    color: #999 !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.7;
    padding: 0 !important
}

.gsc-above-wrapper-area {
    padding: 0 !important;
    border: 0 !important
}

.gsc-table-cell-thumbnail {
    width: 170px;
    display: block !important;
    padding-right: 25px
}

.gsc-table-cell-snippet-close div.gs-title {
    display: none !important
}

.gsc-orderby-label {
    font-family: 'Noto Sans TC', '微軟正黑體修正', '微軟正黑體' !important;
    color: #999 !important;
    font-size: 16px !important
}

.gsc-url-bottom {
    display: block !important
}

.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
    width: auto !important
}

@media (max-width:575px) {
    .gsc-table-cell-thumbnail {
        width: 120px;
        padding-right: 10px
    }

    .gsc-result .gs-title {
        padding-left: 120px
    }
}

.gs-webResult div.gs-visibleUrl {
    color: #ccc !important
}

.searchitem .gsc-option-menu-container .gsc-selected-option {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400;
    white-space: nowrap
}

.searchitem .gsc-option-menu-container .gsc-option {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 400
}

.member__notice {
    position: relative;
    color: #dc1121;
    font-size: 16px;
    line-height: 1.5;
    padding: 12px 15px 12px 44px;
    margin-bottom: 40px;
    border: 1px solid #dc1121;
    border-left: 6px solid #dc1121
}

.member__notice::before {
    content: '';
    position: absolute;
    left: 15px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background-image: url(../images/member_notice.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width:575px) {
    .member__notice {
        margin-bottom: 20px
    }

    .order-content-box .content {
        width: 100%
    }

    .order-content-box .imgbox {
        margin: 0 0 10px
    }

    .order-content-box {
        width: 100%;
        text-align: center;
        padding-bottom: 0
    }

    .order-content-box .imgbox {
        float: none
    }

    .order-button-box {
        width: 100%
    }

    .order-content-box .content .title,
    .order-content-box .content p {
        text-align: center
    }
}

.gs-webResult div.gs-visibleUrl-long {
    width: 100%
}

.searchitem .gsc-webResult.gsc-result .gs-webResult.gs-result .gs-bidi-start-align.gs-snippet {
    width: 100%
}

.gsc-table-cell-thumbnail {
    float: left
}

.advancedsearch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px
}

.advancedsearch p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin: 0
}

.advancedsearch select {
    width: 200px;
    height: 30px;
    color: #555;
    font-size: 16px;
    padding: 0 3px;
    border: 1px solid #555
}

.member__pagetitle {
    position: relative;
    height: 230px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__pagetitle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.member__wrap {
    padding: 0 0 50px;
    background-color: #f7f7f7
}

.member__main {
    position: relative;
    z-index: 2;
    margin-top: -230px
}

.member__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0
}

.member__user {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.member__user-img {
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__user-content {
    padding-left: 15px
}

.member__user-content h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 5px
}

.member__user-content p {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #999;
    font-size: 16px;
    line-height: 1.2;
    margin: 0
}

.member__upgrade {
    position: relative;
    display: block;
    color: #fff;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 16px;
    line-height: 1.25;
    padding: 8px 10px 8px 32px;
    background-color: #e52020;
    border-radius: 3px
}

.member__upgrade::before {
    content: '';
    position: absolute;
    left: 10px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.member__upgrade:hover {
    color: #fff
}

.member__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.member__aside {
    width: 280px;
    padding: 30px 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 6px 3px rgba(189, 204, 212, .15);
    font-family: 微軟正黑體修正, 微軟正黑體
}

.member__box {
    width: calc(100% - 310px)
}

.member__box-item {
    margin-bottom: 20px;
    box-shadow: 0 0 5px rgba(189, 204, 212, .15);
    border-radius: 3px;
    overflow: hidden
}

.member__box-item:last-child {
    margin-bottom: 0
}

.member__aside-title {
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 15px 15px;
    margin: 0;
    border-bottom: 1px solid #eee
}

.member__nav {
    width: 100%
}

.member__nav-item {
    border-bottom: 1px solid #eee
}

.member__nav-btn {
    position: relative;
    display: block;
    color: #333;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 16px;
    line-height: 1.25;
    padding: 20px 40px
}

.member__nav-btn::before {
    content: '';
    position: absolute;
    left: 20px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-repeat: no-repeat
}

.member__nav-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: calc(50% - 15px);
    display: flex;
    align-items: center;
    justify-content: center
}

.member__nav-arrow::before {
    content: '';
    width: 6px;
    height: 10px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -134px;
    background-repeat: no-repeat
}

.member__nav-home::before {
    background-position: 0 -395px
}

.member__nav-edit::before {
    background-position: 0 -16px
}

.member__nav-record::before {
    background-position: 0 -32px
}

.member__nav-track::before {
    background-position: 0 -48px
}

.member__nav-history::before {
    background-position: 0 -64px
}

.member__nav-detail::before {
    background-position: 0 -80px
}

.member__nav-password::before {
    background-position: 0 -96px
}

.member__nav-logout::before {
    background-position: 0 -112px
}

.member__nav-coupon::before {
    background-position: 0 -412px
}

.submenu {
    display: none;
    padding: 0 50px
}

.submenu__btn {
    display: block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 17px;
    transition: color .4s
}

.submenu__btn:hover,
.submenu__btn--active {
    color: #333
}

.member__nav-item--active .member__nav-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #e52020
}

.member__nav-item--active .member__nav-arrow::before {
    width: 10px;
    height: 6px;
    background-position: 0 -128px
}

.member__nav-item--active .submenu {
    display: block
}

.member__blocks {
    display: flex;
    flex-wrap: wrap
}

.member__block {
    width: 25%;
    height: 155px;
    position: relative;
    text-align: center;
    background-color: #fff
}

.member__block::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background-color: #efefef
}

.member__block:nth-child(n + 2) {
    border-left: 1px solid #ddd
}

.member__block h4 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0
}

.member__block p {
    position: absolute;
    left: 0;
    bottom: 19px;
    z-index: 2;
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 16px;
    color: #767676;
    line-height: 1.2;
    margin: 0
}

.member__block div {
    width: 40px;
    height: 40px;
    position: absolute;
    left: calc(50% - 20px);
    bottom: 46px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.member__block div::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-repeat: no-repeat
}

.member__block:first-child div {
    background-color: #43b1aa
}

.member__block:first-child div::before {
    background-position: 0 -144px
}

.member__block:nth-child(2) div {
    background-color: #528bbb
}

.member__block:nth-child(2) div::before {
    background-position: 0 -166px
}

.member__block:nth-child(3) div {
    background-color: #ebae06
}

.member__block:nth-child(3) div::before {
    background-position: 0 -188px
}

.member__block:nth-child(4) div {
    background-color: #dc5858
}

.member__block:nth-child(4) div::before {
    background-position: 0 -210px
}

.member__buy {
    background-color: #fff
}

.member__buy-titlebox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #ddd
}

.member__buy-titlebox h4 {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    padding: 18px 0;
    position: relative
}

.member__buy-titlebox h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-top: 2px solid #e52020
}

.member__morebtn {
    position: relative;
    display: block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #aaa;
    font-size: 14px;
    line-height: 1.2;
    padding-right: 10px
}

.member__morebtn::after {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
    width: 7px;
    height: 7px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -232px;
    background-repeat: no-repeat
}

.member__buybox {
    padding: 20px
}

.member__buybox-empty {
    min-height: 120px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: #efefef;
    overflow: hidden
}

.member__buybox-empty p {
    position: relative;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 18px;
    line-height: 1;
    margin: 0
}

.member__buybox-empty::before {
    content: '';
    position: absolute;
    right: -6px;
    bottom: -10px;
    width: 120px;
    height: 114px;
    background-image: url(/lazyweb/web/images/2019_EC/buy_empty_icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__buy-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.member__buy-item:hover .member__buy-detail {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

.member__buy-item:nth-child(n + 2) {
    margin-top: 40px
}

.member__buy-item:nth-child(n + 2)::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 20px);
    left: 0;
    width: 100%;
    border-top: 1px dashed #ddd
}

.member__buy-imgbox {
    width: 120px;
    height: 120px;
    border: 1px solid #eee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__buy-content {
    width: calc(100% - 120px);
    padding-left: 15px
}

.member__buy-content h4 {
    font-family: 'Noto Sans TC', 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px
}

.member__buy-info p {
    font-family: 微軟正黑體修正, 微軟正黑體;
    display: inline-block;
    color: #777;
    font-size: 16px;
    line-height: 1.6875;
    margin: 0 15px 10px 0
}

.member__buy-info p:last-child {
    margin-right: 0
}

.member__buy-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.member__buy-order {
    width: calc(100% - 115px)
}

.member__buy-order p {
    display: inline-block;
    color: #444;
    font-size: 14px;
    line-height: 1;
    margin: 0 10px 0 0
}

.member__buy-order p:last-child {
    margin-right: 0
}

.member__buy-detail {
    width: 100px;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #aaa;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
    transition: color .4s, background-color .4s, border-color .4s
}

.member__box-slider.slick-dotted {
    margin: 0
}

.member__box-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: 20px;
    text-align: right;
    padding-right: 20px
}

.member__box-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0
}

.member__box-slider .slick-dots li:nth-child(n + 2) {
    margin-left: 5px
}

.member__box-slider .slick-dots li button {
    width: 14px;
    height: 14px;
    background-color: rgba(0, 0, 0, .4);
    border: 1px solid rgba(0, 0, 0, .8);
    border-radius: 50%
}

.member__box-slider .slick-dots li button::before {
    display: none
}

.member__box-slider .slick-dots li.slick-active button {
    background-color: #e52020;
    border-color: #e52020
}

.member__infobox {
    background-color: #fff;
    box-shadow: 0 0 6px 3px rgba(189, 204, 212, .15)
}

.member__infobox-item:nth-child(n + 2) {
    margin-top: 20px
}

.member__form {
    padding: 0 20px
}

.member__book-itembox+.member__form .member__formrow:first-child {
    border-top: 1px dashed #ddd
}

.member__formrow {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 1px dashed #ddd
}

.member__formrow:last-child {
    border: 0
}

.member__formrow-start {
    align-items: flex-start
}

.member__formrow-label {
    width: 110px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin: 0
}

.member__formrow-content {
    width: calc(100% - 110px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.member__formrow-input {
    width: 100%;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    padding: 0 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 2px
}

.member__formrow-input:focus {
    background-color: #fff
}

.member__formrow-input--short {
    max-width: 300px
}

.member__formrow-input--error {
    border-color: #c1272d
}

.member__formrow-input--addr {
    max-width: calc(100% - 90px)
}

@media (max-width: 575px) {
    .member__formrow-input--addr {
        max-width: none
    }
}

.member__formrow-input[readonly] {
    padding: 0;
    background-color: transparent;
    border-color: transparent
}

.member__picbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.member__pic {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__picbox-content {
    width: calc(100% - 120px);
    padding-left: 10px
}

.member__picbox-content label {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: underline
}

.member__picbox-content input {
    display: none
}

.member__picbox-content p {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #f15a24;
    font-size: 16px;
    line-height: 1.2;
    margin: 7px 0 0
}

.member__formrow-select {
    width: 100%;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    padding: 0 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 2px
}

.member__formrow-select:focus {
    background-color: #fff
}

.member__formrow-select--selected {
    color: #555
}

.member__formrow-select--long {
    max-width: 200px
}

.member__formrow-select--short {
    max-width: 150px
}

.member__formrow-select--addr {
    width: calc(50% - 5px);
    max-width: 220px;
    margin-bottom: 10px
}

.member__formrow-select--addr:nth-child(n + 2) {
    margin-left: 10px
}

.member__formrow-select--long+.member__formrow-input {
    max-width: calc(100% - 210px)
}

.member__checkbox {
    font-size: 0;
    padding: 0 20px
}

.member__checkboxrow {
    padding: 20px 0 0;
    border-bottom: 1px dashed #ddd
}

.member__checkbox-item {
    margin-bottom: 20px
}

.member__checkbox-item:hover input:not(:checked)~label::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 4px;
    width: 16px;
    height: 12px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -239px;
    opacity: .2
}

.member__checkboxrow-inline .member__checkbox-item {
    display: inline-block;
    margin-right: 20px
}

.member__checkboxrow-inline .member__checkbox-item:last-child {
    margin-right: 0
}

.member__checkbox-item input {
    display: none
}

.member__checkbox-item input:checked+label::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 4px;
    width: 16px;
    height: 12px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -239px
}

.member__checkbox-item label {
    position: relative;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 1.25;
    padding-left: 25px
}

.member__checkbox-item label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 2px
}

.member__address {
    padding: 0 20px
}

.member__address-item {
    padding: 15px 0;
    border-bottom: 1px dashed #ddd
}

.member__address-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.member__address-row h6 {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
    width: 110px
}

.member__address-box {
    width: calc(100% - 110px)
}

.member__address-box p {
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 27px;
    padding-right: 15px;
    margin: 0;
    position: relative
}

.member__address-row:nth-child(n + 2) {
    margin-top: 10px
}

.member__address-box p a {
    position: absolute;
    width: 9px;
    height: 10px;
    right: 0;
    top: calc(50% - 5px);
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -251px;
    background-repeat: no-repeat
}

.member__address-box div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.member__address-box div:nth-child(n + 2) {
    margin-top: 10px
}

.member__address-box .member__formrow-select--long+.member__formrow-input {
    max-width: calc(100% - 300px);
    margin-left: 10px
}

.member__address-add {
    width: 80px;
    margin-left: 10px;
    display: block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background-color: #1a1a1a;
    border-radius: 2px
}

.member__address-add:hover {
    color: #fff
}

@media (max-width: 575px) {
    .member__address-add {
        margin-top: 10px;
        margin-left: 0
    }
}

.member__infobox-bottom {
    font-size: 0;
    text-align: right;
    padding: 40px 20px 20px
}

.member__save {
    width: 160px;
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background-color: #0071bc;
    border-radius: 2px
}

.member__save:hover {
    color: #fff
}

.fixed__box {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 1000;
    width: 100%;
    font-size: 0;
    text-align: center
}

.fixed__box div {
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #fff;
    font-size: 16px;
    line-height: 1.6875;
    padding: 12px 15px;
    background-color: #31b34a;
    box-shadow: 0 0 10px rgba(49, 179, 74, .7)
}

.fixed__box div.error {
    background-color: #e52020;
    box-shadow: 0 0 10px rgba(229, 32, 32, .7)
}

.member__usercode {
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #c1272d;
    font-size: 12px;
    line-height: 1.2;
    margin: 3px 0 0
}

.member__upgradebtn-box {
    width: 100%;
    margin-top: 15px
}

.member__upgradebtn {
    width: 160px;
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background-color: #0071bc;
    border-radius: 2px
}

.member__upgradebtn:hover {
    color: #fff
}

.member__book {
    background-color: #fff;
    box-shadow: 0 0 6px 3px rgba(189, 204, 212, .15)
}

.member__search-btnbox {
    display: flex;
    justify-content: flex-end
}

.member__search-btnbox>div {
    position: relative
}

.member__search-btnbox>div>a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    background-color: #eee;
    border-radius: 3px
}

.member__search-btnbox>div>a::before {
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-repeat: no-repeat
}

.member__search-btnbox>div>a:hover,
.member__search-btnbox>div.member__search--open>a {
    color: #ccc;
    background-color: #333
}

.member__search-btnbox div:nth-child(n + 2) {
    margin-left: 10px
}

.member__search-keywords::before {
    background-position: 0 -261px
}

.member__search-keywords:hover::before,
.member__search--open .member__search-keywords::before {
    background-position: -14px -261px
}

.member__search-calendar::before {
    background-position: 0 -275px
}

.member__search-calendar:hover::before,
.member__search--open .member__search-calendar::before {
    background-position: -14px -275px
}

.member__book-itembox {
    padding: 0 20px
}

.member__book-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.member_item_img {
    width: auto;
}

.link-btn {
    background: #e52020;
    color: white;
    border-radius: 3px;
    /* position:absolute; */
    width: auto;
    padding: 8px;
    justify-content: center;
    font-size: 15px;
}

.link-btn:hover {
    opacity: 0.75;
    color: white;
}

.amount {
    margin-top: 40px;
}

.member__book-imgbox {
    width: 120px;
    text-align: center;
    padding: 5px;
    border: 1px solid #eee
}

.member__book-content {
    width: calc(100% - 120px);
    padding-left: 15px;
    position: relative
}

.member-content {
    width: 640px;
}

.member__book-content h4 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 5px
}

@media (min-width:768px) {
    .member__book-content h4 {
        height: 1.5em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.member__book-content h4 a:hover {
    color: #e52020
}

.member__book-content .infos {
    max-height: 3.375em;
    overflow: hidden;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 1.6875;
    /* margin: 0 0 40px */
}

.member__book-content .numbers {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #444;
    font-size: 14px;
    line-height: 1.9;
    padding-right: 110px;
    /* margin: 0 */
}

.member__book-content--inside .numbers {
    padding: 0
}

.member__book-content>span {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 30px;
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #aaa;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-transition: color .4s, background-color .4s, border-color .4s;
    -moz-transition: color .4s, background-color .4s, border-color .4s;
    transition: color .4s, background-color .4s, border-color .4s
}

.member__book-item:hover .member__book-content>span {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

.paging__box {
    padding: 20px;
    border-top: 1px solid #ddd
}

.paging {
    font-size: 0;
    text-align: right
}

.paging__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 14px;
    vertical-align: middle;
    background-color: #eee;
    border-radius: 2px
}

.paging__btn:hover,
.paging__btn--active {
    color: #fff;
    background-color: #333
}

.paging__btn:hover .paging__prev,
.paging__btn--active .paging__prev {
    background-position: 0 -296px
}

.paging__btn:hover .paging__next,
.paging__btn--active .paging__next {
    background-position: -4px -296px
}

.paging__btn:nth-child(n + 2) {
    margin-left: 8px
}

.paging__prev {
    width: 4px;
    height: 7px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -289px;
    background-repeat: no-repeat
}

.paging__next {
    width: 4px;
    height: 7px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: -4px -289px;
    background-repeat: no-repeat
}

.member__searcharea {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    display: none;
    flex-wrap: nowrap;
    align-items: center;
    padding: 15px;
    margin: 0;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px 3px rgba(189, 204, 212, .15)
}

.member__search--open .member__searcharea {
    display: flex
}

.member__searcharea-date {
    width: 120px;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #555;
    font-size: 14px;
    padding: 0 10px;
    background-color: #eee;
    border: 0;
    border-radius: 2px
}

.member__searcharea-date::placeholder {
    color: #aaa
}

.member__searcharea-date:focus {
    color: #333;
    background-color: #fff;
    border: 1px solid #333
}

.member__searcharea span {
    width: 20px;
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #444;
    font-size: 14px;
    text-align: center
}

.member__searcharea-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 30px;
    margin-left: 5px;
    background-color: #0071bc;
    border-radius: 2px
}

.member__searcharea-submit::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -303px;
    background-repeat: no-repeat
}

.member__searcharea-keyword {
    width: 200px;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #555;
    font-size: 14px;
    padding: 0 10px;
    background-color: #eee;
    border: 0;
    border-radius: 2px
}

.member__searcharea-keyword::placeholder {
    color: #aaa
}

.member__searcharea-keyword:focus {
    color: #333;
    background-color: #fff;
    border: 1px solid #333
}

.member__search-itembox {
    font-size: 0;
    padding: 20px 0 10px;
    margin: 0 20px;
    border-bottom: 1px dashed #ddd
}

.member__search-item {
    position: relative;
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding: 0 30px 0 25px;
    margin: 0 10px 10px 0;
    background-color: #0071bc;
    border-radius: 15px
}

.member__search-item a {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: 10px;
    top: calc(50% - 4px);
    z-index: 2;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -331px;
    background-repeat: no-repeat
}

.member__search-item:last-child {
    margin-right: 0
}

.member__search-item--search::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 10px;
    top: calc(50% - 6px);
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -319px;
    background-repeat: no-repeat
}

.member__search-item--time::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 10px;
    top: calc(50% - 6px);
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -339px;
    background-repeat: no-repeat
}

.member__returnbox {
    text-align: right;
    padding: 20px;
    border-top: 1px dashed #ddd
}

.member__return {
    display: inline-block;
    width: 100px;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #aaa;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-transition: color .4s, background-color .4s, border-color .4s;
    -moz-transition: color .4s, background-color .4s, border-color .4s;
    transition: color .4s, background-color .4s, border-color .4s
}

.member__return:hover {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

.member__class-imgbox {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ddd
}

.member__lecture-imgbox {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ddd
}

.member__subscription-imgbox {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    position: relative;
    /* top:-50px; */
}

.member__article-imgbox {
    width: 120px;
    height: 90px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #ddd
}

.member__article-imgbox+.member__book-content .infos {
    margin: 0 0 10px
}

.member__article-del {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #aaa;
    border-radius: 3px
}

.member__article-del::before {
    content: '';
    display: block;
    width: 12px;
    height: 14px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -351px;
    background-repeat: no-repeat
}

.member__article-del:hover {
    background-color: #e52020;
    border-color: #e52020
}

.member__article-del:hover::before {
    background-position: -12px -351px
}

.member__book-content h4 span {
    display: inline-block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 12px !important;
    color: #fff;
    line-height: 18px;
    padding: 0 5px;
    margin: 0 5px 0 0
}

.record {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.record__main {
    width: calc(100% - 100px);
    padding-right: 20px
}

.record__title {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 1.6875;
    margin: 0
}

.record__num {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #444;
    font-size: 14px;
    line-height: 1.9;
    margin: 3px 0 0
}

.record__btnbox {
    width: 100px
}

.record__btn {
    display: block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #aaa;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-transition: color .4s, background-color .4s, border-color .4s;
    -moz-transition: color .4s, background-color .4s, border-color .4s;
    transition: color .4s, background-color .4s, border-color .4s
}

.record__btn:hover {
    color: #fff;
    background-color: #e52050;
    border-color: #e52020
}

.member__formrow-other {
    width: 100%;
    margin-top: 10px
}

.member__formrow-password {
    position: relative
}

.member__formrow-password input {
    padding-right: 30px
}

.member__formrow-password .icon {
    position: absolute;
    right: 10px;
    top: calc(50% - 6px);
    width: 16px;
    height: 12px;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -365px;
    background-repeat: no-repeat
}

.password__view.icon {
    background-position: 0 -377px
}

.form__error {
    display: none;
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #c1272d;
    font-size: 14px;
    line-height: 1.2;
    margin: 3px 0 0
}

.reward {
    padding: 50px 0
}

.reward__event {
    text-align: center;
    margin-bottom: 50px
}

.reward__itembox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    margin-bottom: 50px;
    background-color: #efefef;
    overflow: hidden
}

.reward__itembox::after {
    content: '';
    position: absolute;
    right: 30px;
    bottom: -20px;
    width: 100px;
    height: 100px;
    background-image: url(/lazyweb/web/images/2019_EC/reward_p_icon.png);
    background-size: cover;
    background-position: center;
    z-index: 1
}

.reward__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 30px;
    z-index: 2
}

.reward__item:first-child {
    width: 30%
}

.reward__item:nth-child(2) {
    width: 28%
}

.reward__item:nth-child(3) {
    width: 42%
}

.reward__item:nth-child(n + 2) {
    border-left: 1px solid #aaa
}

.reward__user {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.reward__userinfo {
    width: calc(100% - 90px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-left: 20px
}

.reward__userinfo h3 {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.reward__userinfo p {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-left: 5px;
    margin: 0
}

.reward__item-text {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 20px;
    line-height: 1;
    padding-left: 20px;
    margin: 0
}

.reward__item-text span,
.reward__item-text a {
    display: inline-block;
    color: #f15a24;
    font-weight: 400;
    margin-left: 30px
}

.reword__infomation-title {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd
}

.reword__infoitem {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 30px 0 50px;
    background-color: #f5f5f5;
    overflow: hidden
}

.reword__infoitem:nth-child(n + 2) {
    margin-top: 30px
}

.reword__infoitem-img {
    width: 270px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.reword__infoitem-img::before {
    content: '';
    display: block;
    padding-top: 66.67%
}

.reword__infoitem-content {
    width: calc(100% - 270px);
    padding: 0 100px 0 20px
}

.reword__infoitem-content h4 {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 10px
}

.reword__infoitem-text {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    max-height: 8em;
    overflow: hidden
}

.reword__infoitem-time {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #333;
    font-size: 18px;
    line-height: 1.8;
    margin: 0
}

.reword__infoitem-more {
    position: absolute;
    right: 30px;
    bottom: -20px;
    display: flex;
    align-items: center
}

.reword__infoitem-more::after {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin-left: 15px;
    background-image: url(/lazyweb/web/images/2019_EC/reward_arrow_icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.reword__infoitem-more span {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #999;
    font-size: 16px;
    line-height: 1.7
}

.reword__infoitem:hover .reword__infoitem-more::after {
    background-image: url(/lazyweb/web/images/2019_EC/reward_arrow_icon_hover.png)
}

.reword__infoitem:hover .reword__infoitem-more span {
    color: #e52020
}

.reward__event2 {
    text-align: center;
    margin-top: 50px
}

.reward__notlogin {
    margin-bottom: 50px
}

.reward__notlogin-title {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #555;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 35px
}

.reward__notlogin-btnbox {
    font-size: 0;
    text-align: center
}

.reward__notlogin-btn {
    width: 90px;
    height: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 50%;
    transition: background-color .4s
}

.reward__notlogin-btn:hover {
    background-color: #eee
}

.reward__notlogin-btn:nth-child(n + 2) {
    margin-left: 50px
}

.reward__notlogin-btn span {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8
}

.reward__notlogin-btn span::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    margin: 2px auto 0;
    background-color: #e52020
}

.rewardinside__main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 40px;
    margin-bottom: 35px;
    border-bottom: 1px solid #ddd
}

.rewardinside__banner {
    width: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.rewardinside__banner::before {
    content: '';
    display: block;
    padding-top: 66.67%
}

.rewardinside__content {
    width: calc(100% - 450px);
    padding-left: 30px
}

.rewardinside__titlebox {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd
}

.rewardinside__titlebox h2 {
    color: #333;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 35px
}

.rewardinside__titlebox p {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #777;
    font-size: 18px;
    line-height: 1.5;
    margin: 0
}

.rewardinside__titlebox p:nth-of-type(2) {
    margin-top: 5px
}

.rewardinside__description {
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #555;
    font-size: 16px;
    line-height: 1.6
}

.rewardinside__returnbox {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #ddd
}

.rewardinside__return {
    width: 160px;
    height: 40px;
    display: block;
    font-family: 微軟正黑體修正, 微軟正黑體;
    color: #aaa;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 2px
}

.rewardinside__return:hover {
    color: #fff;
    background-color: #e52020;
    border-color: #e52020
}

@media (max-width:991px) {
    .member__box {
        width: 100%
    }

    .member__wrap {
        padding: 0 0 40px
    }

    .reword__infoitem-content h4 {
        font-size: 20px
    }

    .reword__infoitem-text {
        max-height: 4.8em
    }

    .reword__infoitem-time {
        font-size: 14px;
        line-height: 1.6
    }

    .rewardinside__titlebox p {
        font-size: 15px
    }

    .rewardinside__description {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .member__formrow-start {
        padding: 10px 0
    }

    .member__formrow-content {
        width: 100%
    }

    .member__formrow-input--short {
        max-width: 100%
    }

    .member__block {
        width: 50%
    }

    .member__buy-item {
        align-items: center;
        flex-direction: column
    }

    .member__buy-content {
        width: 100%;
        text-align: center;
        padding: 10px 0 0
    }

    .member__buy-bottom {
        flex-direction: column
    }

    .member__buy-detail {
        margin-top: 10px
    }

    .member__buy-info {
        text-align: center
    }

    .member__address-box {
        width: 100%
    }

    .member__address-box .member__formrow-select--long+.member__formrow-input {
        max-width: calc(100% - 90px);
        margin-left: 0
    }

    .member__formrow-select--short {
        max-width: 200px
    }

    .member__address-box .member__formrow-select--long {
        margin-bottom: 10px
    }

    .member__infobox-bottom {
        padding: 20px
    }

    .member__formrow-select--long+.member__formrow-input {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .member__address-box .member__formrow-select--long+.member__formrow-input {
        max-width: none
    }
}

@media (max-width:991px) {
    .reward__user {
        display: none
    }

    .reward__userinfo {
        padding: 0
    }

    .reward__itembox {
        padding: 15px;
        margin-bottom: 30px
    }

    .reward__item {
        padding: 0
    }

    .reward__item:first-child {
        width: 100%
    }

    .reward__item:nth-child(2),
    .reward__item:nth-child(3) {
        width: 100%;
        margin-top: 15px;
        border: 0
    }

    .reward__item-text {
        padding: 0;
        font-size: 15px
    }

    .reward__event {
        margin-bottom: 30px
    }

    .reward__notlogin {
        margin-bottom: 30px
    }

    .reward__notlogin-title {
        margin-bottom: 25px
    }

    .reword__infoitem {
        align-items: center;
        flex-direction: column;
        padding: 20px
    }

    .reword__infoitem-content {
        width: 100%;
        text-align: center;
        padding: 15px 0 0
    }

    .reword__infoitem-text {
        margin-bottom: 10px
    }

    .reword__infoitem-more {
        position: static;
        margin-top: 10px
    }

    .reword__infoitem-more::after {
        display: none
    }

    .reword__infoitem-more span {
        font-weight: 700
    }

    .reward__event2 {
        margin-top: 30px
    }

    .rewardinside__main {
        display: block;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .rewardinside__banner {
        width: 100%
    }

    .rewardinside__content {
        width: 100%;
        padding: 20px 0 0
    }

    .rewardinside__titlebox h2 {
        font-size: 24px;
        margin: 0 0 20px
    }

    .rewardinside__returnbox {
        padding-top: 20px;
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .member__book-item {
        position: relative;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .member__subscription-imgbox {
        top: 0px;
    }

    .member__book-content {
        position: static;
        width: 100%;
        text-align: center;
        padding: 10px 0 0
    }

    .member__book-content .infos {
        margin: 0 0 10px
    }

    .member__book-content .numbers {
        padding: 0
    }

    .member__book-content>span {
        position: static;
        margin: 10px 0 0
    }

    .member__article-del {
        top: 0;
        right: 0
    }

    .paging {
        text-align: center
    }

    .member__formrow-password {
        width: 100%
    }
}

@media (max-width:575px) {
    .record {
        align-items: center;
        flex-direction: column
    }

    .record__main {
        width: 100%;
        text-align: center;
        padding: 0 0 10px
    }
}

.member__formrow-birth {
    width: 100%;
    max-width: 300px;
    position: relative
}

.member__formrow-birthicon {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 10px;
    top: calc(50% - 7px);
    pointer-events: none;
    background-image: url(/lazyweb/web/images/2019_EC/icons.png);
    background-size: 100px 1000px;
    background-position: 0 -275px;
    background-repeat: no-repeat
}

@media (max-width:991px) {
    .member__main {
        margin-top: -260px
    }

    .member__top {
        justify-content: center;
        min-height: 220px;
        padding: 0
    }

    .member__pagetitle {
        height: 260px
    }

    .member__aside {
        display: none;
        width: 100%;
        margin-bottom: 20px
    }

    .member__box-index .member__box-item:not(.member__events):not(.member__function) {
        display: none
    }

    .member__user-img {
        width: 80px;
        height: 80px;
        margin: 0 auto
    }

    .member__user-content {
        width: 100%;
        padding: 0;
        margin-top: 10px;
        text-align: center
    }

    .member__upgrade {
        display: none
    }
}

@media (max-width:767px) {
    .member__formrow-birth {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .member__box-slider.slick-initialized .slick-slide {
        padding: 0
    }
}

.overseas .member__formrow-select {
    display: none
}

.member__address-box .overseas .member__formrow-select--long+.member__formrow-input {
    max-width: calc(100% - 90px)
}

.feedback {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    width: 100%
}

.feedback__point {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100px;
    min-height: 80px;
    background-color: #f7f7f7
}

.feedback__point p:first-child {
    width: 100%;
    margin-bottom: 10px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #777;
    text-align: center
}

.feedback__point p:last-child {
    width: 100%;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #f15a24;
    text-align: center
}

.feedback__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: flex-start;
    width: calc(100% - 240px);
    margin: 10px 0
}

.feedback__btn {
    width: 100%;
    margin: 4px 0;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
    transition: color .3s
}

.feedback__btn:hover {
    color: #e52020
}

.feedback__time {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 110px;
    font-family: 微軟正黑體修正, 微軟正黑體;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #777;
    text-align: center;
    border-left: 1px solid #ddd
}

.feedback__time span {
    display: block
}

@media (max-width: 767px) {
    .feedback__point {
        width: 100%;
        height: 60px
    }

    .feedback__list {
        width: 100%;
        margin: 15px 0
    }

    .feedback__time {
        width: 100%;
        padding-top: 15px;
        border-left: none;
        border-top: 1px solid #ddd
    }

    .feedback__time span {
        display: inline;
        margin-left: 5px
    }
}

.member__function {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    background: #fff
}

@media (min-width: 992px) {
    .member__function {
        display: none
    }
}

.member__function-btn {
    display: block;
    width: 33.333%;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.member__function-btn:nth-child(3n) {
    border-right: none
}

.member__function-btn:nth-child(n + 7) {
    border-bottom: none
}

.member__function-btn img {
    max-width: 80px
}

.member__function-btn p {
    width: 100%;
    margin-top: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #555
}

.member__function-btn--notgeneral img {
    filter: grayscale(100%);
    opacity: .5
}

.member__function-btn--notgeneral p {
    color: #999
}

.member__top-function {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100px
}

.member__top-back {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/lazyweb/web/images/2019_EC/member_functionback.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__top-home {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/lazyweb/web/images/2019_EC/member_functionhome.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member__top-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center
}

@media (min-width: 992px) {
    .member__top-function {
        display: none
    }
}

@media (max-width: 991px) {
    .member__wrap--inside .member__user {
        display: none
    }

    .member__wrap--inside .member__buy-titlebox:not(.member__buy-titlebox--mb) {
        border-bottom: none
    }

    .member__wrap--inside .member__buy-titlebox:not(.member__buy-titlebox--mb) h4 {
        display: none
    }

    .member__search-btnbox {
        width: 100%;
        padding-top: 15px
    }

    .member__search-btnbox div {
        width: calc(50% - 5px)
    }

    .member__search-btnbox>div>a {
        padding: 10px 0
    }

    .member__search-keywords+.member__searcharea {
        left: 0;
        right: auto
    }

    .member__searcharea-keyword {
        width: 160px
    }

    .member__search--open .member__search-calendar+.member__searcharea {
        display: block
    }

    .member__searcharea span {
        display: block;
        width: 20px;
        margin: 0 auto;
        transform: rotate(90deg)
    }

    .member__search-calendar+.member__searcharea .member__searcharea-submit {
        width: 100%;
        margin: 10px 0 0
    }

    .member__wrap--inside .member__top {
        min-height: 100px
    }

    .member__wrap--inside .member__main {
        margin-top: -140px
    }

    .member__pagetitle.member__pagetitle--inside {
        height: 140px
    }
}

.member__mbcategory {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd
}

.member__mbcategory a {
    display: block;
    padding: 0;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
    color: #333;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px
}

.member__mbcategory--5 a {
    width: calc((100% - 40px) / 5)
}

.member__mbcategory--3 a {
    width: calc((100% - 20px) / 3)
}

.member__mbcategory--2 a {
    width: calc((100% - 10px) / 2)
}

@media (min-width: 992px) {
    .member__mbcategory {
        display: none
    }
}

.member__notice-box {
    width: 100%;
    padding: 0 20px;
    margin-top: 20px
}

.member__notice-box .member__notice {
    margin-top: 0
}

@media (max-width: 767px) {
    .member__formrow-select[name="complex_country_id"] {
        margin-bottom: 10px
    }
}

.cke_editable ul li {
    margin-left: 3em !important
}

.cke_editable ul {
    list-style: disc !important
}

.giveaway {
    width: 100%;
    margin-bottom: 40px;
    clear: both;
    float: none
}

.giveaway__title {
    width: 100%;
    padding: 6px 20px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #444;
    background-color: #eee;
    border: 1px solid #ddd
}

.giveaway__title span {
    font-weight: 700
}

@media (max-width: 991px) {
    .giveaway__title {
        font-size: 15px
    }
}

.giveaway__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    margin-top: 10px
}

@media (min-width: 992px) {
    .giveaway__item {
        width: calc((99.999% - 30px) / 6);
        padding: 7px;
        margin-right: 6px;
        background-color: #faf1e0
    }

    .giveaway__item:nth-child(n + 7) {
        margin-top: 10px
    }

    .giveaway__item:nth-child(6n) {
        margin-right: 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .giveaway__item {
        width: calc((100% - 18px) / 4);
        padding: 7px;
        margin-right: 6px;
        background-color: #faf1e0
    }

    .giveaway__item:nth-child(n + 5) {
        margin-top: 10px
    }

    .giveaway__item:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .giveaway__item {
        width: calc((99.999% - 12px) / 3);
        padding: 7px;
        margin-right: 6px;
        background-color: #faf1e0
    }

    .giveaway__item:nth-child(n + 4) {
        margin-top: 10px
    }

    .giveaway__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 575px) {
    .giveaway__item {
        width: calc((100% - 6px) / 2);
        padding: 7px;
        margin-right: 6px;
        background-color: #faf1e0
    }

    .giveaway__item:nth-child(n + 3) {
        margin-top: 10px
    }

    .giveaway__item:nth-child(2n) {
        margin-right: 0
    }
}

.giveaway__item.giveaway__item--active {
    background-color: #fae6be
}

.giveaway__item.giveaway__item--active .giveaway__checkbox p {
    color: #333
}

.giveaway__info {
    width: 100%;
    padding: 12px;
    background-color: #fff
}

.giveaway__info:hover .giveaway__name {
    color: #222
}

.giveaway__info:hover .giveaway__price {
    color: #ea5514
}

.giveaway__info:hover .giveaway__price::before {
    color: #777
}

.giveaway__img {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.giveaway__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.giveaway__name {
    width: 100%;
    max-height: 1em;
    margin: 12px 0 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    transition: color .3s;
    overflow: hidden
}

.giveaway__price {
    width: 100%;
    max-height: 1em;
    margin: 8px 0 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #ea5514;
    text-align: center;
    overflow: hidden
}

.giveaway__price::before {
    content: "市價 ";
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #777
}

.giveaway__nostock {
    width: 100%;
    padding: 15px 7px 8px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #777
}

.giveaway__checkbox {
    width: 100%;
    padding: 15px 7px 8px
}

.giveaway__checkbox label {
    display: block;
    width: 100%
}

.giveaway__checkbox input {
    display: none
}

.giveaway__checkbox p {
    position: relative;
    width: 100%;
    padding-left: 20px;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #777
}

.giveaway__checkbox p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    z-index: 1
}

.giveaway__checkbox p::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 15px;
    height: 15px;
    background-image: url(/lazyweb/web/img/2020/giveaway_check.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2
}

.giveaway__checkbox input:checked~p::after {
    display: block
}

.giveaway__lightbox {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    z-index: 999999
}

.giveaway__lightbox.giveaway__lightbox--active {
    display: block
}

.giveaway__lightbox.giveaway__lightbox--acting .giveaway__lightbox-overlay {
    opacity: 1
}

.giveaway__lightbox.giveaway__lightbox--acting .giveaway__lightbox-box {
    transform: scale(1);
    opacity: 1
}

.giveaway__lightbox-block {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 20px
}

.giveaway__lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s;
    z-index: 1
}

.giveaway__lightbox-box {
    position: relative;
    max-width: 100%;
    transform: scale(0);
    opacity: 0;
    transition: transform .3s, opacity .3s;
    z-index: 2
}

.giveaway__detail {
    max-width: 740px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.giveaway__detail-box {
    width: 100vw;
    max-width: 100%
}

.giveaway__detail-title {
    position: relative;
    width: 100%;
    padding: 7px 20px;
    position: relative;
    width: 100%;
    padding: 7px 45px 7px 20px;
    background-color: #eee
}

.giveaway__detail-title p {
    position: relative;
    width: 100%;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #444;
    z-index: 1
}

.giveaway__detail-title p span {
    font-weight: 700
}

.giveaway__detail-title a {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 15px;
    height: 15px;
    background-image: url(/lazyweb/web/img/2020/giveaway_close.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    z-index: 2
}

.giveaway__detail-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 25px 20px
}

.giveaway__detail-img {
    width: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.giveaway__detail-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.giveaway__detail-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    width: calc(100% - 120px)
}

.giveaway__detail-description {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: calc(100% - 140px)
}

.giveaway__detail-description p:nth-child(1) {
    width: 100%;
    margin: 0 0 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #555
}

.giveaway__detail-description p:nth-child(2) {
    width: 100%;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #777
}

.giveaway__detail-price {
    width: 120px
}

.giveaway__detail-price p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #ea5514;
    text-align: center
}

.giveaway__detail-price p::before {
    content: "市價";
    margin-right: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #777
}

@media (max-width: 767px) {
    .giveaway__detail-description {
        width: 100%
    }

    .giveaway__detail-price {
        width: 100%;
        margin-top: 15px
    }

    .giveaway__detail-price p {
        display: block;
        height: auto;
        font-size: 16px;
        text-align: left
    }

    .giveaway__detail-price p::before {
        font-size: 16px
    }
}

@media (max-width: 575px) {
    .giveaway__detail-img {
        width: 100%
    }

    .giveaway__detail-info {
        width: 100%;
        margin-top: 20px
    }
}

.new-cart {
    width: 100%;
    margin-top: 20px
}

.new-cart__head {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 0 16px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}

.new-cart__head div {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #999
}

.new-cart__head div:nth-child(1) {
    width: calc(100% - 435px)
}

.new-cart__head div:nth-child(2),
.new-cart__head div:nth-child(4) {
    width: 120px;
    text-align: center
}

.new-cart__head div:nth-child(3) {
    width: 140px;
    text-align: center
}

.new-cart__head div:nth-child(5) {
    width: 55px;
    text-align: center
}

@media (max-width: 991px) {
    .new-cart__head {
        display: none
    }
}

.new-cart__box {
    position: relative;
    width: 100%
}

.new-cart__box:nth-child(n + 3) {
    margin-top: 20px
}

.new-cart__box.new-cart__box--error .new-cart__event,
.new-cart__box.new-cart__box--error .new-cart__list,
.new-cart__box.new-cart__box--error .new-cart__item {
    border-color: #e60012
}

.new-cart__box.new-cart__box--error .new-cart__event {
    background-color: #fff2f4
}

.new-cart__box.new-cart__box--error>.new-cart__error {
    display: block;
    font-size: 16px
}

.new-cart__event {
    position: relative;
    width: 100%;
    padding: 16px 15px 16px 75px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #777;
    border: 1px solid #ddd;
    border-bottom: none
}

.new-cart__event span {
    color: #e52020
}

.new-cart__event::before {
    content: "活動";
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 25px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #e52020;
    border: 1px solid #e52020;
    border-radius: 3px;
    box-sizing: border-box
}

.new-cart__go2event {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center
}

.new-cart__go2event p {
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #777;
    border-bottom: 1px solid #777
}

.new-cart__go2event::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    margin-left: 3px;
    background-image: url(/lazyweb/web/img/2020/cart_arrow.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.new-cart__list {
    width: 100%;
    border: 1px solid #ddd
}

.new-cart__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    width: 100%;
    padding: 25px 15px
}

.new-cart__item:nth-child(n + 2) {
    border-top: 1px solid #ddd
}

.new-cart__item>div:nth-child(1) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: calc(100% - 435px)
}

.new-cart__item>div:nth-child(2),
.new-cart__item div:nth-child(4) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 120px
}

.new-cart__item div:nth-child(3) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 140px
}

.new-cart__item>div:nth-child(5) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 55px
}

.new-cart__item.new-cart__item--error .new-cart__error {
    display: block
}

.new-cart__img {
    width: 90px
}

.new-cart__info {
    width: calc(100% - 110px)
}

.new-cart__name {
    width: 100%
}

.new-cart__name a {
    display: inline;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    text-decoration: underline !important;
    transition: opacity .3s
}

.new-cart__name a:hover {
    color: #333;
    opacity: .7
}

.new-cart__giveaway {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-top: 5px
}

.new-cart__giveaway p {
    margin: 0 5px 0 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555
}

.new-cart__giveaway select {
    width: 100%;
    max-width: 180px;
    height: 22px;
    padding: 0 19px 0 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    background-color: #f9f9f9;
    background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
    background-position: calc(100% - 9px) 50%, calc(100% - 5px) 50%;
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.new-cart__error {
    display: none;
    width: 100%;
    margin-top: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #e60012
}

.new-cart__oldprice {
    width: 100%;
    margin: 0;
    font-size: 16px;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #888;
    text-align: center
}

.new-cart__price {
    width: 100%;
    padding-right: 20px;
    margin: 0;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #ea5514;
    text-align: right
}

.new-cart__price span {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1
}

.new-cart__qty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 22px;
    border: 1px solid #ddd
}

.new-cart__qty input {
    width: calc(100% - 40px);
    height: 20px;
    padding: 0 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    text-align: center;
    border: none
}

.new-cart__qty-less {
    position: relative;
    width: 20px;
    height: 20px;
    border-right: 1px solid #ddd;
    transition: background-color .3s
}

.new-cart__qty-less::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 1px;
    background-color: #888;
    transform: translate(-50%, -50%)
}

.new-cart__qty-plus {
    position: relative;
    width: 20px;
    height: 20px;
    border-left: 1px solid #ddd;
    transition: background-color .3s
}

.new-cart__qty-plus::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 1px;
    background-color: #888;
    transform: translate(-50%, -50%)
}

.new-cart__qty-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1px;
    height: 8px;
    background-color: #888;
    transform: translate(-50%, -50%)
}

.new-cart__qty-less:hover,
.new-cart__qty-plus:hover {
    background-color: #eee
}

.new-cart__remove {
    width: 20px;
    height: 20px;
    background-image: url(/lazyweb/web/img/2020/cart_remove.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity .3s
}

.new-cart__remove:hover {
    opacity: .7
}

@media (max-width: 991px) {
    .new-cart__item {
        position: relative;
        padding: 15px
    }

    .new-cart__item>div:nth-child(1) {
        order: 1;
        width: 100%;
        margin-bottom: 10px
    }

    .new-cart__item>div:nth-child(2) {
        order: 3;
        width: 50%
    }

    .new-cart__item>div:nth-child(3) {
        justify-content: flex-start;
        order: 2;
        width: 100%;
        margin-bottom: 10px
    }

    .new-cart__item>div:nth-child(4) {
        order: 4;
        width: 50%
    }

    .new-cart__item>div:nth-child(5) {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        z-index: 1
    }

    .new-cart__img {
        width: 80px
    }

    .new-cart__info {
        width: calc(100% - 90px);
        padding-right: 15px
    }

    .new-cart__name a {
        font-size: 15px
    }

    .new-cart__giveaway p {
        font-size: 13px
    }

    .new-cart__qty {
        width: 80px
    }

    .new-cart__oldprice {
        font-size: 14px;
        text-align: left
    }

    .new-cart__oldprice::before {
        content: "單價";
        margin-right: 5px;
        font-size: 14px;
        font-weight: 400 !important;
        line-height: 1.4;
        color: #888;
        text-align: center
    }

    .new-cart__price {
        padding-right: 0;
        font-size: 14px
    }

    .new-cart__price span {
        display: inline;
        margin-right: 5px
    }
}

@media (max-width: 575px) {
    .new-cart__img {
        width: 70px
    }

    .new-cart__info {
        width: calc(100% - 80px)
    }

    .new-cart__qty {
        width: 70px
    }

    .new-cart__giveaway p {
        width: 100%;
        margin: 0 0 2px
    }
}

.new-discount {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ddd
}

.new-discount__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    padding: 20px 15px
}

.new-discount__item:nth-child(n + 2) {
    border-top: 1px dashed #ddd
}

@media (max-width: 991px) {
    .new-discount__item {
        padding: 15px
    }
}

.new-discount__title {
    width: 120px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #777
}

@media (max-width: 991px) {
    .new-discount__title {
        width: 100%;
        margin-bottom: 10px;
        font-size: 15px
    }
}

.new-discount__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: calc(100% - 295px)
}

@media (max-width: 991px) {
    .new-discount__box {
        width: calc(100% - 100px)
    }
}

@media (max-width: 575px) {
    .new-discount__box {
        width: 100%
    }
}

.new-discount__input {
    width: 240px;
    height: 40px;
    padding: 0 10px;
    margin-right: 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    background-color: #eee;
    border: 1px solid #eee
}

.new-discount__input:focus {
    background-color: #f7f7f7
}

@media (max-width: 991px) {
    .new-discount__input {
        width: 200px;
        height: 32px;
        margin-right: 5px
    }
}

@media (max-width: 575px) {
    .new-discount__input {
        width: calc(100% - 85px)
    }
}

.new-discount__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 40px;
    margin-right: 20px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #e52020;
    transition: color .3s
}

.new-discount__btn:hover {
    color: rgba(255, 255, 255, .7)
}

@media (max-width: 991px) {
    .new-discount__btn {
        height: 32px;
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .new-discount__btn {
        margin-right: 0
    }
}

.new-discount__go2check {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 175px;
    height: 40px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #777;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1)0%, rgba(235, 235, 235, 1)100%);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1)0%, rgba(235, 235, 235, 1)100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1)0%, rgba(235, 235, 235, 1)100%);
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 1)0%, rgba(235, 235, 235, 1)100%);
    border: 1px solid #bbb;
    transition: color .3s
}

@media (max-width: 991px) {
    .new-discount__btn {
        height: 32px
    }
}

.new-discount__note {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #777
}

.new-discount__note::before {
    content: "";
    display: block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.new-discount__note--active::before {
    background-image: url(/lazyweb/web/img/2020/cart_sign-01.png)
}

.new-discount__note--error::before {
    background-image: url(/lazyweb/web/img/2020/cart_sign-02.png)
}

.new-discount__note--disable::before {
    background-image: url(/lazyweb/web/img/2020/cart_sign-03.png)
}

@media (max-width: 767px) {
    .new-discount__note {
        width: 100%;
        margin-top: 5px
    }
}

.new-discount__lightbox {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    z-index: 999999
}

.new-discount__lightbox.new-discount__lightbox--active {
    display: block
}

.new-discount__lightbox.new-discount__lightbox--acting .new-discount__lightbox-overlay {
    opacity: 1
}

.new-discount__lightbox.new-discount__lightbox--acting .new-discount__lightbox-box {
    transform: scale(1);
    opacity: 1
}

.new-discount__lightbox-block {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 20px
}

.new-discount__lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    transition: opacity .3s;
    z-index: 1
}

.new-discount__lightbox-box {
    position: relative;
    max-width: 100%;
    transform: scale(0);
    opacity: 0;
    transition: transform .3s, opacity .3s;
    z-index: 2
}

.new-coupon {
    max-width: 500px;
    background-color: #fff;
    border-top: 4px solid #e52020;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.new-coupon__box {
    width: 100vw;
    max-width: 100%;
    padding: 25px
}

@media (max-width: 575px) {
    .new-coupon__box {
        padding: 20px 15px
    }
}

.new-coupon__title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    padding: 8px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #555;
    border: 1px solid #aaa
}

.new-coupon__title p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 14px;
    font-size: 15px
}

.new-coupon__title p::before {
    content: "";
    display: block;
    width: 4px;
    height: 30px;
    margin-right: 12px;
    background-image: url(../images/2019_EC/discount_border.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 575px) {
    .new-coupon__title {
        font-size: 18px
    }

    .new-coupon__title p {
        justify-content: center;
        width: 100%;
        margin: 0;
        font-size: 14px;
        text-align: center
    }

    .new-coupon__title p::before {
        content: none
    }
}

.new-coupon__add {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    background-color: #F9F9F9
}

.new-coupon__add-text {
    width: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #555
}

.new-coupon__add-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: calc(100% - 100px)
}

.new-coupon__add-box .new-discount__input {
    width: calc(100% - 90px);
    background-color: #fff;
    border-color: #ddd
}

.new-coupon__add-box .new-discount__input:focus {
    background-color: #fff
}

.new-coupon__add-box .new-discount__btn {
    margin-right: 0
}

.new-coupon__add-box .new-discount__note {
    width: 100%;
    margin-top: 5px
}

@media (max-width: 575px) {
    .new-coupon__add {
        padding: 10px
    }

    .new-coupon__add-text {
        width: 100%;
        font-size: 15px;
        line-height: 1.4
    }

    .new-coupon__add-box {
        width: 100%;
        margin-top: 5px
    }
}

.new-coupon__list {
    width: 100%;
    margin-top: 20px
}

.new-coupon__list-title {
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #555
}

.new-coupon__list-box {
    width: 100%;
    max-height: 330px;
    padding: 0 5px;
    margin-top: 15px;
    background-color: #f9f9f9;
    overflow: auto
}

.new-coupon__list-box::-webkit-scrollbar-track {
    background-color: #F5F5F5
}

.new-coupon__list-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

.new-coupon__list-box::-webkit-scrollbar-thumb {
    background-color: #999
}

@media (max-width: 575px) {
    .new-coupon__list-title {
        font-size: 16px
    }
}

.new-coupon__item {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 2px;
    letter-spacing: 0;
    overflow: hidden
}

.new-coupon__item--repeat:not(.new-coupon__item--disable)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 18px 0;
    border-color: transparent #5aa0eb transparent transparent;
    z-index: 2
}

.new-coupon__item--repeat .new-coupon__item-repeat {
    color: #5aa0eb
}

.new-coupon__item--disable {
    filter: grayscale(100%)
}

.new-coupon__item--disable::before {
    content: attr(data-disable);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 5px 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background-color: #777;
    z-index: 2
}

.new-coupon__item--disable .new-coupon__item-box {
    background-color: #eee
}

.new-coupon__item--disable .new-coupon__item-box::before {
    background-image: url(../images/2019_EC/coupon_border-05.jpg)
}

.new-coupon__item--disable .new-coupon__item-box::after {
    background-image: url(../images/2019_EC/coupon_border-06.jpg)
}

@media (max-width: 575px) {
    .new-coupon__item--disable::before {
        left: auto;
        right: 0;
        font-size: 14px
    }
}

.new-coupon__item:last-child {
    margin-bottom: 15px
}

.new-coupon__item input {
    display: none
}

.new-coupon__item input:checked~.new-coupon__item-box {
    border-color: #ea5514
}

.new-coupon__item input:checked~.new-coupon__item-box::before {
    background-image: url(../images/2019_EC/coupon_border-03.jpg)
}

.new-coupon__item input:checked~.new-coupon__item-box::after {
    background-image: url(../images/2019_EC/coupon_border-04.jpg)
}

.new-coupon__item-box {
    position: relative;
    width: 100%;
    padding: 22px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 1
}

.new-coupon__item-box::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 110px;
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(../images/2019_EC/coupon_border-01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.new-coupon__item-box::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 110px;
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(../images/2019_EC/coupon_border-02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 575px) {
    .new-coupon__item-box {
        padding: 15px
    }

    .new-coupon__item-box::before,
    .new-coupon__item-box::after {
        left: 90px
    }
}

.new-coupon__item-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    width: 100%
}

.new-coupon__item-amount {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #ea5514
}

.new-coupon__item-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: calc(100% - 100px)
}

.new-coupon__item-name {
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #555
}

.new-coupon__item-name span {
    color: #ea5514
}

.new-coupon__item-time {
    width: 100%;
    margin-top: 2px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #777
}

.new-coupon__item-repeat {
    width: 100%;
    margin-top: 3px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #aaa
}

@media (max-width: 575px) {
    .new-coupon__item-amount {
        width: 100%
    }

    .new-coupon__item-info {
        width: 100%;
        margin-top: 10px
    }
}

.new-coupon__item-note {
    width: 100%;
    margin-top: 14px;
    padding-top: 12px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #777;
    border-top: 1px dashed #ddd
}

@media (max-width: 575px) {
    .new-coupon__item-note {
        margin-top: 10px;
        padding-top: 8px
    }
}

.new-coupon__btnbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 15px
}

.new-coupon__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.new-coupon__btn:nth-child(n + 2) {
    margin-left: 10px
}

.new-coupon__btn--cancel {
    color: #777;
    border: 1px solid #ddd;
    transition: color .3s
}

.new-coupon__btn--check {
    color: #fff;
    background-color: #e52020;
    transition: color .3s
}

.new-coupon__btn--check:hover {
    color: rgba(255, 255, 255, .7)
}

.new-discount__feedback {
    margin: 0 20px 0 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #999
}

.new-discount__feedback span {
    color: #ea5514
}

@media (max-width: 991px) {
    .new-discount__feedback {
        margin: 0 10px 0 0
    }
}

@media (max-width: 767px) {
    .new-discount__feedback {
        margin: 0
    }
}

.new-discount__checkbox {
    margin-right: 10px
}

.new-discount__checkbox input {
    display: none
}

.new-discount__checkbox label {
    display: block
}

.new-discount__checkbox div {
    width: 15px;
    height: 15px;
    background-color: #eee;
    border: 1px solid #eee
}

.new-discount__checkbox input:checked~div {
    background-color: #fff;
    background-image: url(/lazyweb/web/img/2020/giveaway_check.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.new-discount__val {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    width: 175px;
    padding-right: 75px
}

.new-discount__val p {
    margin: 0;
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #ea5514;
    text-align: right
}

.new-discount__val p.disable {
    color: #aaa
}

@media (max-width: 991px) {
    .new-discount__val {
        width: 100px;
        padding-right: 0
    }

    .new-discount__val p {
        font-size: 14px
    }
}

@media (max-width: 575px) {
    .new-discount__val {
        width: 100%;
        margin-top: 5px
    }
}

.new-total {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    padding: 30px 15px;
    margin: 20px 0;
    border: 5px solid #ddd
}

@media (max-width: 991px) {
    .new-total {
        display: block;
        padding: 15px
    }
}

.new-total__title {
    width: 130px
}

.new-total__title p:nth-child(1) {
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #777
}

.new-total__title p:nth-child(1) span {
    color: #ea5514
}

.new-total__title p:nth-child(2) {
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #333
}

@media (max-width: 991px) {
    .new-total__title {
        width: 100%;
        text-align: right
    }

    .new-total__title p:nth-child(2) {
        font-size: 20px
    }
}

.new-total__calc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - 350px)
}

@media (max-width: 991px) {
    .new-total__calc {
        display: block;
        width: 100%;
        padding: 5px 0
    }
}

.new-total__calc-item {
    position: relative;
    width: 140px;
    padding-right: 40px
}

.new-total__calc-item p {
    margin: 0;
    text-align: center
}

.new-total__calc-item p:nth-child(1) {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #999
}

.new-total__calc-item p:nth-child(2) {
    margin-top: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #ea5514
}

.new-total__calc-item p:nth-child(2).disable {
    color: #aaa
}

@media (max-width: 1199px) {
    .new-total__calc-item {
        width: 110px;
        padding-right: 20px
    }
}

@media (max-width: 991px) {
    .new-total__calc-item {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        width: 100%;
        padding-right: 0
    }

    .new-total__calc-item:nth-child(n + 2) {
        margin-top: 5px
    }

    .new-total__calc-item p:nth-child(1) {
        position: relative;
        width: 70px;
        text-align: right
    }

    .new-total__calc-item p:nth-child(2) {
        width: 150px;
        margin: 0;
        text-align: right
    }
}

@media (min-width: 992px) {
    .new-total__calc-item--plus::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 8px;
        height: 1px;
        background-color: #777;
        transform: translate(50%, -50%)
    }

    .new-total__calc-item--plus::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 1px;
        height: 8px;
        background-color: #777;
        transform: translate(50%, -50%)
    }

    .new-total__calc-item--less::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 6px;
        height: 1px;
        background-color: #777;
        transform: translate(50%, -50%)
    }

    .new-total__calc-item--equal::before {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 20px;
        width: 8px;
        height: 1px;
        background-color: #777;
        transform: translate(50%, -50%)
    }

    .new-total__calc-item--equal::after {
        content: "";
        position: absolute;
        top: calc(50% + 2px);
        right: 20px;
        width: 8px;
        height: 1px;
        background-color: #777;
        transform: translate(50%, -50%)
    }
}

@media (max-width: 1199px) and (min-width: 992px) {

    .new-total__calc-item--plus::before,
    .new-total__calc-item--plus::after,
    .new-total__calc-item--less::before,
    .new-total__calc-item--equal::before,
    .new-total__calc-item--equal::after {
        right: 10px
    }
}

@media (max-width: 991px) {
    .new-total__calc-item--mplus p:nth-child(1)::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -15px;
        width: 8px;
        height: 1px;
        background-color: #777;
        transform: translate(-50%, -50%)
    }

    .new-total__calc-item--mplus p:nth-child(1)::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -15px;
        width: 1px;
        height: 8px;
        background-color: #777;
        transform: translate(-50%, -50%)
    }

    .new-total__calc-item--mless p:nth-child(1)::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -15px;
        width: 8px;
        height: 1px;
        background-color: #777;
        transform: translate(-50%, -50%)
    }
}

.new-total__sum {
    width: 220px
}

.new-total__sum-text {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 24px;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #ea5514;
    text-align: right
}

.new-total__sum-text::before {
    content: "總共";
    display: block;
    margin-right: 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #333
}

.new-total__sum-feedback {
    width: 100%;
    margin-top: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #ea5514;
    text-align: right
}

@media (max-width: 991px) {
    .new-total__sum {
        width: 100%;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #eee
    }
}

.new-event {
    width: 100%;
    padding: 50px 0;
    background-color: #f1f1f5
}

.new-event~.footer {
    padding-bottom: 70px
}

.new-event~#gotoTop {
    bottom: 90px
}

@media (max-width: 767px) {
    .new-event~.footer {
        padding-bottom: 80px
    }

    .new-event~#gotoTop {
        bottom: 100px
    }
}

.new-event__fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .05)
}

.new-event__fixed-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 70px
}

.new-event__fixed a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 40px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: #e52020;
    border-radius: 3px;
    transition: opacity .3s
}

.new-event__fixed a:hover {
    color: #fff;
    opacity: .7
}

.new-event__fixed p {
    width: calc(100% - 240px);
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #555
}

@media (max-width: 767px) {
    .new-event__fixed .container {
        width: 100% !important;
        padding: 0
    }

    .new-event__fixed-block {
        display: block;
        height: 80px
    }

    .new-event__fixed a {
        width: 100%;
        height: 36px;
        border-radius: 0
    }

    .new-event__fixed p {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 44px;
        padding: 0 10px;
        font-size: 14px;
        text-align: center;
        overflow: hidden
    }
}

.new-event__block {
    width: 100%
}

.new-event__title {
    position: relative;
    width: 100%;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

.new-event__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #e52020 transparent transparent
}

@media (max-width: 991px) {
    .new-event__title {
        padding: 20px
    }

    .new-event__title::before {
        border-width: 15px 15px 0 0
    }
}

.new-event__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    width: 100%
}

.new-event__date {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 180px;
    padding-right: 30px
}

.new-event__date p:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 30px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #555
}

.new-event__date p:nth-child(2) {
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 22px;
    font-weight: 700;
    color: #555;
    text-align: center;
    letter-spacing: .05em
}

.new-event__detail {
    width: calc(100% - 180px);
    padding: 5px 0 15px 30px;
    border-left: 1px solid #ddd
}

.new-event__name {
    width: 100%;
    margin: 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #333
}

.new-event__text {
    width: 100%;
    margin: 5px 0 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #777
}

.new-event__img {
    width: 100%;
    margin-top: 30px
}

@media (max-width: 991px) {
    .new-event__date {
        justify-content: flex-start;
        width: 100%;
        padding: 0
    }

    .new-event__date p:nth-child(1) {
        width: 90px;
        font-size: 16px
    }

    .new-event__date p:nth-child(2) {
        margin: 0;
        font-size: 20px;
        text-align: left
    }

    .new-event__detail {
        width: 100%;
        padding: 12px 0 0;
        margin-top: 15px;
        border-top: 1px solid #ddd;
        border-left: none
    }

    .new-event__name {
        font-size: 24px
    }

    .new-event__img {
        margin-top: 15px
    }
}

.new-event__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 40px;
    margin-top: 30px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05)
}

@media (max-width: 991px) {
    .new-event__list {
        width: 100%;
        padding: 20px;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .new-event__item {
        width: calc((100% - 60px) / 4);
        margin-right: 20px;
        border: 1px solid #ddd
    }

    .new-event__item:nth-child(4n) {
        margin-right: 0
    }

    .new-event__item:nth-child(n + 5) {
        margin-top: 30px
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .new-event__item {
        width: calc((99.999% - 40px) / 3);
        margin-right: 20px;
        border: 1px solid #ddd
    }

    .new-event__item:nth-child(3n) {
        margin-right: 0
    }

    .new-event__item:nth-child(n + 4) {
        margin-top: 30px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .new-event__item {
        width: calc((99.999% - 30px) / 3);
        margin-right: 15px;
        border: 1px solid #ddd
    }

    .new-event__item:nth-child(3n) {
        margin-right: 0
    }

    .new-event__item:nth-child(n + 4) {
        margin-top: 25px
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .new-event__item {
        width: calc((100% - 15px) / 2);
        margin-right: 15px;
        border: 1px solid #ddd
    }

    .new-event__item:nth-child(2n) {
        margin-right: 0
    }

    .new-event__item:nth-child(n + 3) {
        margin-top: 25px
    }
}

@media (max-width: 575px) {
    .new-event__item {
        width: 100%;
        border: 1px solid #ddd
    }

    .new-event__item:nth-child(n + 2) {
        margin-top: 20px
    }
}

.new-event__item-img {
    width: 100%;
    padding-bottom: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.new-event__item-info {
    width: 100%;
    padding: 25px 10px
}

@media (max-width: 991px) {
    .new-event__item-info {
        padding: 20px 10px
    }
}

.new-event__item-name {
    width: 100%;
    text-align: center
}

.new-event__item-name a {
    display: inline-block;
    max-height: 1.4em;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
    transition: color .3s
}

.new-event__item-price {
    display: flex;
    justify-content: center;
    align-items: center
}

.new-event__item-price p {
    margin: 0
}

.new-event__item-price p:nth-child(1) {
    margin-right: 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #555
}

.new-event__item-price p.old {
    margin-right: 5px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: #999;
    text-decoration: line-through
}

.new-event__item-price p.now {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #ea5514
}

.new-event__qty {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 35px;
    margin: 15px auto 0;
    border: 1px solid #ddd
}

.new-event__qty input {
    width: calc(100% - 70px);
    height: 33px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-align: center;
    border: none
}

.new-event__qty-less {
    position: relative;
    width: 35px;
    height: 33px;
    border-right: 1px solid #ddd;
    transition: background-color .3s
}

.new-event__qty-less::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 1px;
    background-color: #888;
    transform: translate(-50%, -50%)
}

.new-event__qty-less:hover {
    background-color: #eee
}

.new-event__qty-plus {
    position: relative;
    width: 35px;
    height: 33px;
    border-left: 1px solid #ddd;
    transition: background-color .3s
}

.new-event__qty-plus::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 1px;
    background-color: #888;
    transform: translate(-50%, -50%)
}

.new-event__qty-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1px;
    height: 8px;
    background-color: #888;
    transform: translate(-50%, -50%)
}

.new-event__qty-plus:hover {
    background-color: #eee
}

.new-event__add2cart {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 35px;
    margin: 15px auto 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #e52020;
    transition: opacity .3s
}

.new-event__add2cart:hover {
    color: #fff;
    opacity: .7
}

@media (max-width: 991px) {
    .new-event__qty {
        margin: 10px auto 0
    }

    .new-event__add2cart {
        margin: 10px auto 0
    }
}

.product-step-eventtitle {
    width: 100%
}

.product-step-eventtitle span {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #e52020
}

.product-step-eventtitle span a {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #e52020
}

.product-step-eventtitle span a:hover {
    color: #e52020
}

.member-coupon__box {
    width: 100%;
    padding: 20px
}

.member-coupon__add {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 15px;
    background-color: #F9F9F9
}

.member-coupon__add-text {
    width: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #555
}

.member-coupon__add-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: calc(100% - 100px)
}

.member-coupon__input {
    width: calc(100% - 90px);
    max-width: 300px;
    height: 40px;
    padding: 0 10px;
    margin-right: 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    background-color: #fff;
    border: 1px solid #eee
}

.member-coupon__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 40px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #e52020;
    transition: color .3s
}

.member-coupon__btn:hover {
    color: rgba(255, 255, 255, .7)
}

.member-coupon__note {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 5px 0 0;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #777
}

.member-coupon__note::before {
    content: "";
    display: block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member-coupon__note--active::before {
    background-image: url(/lazyweb/web/img/2020/cart_sign-01.png)
}

.member-coupon__note--error::before {
    background-image: url(/lazyweb/web/img/2020/cart_sign-02.png)
}

.member-coupon__note--disable::before {
    background-image: url(/lazyweb/web/img/2020/cart_sign-03.png)
}

@media (max-width: 991px) {
    .member-coupon__add {
        padding: 10px
    }

    .member-coupon__add-text {
        width: 100%;
        font-size: 15px;
        line-height: 1.4
    }

    .member-coupon__add-box {
        width: 100%;
        margin-top: 5px
    }

    .member-coupon__input {
        max-width: none;
        height: 32px;
        margin-right: 5px
    }

    .member-coupon__btn {
        height: 32px
    }
}

@media (max-width: 575px) {
    .member-coupon__input {
        width: calc(100% - 85px)
    }
}

.member-coupon__tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-top: 30px
}

.member-coupon__tabs-btn {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #777
}

.member-coupon__tabs-btn:nth-child(n + 2) {
    margin-left: 25px
}

.member-coupon__tabs-btn--active {
    font-weight: 700;
    color: #555
}

@media (max-width: 991px) {
    .member-coupon__tabs {
        margin-top: 20px
    }

    .member-coupon__tabs-btn {
        font-size: 15px
    }

    .member-coupon__tabs-btn:nth-child(n + 2) {
        margin-left: 20px
    }
}

.member-coupon__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    width: 100%;
    margin-top: 20px
}

@media (max-width: 991px) {
    .member-coupon__list {
        margin-top: 15px
    }
}

.member-coupon__item {
    position: relative;
    display: block;
    border-radius: 2px;
    letter-spacing: 0;
    overflow: hidden
}

@media (min-width: 1200px) {
    .member-coupon__item {
        width: calc((100% - 20px) / 2);
        margin-right: 20px
    }

    .member-coupon__item:nth-child(n + 3) {
        margin-top: 20px
    }

    .member-coupon__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .member-coupon__item {
        width: 100%
    }

    .member-coupon__item:nth-child(n + 2) {
        margin-top: 20px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .member-coupon__item {
        width: calc((100% - 15px) / 2);
        margin-right: 15px
    }

    .member-coupon__item:nth-child(n + 3) {
        margin-top: 15px
    }

    .member-coupon__item:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .member-coupon__item {
        width: 100%
    }

    .member-coupon__item:nth-child(n + 2) {
        margin-top: 15px
    }
}

.member-coupon__item--repeat:not(.member-coupon__item--disable):not(.member-coupon__item--used)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 18px 0;
    border-color: transparent #5aa0eb transparent transparent;
    z-index: 2
}

.member-coupon__item--repeat .member-coupon__item-repeat {
    color: #5aa0eb
}

.member-coupon__item--used {
    filter: grayscale(100%)
}

.member-coupon__item--used::before {
    content: "已使用";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 5px 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background-color: #777;
    z-index: 2
}

@media (max-width: 767px) {
    .member-coupon__item--used::before {
        left: auto;
        right: 0;
        font-size: 14px
    }
}

.member-coupon__item--disable {
    filter: grayscale(100%)
}

.member-coupon__item--disable::before {
    content: "已過期";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 5px 10px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    background-color: #777;
    z-index: 2
}

@media (max-width: 767px) {
    .member-coupon__item--disable::before {
        left: auto;
        right: 0;
        font-size: 14px
    }
}

.member-coupon__item-box {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 22px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 1
}

.member-coupon__item-box::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 110px;
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(../images/2019_EC/coupon_border-01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.member-coupon__item-box::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 110px;
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(../images/2019_EC/coupon_border-02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .member-coupon__item-box {
        padding: 15px
    }

    .member-coupon__item-box::before,
    .member-coupon__item-box::after {
        left: 90px
    }
}

.member-coupon__item-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    width: 100%
}

.member-coupon__item-amount {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #ea5514
}

.member-coupon__item-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: calc(100% - 100px)
}

.member-coupon__item-name {
    width: 100%;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #555
}

.member-coupon__item-name span {
    color: #ea5514
}

.member-coupon__item-time {
    width: 100%;
    margin-top: 2px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #777
}

.member-coupon__item-repeat {
    width: 100%;
    margin-top: 3px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: #aaa
}

@media (max-width: 767px) {
    .member-coupon__item-amount {
        width: 100%
    }

    .member-coupon__item-info {
        width: 100%;
        margin-top: 10px
    }
}

.member-coupon__item-note {
    width: 100%;
    margin-top: 14px;
    padding-top: 12px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #777;
    border-top: 1px dashed #ddd
}

@media (max-width: 767px) {
    .member-coupon__item-note {
        margin-top: 10px;
        padding-top: 8px
    }
}

#stock {
    align-items: unset
}

.stock-chart {
    display: flex;
    justify-content: space-between;
    flex: 1
}

.stock-chart div {
    width: 25%
}

.stock-chart iframe {
    width: 100%;
    height: 230px;
    border: 0
}

form.stock-search>* {
    line-height: 30px
}

.stock-search {
    display: flex;
    border: solid 1px #aaa;
    padding: 3px;
    border-radius: 3px;
    width: 100%;
    height: 40px
}

.stock-search input {
    border: none;
    flex: 1;
    width: 100px
}

.stock-search button {
    background: #e52020;
    color: #fff;
    border: none;
    outline: none
}

.stock-tag {
    margin-top: .5em;
    padding: .5em
}

.stock-tag a {
    font-weight: lighter;
    text-decoration: underline !important
}

.stock-hot-list {
    padding: 15px 20px;
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
}

@media screen and (min-width: 481px) {
    #stock .latest__side>div {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        flex-direction: column
    }

    .stock-tag {
        flex: 1;
        display: flex;
        flex-wrap: wrap
    }

    .stock-tag div {
        width: 100%;
        padding: 0 5px
    }

    .stock-tag a {
        padding: 0 5px;
        width: 50%
    }

    .stock-tag a:nth-child(even) {
        border-right: solid 1px #000
    }
}

@media screen and (min-width: 481px) and (max-width: 1199px) {
    #stock .latest__side {
        width: 100%
    }

    .stock-search {
        width: 250px
    }
}

@media screen and (max-width: 480px) {
    .stock-chart div {
        width: 250px;
        margin: auto
    }

    .stock-tag {
        margin-bottom: 1em
    }
}

/* 訂閱專區 page-title */
@media (min-width: 1681px) {
    #page-title.subscribe-pagetitle {
        height: 150px;
    }

    #page-title.subscribe-pagetitle h1 {
        text-align: center;
        margin-top: -10px
    }

    #page-title.subscribe-pagetitle .breadcrumb {
        position: relative !important;
        text-align: center;
        margin: 30px 0 0 0 !important;
        right: 0px !important;
    }
}

@media (max-width:1680px) and (min-width: 992px) {
    #page-title.subscribe-pagetitle {
        height: 150px;
    }

    #page-title.subscribe-pagetitle h1 {
        text-align: center;
        margin-top: -15px
    }

    #page-title.page-title-parallax .breadcrumb {
        position: relative !important;
        text-align: center;
        margin: 25px 0 0 0 !important;
        right: 0px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #page-title.subscribe-pagetitle h1 {
        text-align: center;
        margin-top: 10px
    }

    #page-title.subscribe-pagetitle .breadcrumb {
        position: relative !important;
        text-align: center;
        margin: 25px 0 0 0 !important;
        right: 0px !important;
    }
}

/* 節慶banner css---活動結束時 background 和 background-color 需mark掉---*/
/* .btnet_home_banner{
    width: 100%;
}

.topheader {
    position: relative;
    width: 100%;
    height: auto;
    background: url(../../images/header_newyear_2024/2024_newyear_header.gif) center top repeat-y;
    z-index: 9989;
    background-color: #f38055;
} */


/* 活動結束時需mark掉---start */
/* .topheader__mobile.topheader__search-keywords{
    background-color: #FFE7B0;
}

.topheader__menu-openbtn:before {
    color: white;
}

.topheader__search-openbtn:before{
    color: white;
}

@media (min-width:990px) {
    .topheader__search-keywords span{
        color: white;
    }
    .topheader__search-keywords a {
        margin-right: 5px;
        color: white !important;
    }
    
    .topheader__search-keywords a:hover{
        color:#ffef68 !important;
    }
} */
/* 活動結束時需mark掉---end */


@media (max-width:1365px) and (min-width:1200px) {

    .index__body .topbar__row,
    .index__body .topheader__topbar {
        max-width: 1170px;

    }

    .index__container {
        max-width: 1170px;
    }

    /* .topheader {
    position: relative;
    width: 100%;
    height: auto;
    background: url(../../images/header_newyear_2024/2024_newyear_header_1300.gif) center top repeat-y;
    z-index: 9989;
    background-color: #f38055;
    } */
}

@media (max-width: 1199px) and (min-width: 992px) {
    .topheader__topbar {
        max-width: 970px;
    }

    /* .topheader {
    position: relative;
    width: 100%;
    height: auto;
    background: url(../../images/header_newyear_2024/2024_newyear_header_1024.gif) center top repeat-y;
    z-index: 9989;
    background-color: #f38055;
    } */

}

@media (max-width: 991px) {
    /* .topbar {
        margin-bottom: 90px;
    } */

    /* .topheader {
        position: absolute;
        top: 45px;
        background: url(../../images/header_newyear_2024/2024_newyear_header_780.gif) center top repeat-y;
        background-color: #f38055;
    } */
}

/* 手機版 */
@media (max-width: 768px) {
    .btnet_home_banner_a {
        position: relative;
        display: block;
        width: 100%;
    }

    .btnet_home_banner {
        content: url('../../../image/data/home_banner/2023cny_390290_c.jpg');
        background-size: contain;
    }

    /* .topheader {
        background: url(../../images/header_newyear_2024/2024_newyear_header_780.gif) center top repeat-y;
        background-color: #f38055;
    }  */
}

@media (max-width: 736px) {
    /* .topheader {
        background: url(../../images/header_newyear_2024/2024_newyear_header_736.gif) center top repeat-y;
        background-color: #f38055;
    }    */
}

@media (max-width: 575px) {
    /* .topheader {
        top: 35px;
        background: url(../../images/header_newyear_2024/2024_newyear_header_414.gif) center top repeat-y;
        background-color: #f38055;
    }    */
}


/* video-wrapper */
.video-wrapper {
    position: relative;
    /* padding-bottom: 56% !important; 
    margin-right: 30px;沒有顯示影片時隱藏 */
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 575px) {
    .video-wrapper {
        margin-right: 0px;
    }
}


/* 官網購物車>輸折價卷 */
/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
}

#status img {
    width: 160px;
    height: 160px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    transform: translate(-50%, -50%);
    /* background-image:url(../lazyweb/web/images/Logo-loading.svg); path to your loading animation */
    /* background-size: 100px 100px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-50px 0 0 -50px; is width and height divided by two */
}

.new-coupon__list-2 {
    width: 60%;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .new-coupon__list-2 {
        width: 100%;
    }
}

/* podcast頁面 */

.podcast-program {
    display: inline-flex;
    width: 100%;
    padding: 20px 0;
}

.grey {
    background: #f9f9f9;
}

.program-img {
    width: 250px;
    margin: 0 20px;
}

.program-content {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    color: #555;
    width: 100%;
    position: relative;
    padding: 0 10px;
}

.program-title {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.back-to-list h3 {
    transition-duration: 0.5s;
}

.back-to-list h3:hover {
    color: #e52020;
}

.program-intro {
    font-size: 16px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.program-link {
    position: absolute;
    right: 20px;
    bottom: -8px;
    border: none;
    font-size: 17px;
    border-radius: 3px;
    padding: 3px 10px 3px 10px;
    background: #ffa100;
    color: #fff;
}

.program-link:hover {
    opacity: 0.7;
    color: #fff;
}

.listen-more {
    position: relative;
    height: 60px;
}

.listen-more-link {
    position: absolute;
    right: 20px;
    border: none;
    font-size: 17px;
    border-radius: 3px;
    margin: 20px 0;
    padding: 5px 20px 5px 25px;
    background: #6a6a6a;
    color: #fff;
    transition-duration: 0.5s;
}

.listen-more-link:hover {
    color: #fff;
    background: #e52020;
}

.episode-wrap {
    position: relative;
    width: calc(100% - 30px);
    background: #f7f7f7;
}

.episode-wrap:before {
    content: "";
    width: 90px;
    height: 25px;
    position: absolute;
    background: #f7f7f7;
}

.episode-title-content {
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    color: #555;
    width: calc(100% - 170px);
    position: absolute;
    left: 148px;
    top: 12px;
    background: #f7f7f7;

}

.episode-title {
    font-size: 17px;
    font-weight: 600;
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0 0 7px;
}

.episode-date {
    margin: 0 0 5px;
}

.episode-intro {
    width: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.podcast-iframe {
    width: calc(100% - 100px);
    overflow: hidden;
    background: #f7f7f7;
}

.share-logo-wrap {
    display: inline-flex;
    position: absolute;
    right: 18px;
    bottom: 18px;
}

.share-logo {
    width: 30px;
    margin: 6px;
}

.share-logo:hover {
    opacity: 0.7;
}

.episode-hr {
    margin: 0;
}



@media (max-width: 991px) {
    .episode-wrap {
        width: 100%;
    }
}


@media (max-width: 650px) {
    .episode-title-content {
        width: calc(100% - 153px);
        left: 147px;
    }

    .podcast-iframe {
        width: 100%;
        height: 200px;
    }

    .share-logo-wrap {
        right: 9px;
        bottom: 2px;
    }
}

@media (max-width: 504px) {
    .episode-title-content {
        width: calc(100% - 114px);
        left: 101px;
    }

    .program-title {
        font-size: 20px;
    }
}

@media (max-width: 479px) {
    .episode-title-content {
        width: calc(100% - 156px);
        left: 147px;
    }
}

@media (max-width: 454px) {
    .episode-title-content {
        width: calc(100% - 111px);
        left: 101px;
    }
}

@media (max-width: 280px) {
    .program-link {
        font-size: 10px;
    }
}

/* AE card */

.h-auto {
    height: auto;
}

.payment_label {
    display: inline-flex;
    align-items: center;
}

.credit_card_type_select {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    display: flex;
    align-items: center;

}

.credit_card_type {
    background-color: #FFF;
    border: #ddd 1px solid;
    border-radius: 2px;
    padding-left: 10px;
    height: 100%;
    font-weight: initial;
    color: #aaa;
    font-size: 16px;
    appearance: none;
    width: 198px;
}

.credit_card_type_select_box {
    position: relative;
    height: 40px;
    margin: 0 10px;
}

.credit_card_type.check-error {
    border: solid 1px red;
}

.credit_card_type.check-error+.check-errmsg {
    margin-top: 10px;
    font-size: 14px;
    font-family: 微軟正黑體修正, 微軟正黑體, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", Arial;
    font-weight: 700;
    line-height: 1.2;
    color: red
}


.credit_card_type_select_box:after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 16px;
    border-top: 0.3em solid #999;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.check-payment {
    position: relative;
}

.credit_card_hr {
    margin: 0;
    width: 100%;
    border-bottom: solid 1px #eee;
    position: absolute;
    top: 60px
}


@media (max-width: 912px) {
    .payment-type-title {
        border-bottom: #eee 1px solid;
        width: 100%;
        padding: 0 10px;
        text-align: left;
    }
}

@media (max-width: 540px) {
    .credit_card_hr {
        display: none;
    }

    .credit_card_hr_display {
        display: none
    }

    .payment-type_heigt {
        height: auto;
    }

    .credit_card_type_select {
        margin-top: 10px;
        padding: 10px 10px 10px 20px;
        margin-bottom: 15px;
    }


}

@media (max-width: 360px) {
    .credit_card_type {
        width: 200px;
    }
}


@media (max-width: 280px) {


    .credit_card_type {
        /* width: 200px; */
    }

    .credit_card_type_select {
        align-items: flex-start;
        flex-direction: column;
    }

    .credit_card_type_select_box {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .credit_card_type {
        width: 100%;
    }

    /* .payment-type:has(>.check-payment-radio .credit_card_type_select .credit_card_type.check-error){
        height: 270px;
    } */
}

/* sync_order_to_songmoon_confirm */
#apply_data_sec {
    display: none;
}

.apply_data_confirm {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgb(0, 0, 0, 0.8);
    ;
    z-index: 9999;
}

.confirm_content {
    background-color: #ffffff;
    border-radius: 4px;
    width: 400px;
    position: absolute;
    padding: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.confirm_title {
    margin-bottom: 15px;
    font-weight: 500;
    color: #e52020;
}

.confirm_note {
    border-bottom: dashed 1px #e52020;
    padding-bottom: 15px;
}

.confirm_btns {
    display: flex;
    justify-content: right;
}

.confirm_btns button {
    padding: 7px 25px;
    margin: 3px;
    border: none;
    color: white;
    border-radius: 2px;
}

.confirm_cancel {
    background-color: red;
}

.confirm {
    background-color: #333;
}

@media (max-width: 480px) {
    .confirm_content {
        width: 350px;
    }
}

/* google__news */
.google__news {
    padding: 0 26px;
    margin: 20px 0;
}

.google__news .mb {
    display: none;
}

@media (max-width: 767px) {
    .google__news {
        padding: 0;
    }

    .google__news .pc {
        display: none;
    }

    .google__news .mb {
        display: block;
    }
}