<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.sokb-sokblistitem-titleinfo {
	padding:20px 15px;
}

.sokb-sokblistitem-titleinfo .category {
	display: inline-block;
	padding-right:30px;
	padding-bottom: 10px;
	background:url('/hk/en/resource/img/components/common/titbg-smallline.gif') no-repeat right top;
}

.sokb-sokblistitem-titleinfo .date {
	display: block;
    height:37px;
}

.custom-relatedlist {
    overflow: hidden;
    display:none;
}

.custom-relatedlist-wrap {
	margin-left: -16px;
}

.custom-relatedlist-wrap:after {
	clear:both;
	content:'';
	display: block;
}

.custom-relatedlist-item {
	float: left;
	width: 33.33%;
	padding-left:16px;
}

.custom-relatedlist-item a {
	display: block;
	border:1px solid #e5e5e5;
}

.custom-relatedlist-item img {
	width: 100%;
}

.com-videothumb-thumb {
	position: relative;
}

.tablet .sokb-sokblistitem-titleinfo {
    padding:20px 0;
}

.web .sokbviewbox-right .relaproduct-slider-wrap .UIslider-item a {
    width: 100%;
}

.web .sokb-sokblistitem-titleinfo{
    position: relative;
}
.web .sokb-sokblistitem-titleinfo:after {
    clear:both;
    content:'';
    display: block;
}

.web .sokb-sokblistitem-titleinfo .category {
    position: absolute;
    left:0;
    top:20px;
}

.web .sokb-sokblistitem-titleinfo .date {
    float: right;
    padding-left:110px;
    height:40px;
}

.sokb-colum33-wrap {*zoom:1}

.sokb-colum33-wrap:after {
	clear:both;
	content:'';
	display: block;
}

.sokb-colum33-item {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}


.tablet .sokb-colum33 {
    overflow: hidden;
}

.tablet .sokb-colum33-wrap {
    margin-left:-36px;
    padding-bottom: 30px;
}

.tablet .sokb-colum33-item {
    width: 33.33%;
    padding:0 0 50px 36px;

}

.web .sokb-colum33 {
    overflow: hidden;
    padding-bottom:10px;
}

.web .sokb-colum33-wrap {
    margin-left:-60px;
    padding-bottom: 0;
}

.web .sokb-colum33-item {
    width: 33.33%;
    padding:0 0 0 60px;

}
@charset "utf-8";



.custom-sokb-visual {
	padding-bottom: 30px;
}

.custom-sokb-visualwrap{
	position: relative;
}

.custom-sokb-tit {
	padding:20px 15px;
	font-stretch: extra-condensed;
	background: url('/hk/en/resource/img/school-of-k-beauty/sokb-titbg.png') repeat-x 0 0;
}

.custom-sokb-titcon {
	padding-bottom: 10px;
}


.custom-sokb-visualimg {
	text-align: center;
}

.custom-sokb-visualimg img{
	width: 100%;
}

.custom-sokb-visualtext {
	padding-top: 20px;
}

.custom-skob-month{
	color: #959595;
	font-size: 180px;
	line-height:100%;
    letter-spacing:-15px;
}

.custom-skob-year, .custom-skob-tit, .custom-skob-con {
	display: block;
	padding:0 15px;

}

.custom-skob-year {
	padding: 0 15px 10px 15px;
}

.custom-skob-tit {
	padding-bottom: 20px;
}

.custom-skob-con {
	padding-bottom: 30px;
}

.custom-sokb-thumblist {
	padding:0 15px;
}

.custom-sokb-thumblist-wrap {
	overflow: hidden;
}

.custom-sokb-thumblist-item {
	margin-top: 20px;
	min-height:73px;
	position: relative;
}

.custom-sokb-thumblist-item a{
	display: block;
	min-height:73px;
}

.custom-sokb-thumblist-item:first-child {
	margin-top: 0;
}

.custom-sokb-thumblist-photo {
	position: absolute;
	left:0;
	top:0;
}

.custom-sokb-thumblist-play {
	display: block;
	width: 30px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -15px;
}

.custom-sokb-thumblist-item a:hover .custom-sokb-thumblist-dimmd {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.2;
}

.custom-sokb-thumblist-play img{
	width: 100%;
}

.custom-sokb-thumblist-con {
	padding-left:120px;
}

.custom-sokb-thumblist-con dl dt{
	padding-bottom: 20px;
}

.custom-sokb-thumblist-con dl dd{
	line-height:1.5;
	height:40px;
	word-wrap: break-word;
}

.tablet .custom-sokb-visual {
    background: url('/hk/en/resource/img/school-of-k-beauty/sokb-viualbg.png') no-repeat left 60px;
    padding-top:30px;
    padding-bottom :60px;
}

.tablet .custom-sokb-wrapper {
    position: relative;
    background: url('/hk/en/resource/img/school-of-k-beauty/sokb-viualbg.png') no-repeat 80% top;
}

.tablet .custom-sokb-visualwrap{
    position: relative;
}

.tablet .custom-sokb-visualimg {
    max-width:472px;
    margin: 0 auto;
}

.tablet .custom-sokb-tit {
    position: absolute;
    left:0;
    top:40px;
    width: 236px;
}

.tablet .custom-sokb-visualtext {
    position: absolute;
    right:0;
    bottom:40px;
    padding:0;
    width: 300px;
}

.tablet .custom-skob-month{
    text-align: right;
}

.tablet .custom-sokb-thumblist {
    padding:0;
    max-width:800px;
    margin:0 auto;
}

.tablet .custom-sokb-thumblist-wrap {
    overflow: hidden;
    margin-top: 20px;
    margin-left:-20px;
}

.tablet .custom-sokb-thumblist-item {
    margin: 0;
    float: left;
    padding-left:20px;
    width: 50%;
}

.tablet .custom-sokb-thumblist-photo {
    left:20px;
}

.tablet .custom-skob-con, .tablet .custom-skob-tit, .tablet .custom-skob-year {
    padding-left:0;
    padding-right:0;
}


.web .custom-sokb-visual {
    padding-top:40px;
    padding-bottom :100px;
    background-position:30px 200px;
}


.web .custom-sokb-wrapper {
    background-position:90% top;
}

.web .custom-sokb-tit {
    width: 500px;
    top:60px;
    padding: 30px 30px 30px 30px;
}

.web .custom-sokb-titcon {
    padding-bottom: 30px;
}


.web .custom-sokb-visualtext {
    right:0;
    bottom:60px;
    width: 382px;
}


.web .custom-sokb-visualimg {
    max-width:600px;
    margin: 0 auto;
}

.web .custom-sokb-visualimg img{
    padding-left: 100px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.web .custom-skob-month{
    font-size: 240px;
}

.web .custom-skob-con {
    padding-bottom: 0;
}

.web .custom-sokb-thumblist{
    position: absolute;
    left:30px;
    bottom:60px;
}

.web .custom-sokb-thumblist {
    width: 300px;
}

.web .custom-sokb-thumblist-wrap{
    margin:0;
}

.web .custom-sokb-thumblist-item {
    padding-left:0;
    width: 300px;
    margin-top: 40px;
}

.web .custom-sokb-thumblist-photo{
    left:0
}</pre></body></html>