@charset "utf-8";


.wrapper .openbox .list_box .list_all>li{
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #3e3a39;
}
.wrapper .openbox .list_box .list_all>li:first-child{
    border-top: 1px solid #3e3a39;
}
.wrapper .openbox .list_box .list_all>li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.wrapper .openbox .list_box .list_all>li a .pc{
    width:100%;
    position: relative;
    height:auto;
    overflow: hidden;
    padding: 25px 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
}

.wrapper .openbox .list_box .list_all>li a .list_txt_date{
    width: 8%;
    height: auto;
    float: left;
    font-size: 22px;
    line-height: 150%;
    color: #3e3a39;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    text-align: center;
    /*overflow: hidden;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date .lt{
    width: 60%;
    float: left;
    font-size: 34.5px;
    line-height: 150%;
    color: #3e3a39;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date .rt{
    width: 40%;
    float: left;
    color: #3e3a39;
    font-size: 14px;
    line-height: 120%;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 100;
    text-align: left;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_type{
    width: 12%;
    float: left;
    font-size: 22px;
    line-height: 120%;
    color: #3e3a39;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 300;
    text-align: center;
    border-left: 1px solid #3e3a39;
}
.wrapper .openbox .list_box .list_all>li a .list_img{
    width: 13%;
    float: left;
    overflow: hidden;
    position: relative;
    font-size: 0px;
    vertical-align: middle;
    background-position: 50% 50%;
    background-size: cover;
}
.wrapper .openbox .list_box .list_all>li a .list_img:before{
    position: relative;
    content: "";
    display: block;
    padding-top: 62.222%;
}
.wrapper .openbox .list_box .list_all>li a .list_img img{
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wrapper .openbox .list_box .list_all>li a .pc .list_txt_cent {
    float: left;
    width: 67%;
    color: #4a4a4a;
    vertical-align: middle;
    padding: 0% 15% 0% 5%;
    letter-spacing: 1px;
}
.wrapper .openbox .list_box .list_all>li a .pc .list_txt_cent .list_txt_name{
    line-height: 130%;
    color: #9b8168;
    letter-spacing: 0px;
    font-size: 26px;
    font-family: 'Noto Serif TC', serif;
    font-weight: 600;
    padding-bottom: 1%;
}
.wrapper .openbox .list_box .list_all>li a .pc .list_txt_cent .list_txt_des{
    line-height: 150%;
    color: #3e3a39;
    font-size: 19px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 100;
}
.wrapper .openbox .list_box .list_all>li a .mob{
    display: none;
}

/*字數超過自動轉換成...more*/
.ellipsis {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


@media  screen and (max-width: 1280px)  {

}

@media  screen and (max-width: 1024px)  {
.wrapper .openbox .list_box .list_all>li a .pc {
    padding: 25px 0% 0px 0px;
}
.wrapper .openbox .list_box .list_all>li a .pc .list_img {
    display: none;
}
.wrapper .openbox .list_box .list_all>li a .pc .list_txt_cent {
    display: none;
}
.wrapper .openbox .list_box .list_all>li a .mob{
    display: block;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date{
    width: 25%;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date .lt{
    font-size: 45px;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date .rt{
    font-size: 14px;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_type{
    width: 75%;
    text-align: left;
    padding-left: 3%;
    font-size: 20px;
}
.wrapper .openbox .list_box .list_all>li a .mob .list_img{
    width: 100%;
    float: none;
    display: block;
}
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent {
    width: 100%;
    color: #4a4a4a;
    vertical-align: middle;
    letter-spacing: 1px;
    padding: 15px 0px 30px 0px;
}
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent .list_txt_name{
    line-height: 120%;
    color: #9b8168;
    letter-spacing: 0px;
    font-size: 22px;
    font-family: 'Noto Serif TC', serif;
    font-weight: 600;
    padding-bottom: 1%;
}
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent .list_txt_des{
    line-height: 150%;
    color: #3e3a39;
    font-size: 18px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 100;

}
}

@media  screen and (max-width: 768px)  {
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent .list_txt_name{
    font-size: 20px;
}
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent .list_txt_des{
    font-size: 16px;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_type{
    font-size: 16px;
    width: 70%;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date .lt{
    font-size: 40px;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date{
    width: 30%;
}
}
@media  screen and (max-width: 450px)  {
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent .list_txt_name{
    font-size: 18px;
}
.wrapper .openbox .list_box .list_all>li a .mob .list_txt_cent .list_txt_des{
    font-size: 16px;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_type{
    font-size: 14px;
}
.wrapper .openbox .list_box .list_all>li a .list_txt_date .lt{
    font-size: 30px;
}
}