@charset "utf-8";

/* sub magazine list slider */
.custom-magavisual {position:relative; padding-bottom:60px;}
.custom-magavisual .UIslider-item { width: 100%;}
.custom-magavisual-btn {display:none;}
.custom-magavisual .slider-pagerbox {bottom:25px; text-align:center;}
.custom-magavisual-item {background:#f7f7f7;}
.custom-magavisual-itemtxt {padding:30px 0;}
.custom-magavisual-itemtxt p {padding-left:15px; padding-right:15px;}
.custom-magavisual-itemtxt .category {padding-bottom:15px;}
.custom-magavisual-itemtxt .month { font-size: 12px; display:block; /* color:#4e001b; */ color:#fff; height:30px; line-height:30px; background:url('/hk/en/resource/img/components/magazine/magazine-barbg-1812-mob.jpg') no-repeat left top}
.custom-magavisual-itemtxt .tit {padding-top:25px;}
.custom-magavisual-itemtxt .des {display:none;}
.custom-magavisual-itemimg img {width:100%;}

.tablet .custom-magavisual {margin-bottom:60px; padding:0;}
.tablet .custom-magavisual-btn {display:block; position:absolute; top:50%; z-index:1; margin-top:-17px;}
.tablet .custom-magavisual-btn img {width:18px;}
.tablet .custom-magavisual-btn.prev {left:20px;}
.tablet .custom-magavisual-btn.next {right:20px;}
.tablet .custom-magavisual .slider-pagerbox {bottom:65px; width:auto; left:80px;}
.tablet .custom-magavisual-item {position:relative;}
.tablet .custom-magavisual-item a:after {content:""; display:block; clear:both;}
.tablet .custom-magavisual-itemtxt {padding:0; width:55%; position:absolute; left:60px; top:60px;}
.tablet .custom-magavisual-itemtxt p {padding-left:20px; padding-right:20px;}
.tablet .custom-magavisual-itemtxt .category {padding-bottom:20px;}
.tablet .custom-magavisual-itemtxt .month {height:40px; line-height:40px; width:248px; padding-left:30px; background-image:url('/hk/en/resource/img/components/magazine/magazine-barbg-1812.jpg');}
.tablet .custom-magavisual-itemtxt .tit {padding-top:30px; padding-bottom:20px;}
.tablet .custom-magavisual-itemtxt .des {display:block; height:45px;}
.tablet .custom-magavisual-itemimg {float:right; width:334px;}

.web .custom-magavisual {margin-bottom:100px;}
.web .custom-magavisual-btn {margin-top:-21px;}
.web .custom-magavisual-btn img {width:auto;}
.web .custom-magavisual-btn.prev {left:30px;}
.web .custom-magavisual-btn.next {right:30px;}
.web .custom-magavisual .slider-pagerbox {bottom:105px; left:120px;}
.web .custom-magavisual-itemtxt {top:100px; left:100px;}
.web .custom-magavisual-itemtxt .tit {padding-top:40px;}
.web .custom-magavisual-itemtxt .month {font-size:20px; height:50px; line-height:50px; width:340px; padding-left:30px;}
.web .custom-magavisual-itemtxt .des {height:95px; font-size:14px;}
.web .custom-magavisual-itemimg {width:500px;}
@charset "utf-8";

.custom-downloadbtn {display:block; background:#8cd3ff; height:32px; line-height:32px; width:100%;}


@charset "utf-8";

/* magazine list item - list page */
.magalist-col2 {max-width:960px; margin:0 auto;}
.magalist .magaitem-item {width:100%; padding-top:0; padding-bottom:50px;}
.magalist .magaitem-item > a {display:block;}
.magalist .magaitem-txt {padding:0 15px;}
.magazine-circlebtn {margin:0 15px; border-top:1px solid #e4e4e4;}

.tablist.tabslider {max-width:600px; margin:0 auto;}
.tablist .tablist-arrow {position: absolute; top:10px;}
.tablist .UIslider-prev {left:0;}
.tablist .UIslider-next {right:0;}
.tablist-con {margin:0 auto;}
.tablist-con .UIslider { margin:0 auto;  position: relative;}
.tablist-con .UIslider .UIslider-container { max-width:500px; overflow: hidden; display: block; margin:0 auto; padding:7px 0 10px 0;}
.tablist-con .UIslider .UIslider-item {padding:0; width: 100%; border-left: none; }
.tablist-con .UIslider .UIslider-item.active {padding:0; width: 100%; background: none; color: #000; border-bottom: none;}
.tablist-con .UIslider .UIslider-item .UIslider-con{ width: 20%; border-left: 1px solid #d9d9d9; padding:3px 0;}
.tablist-con .UIslider .UIslider-item.active .UIslider-con{  border-bottom: none; color: #000; }
.tablist-con .UIslider .UIslider-item .UIslider-con:first-child{ border-left: none;}
.tablist-con .UIslider .UIslider-item .UIslider-con span{ font-size: 14px; }
.tablist-con .UIslider .UIslider-item .UIslider-con.current span{ border-bottom: 4px solid #c5497d; color: #c5497d; padding:7px 0 10px 0;}


.tablet .magalist {margin:0 30px; }
.tablet .magalist .magaitem {margin-left:-40px;}
.tablet .magalist .magaitem-item {width:50%; padding-left:40px;}
.tablet .magalist .magaitem-txt {padding:0;}
.tablet .magalist .magaitem-img {height:223px;}
.tablet .magalist .magaitem-img.square {height:334px;}
.tablet .magazine-circlebtn {margin:0 30px;}

.web .magalist .magaitem {margin-left:-60px;}
.web .magalist .magaitem-item {padding-left:60px;}
.web .magalist .magaitem-img {height:300px;}
.web .magalist .magaitem-img img {height:300px;}
.web .magalist .magaitem-img.square {height:450px;}
.web .magalist .magaitem-img.square img{height:450px;}


/* magazine list item - view page */
.magaviewlist {padding-top:50px; padding-bottom:50px;}
.magaitem-item {padding-top:30px;}
.magaitem-item > a {display:block;}
.magaitem-txttit {padding:20px 0;}
.magaitem-txttit .category {display:inline-block; padding-right:30px; background:url('/hk/en/resource/img/components/common/titbg-smallline.gif') no-repeat right center;}
.magaitem-txttit .date {float:right;}
.magaitem-txtcon dt {padding-bottom:20px;}
.magaitem-img img {width:100%;}


.tablet .magaviewlist {overflow: hidden;}
.tablet .magaitem { margin-left: -30px;}
.tablet .magaitem:after {content:""; display:block; clear:both;}
.tablet .magaitem-item {width:33.3%; float:left; padding-left: 30px; }
.tablet .magaitem-img {overflow:hidden; height:216px; position:relative;}
.tablet .magaitem-img img {height:100%; width:auto; position:absolute; left:50%;}


.web .magaitem {margin-left:-60px;}
.web .magaitem-item {padding-left: 60px;}
.web .transitem a .magaitem-img { overflow: hidden; }
.web .transitem a .magaitem-img img{
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.web .transitem a:hover .magaitem-img img{
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.ie8 .web .transitem a:hover .magaitem-img img{
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.web .magaitem-img {height:360px; overflow: hidden;}
.web .transitem {overflow: hidden;}


/* past magazine colum */

.pastmaga-colum {margin-left:-60px;}
.pastmaga-colum:after {content:""; display:block; clear:both;}
.pastmaga-colum-item {padding-left:60px; padding-bottom:60px; float:left; width:25%;}

.tablet .magazine-past-name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.web .custom-magavisual-itemtxt {width:600px;}