@charset "utf-8";
											.IDummyClassifyA{		 padding:0; background-color:#f4f4f4; } .IDummyClassifyA>.outBox{ padding:50px 0; } @media screen and (max-width:768px){ .IDummyClassifyA{		 } .IDummyClassifyA>.outBox{ padding:5.8vw 0; } }																				 .IDummyClassifyA{					 position: relative;					 }					 					 .IDummyClassifyA .vAlign{					 display:inline-block;					 vertical-align:middle;					 width:0;					 height:100%;					 }					 					 .IDummyClassifyA .title{					 width: 100%; max-width: 1460px; margin: 0 auto; padding-top: 0; padding-bottom: 20px; font-size: 20px; letter-spacing: 0em; text-align:left; position:relative;					 }					 					 .IDummyClassifyA .viewAll{					 position:absolute;					 top:10px;					 right:0;					 }					 					 .IDummyClassifyA .viewAll .text{					 display:inline-block;					 vertical-align:top;					 color:#787878;					 font-size:14px;					 }					 					 .IDummyClassifyA .viewAll .icon{					 display:inline-block;					 vertical-align:top;					 width:20px;					 height: 20px; line-height: 15px; padding-left:5px;					 }					 					 .IDummyClassifyA .viewAll .icon .arrow{					 display:inline-block;					 vertical-align:middle;					 width:7px;					 height:10px;					 background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(/hk/images/common/ico_arD5_right_a.svg);					 }					 					 .IDummyClassifyA .shareBox { margin-top: 18px; width: 100%; text-align: center; } .IDummyClassifyA ul{ display:block; } .IDummyClassifyA .shareBox li { display: inline-block; vertical-align: middle; text-indent: -9999px; background-image: url(/hk/images/common/social-iconsA.svg); background-size: cover; width: 35px; height: 35px; opacity: 0.4; margin: 0 10px; cursor: pointer; } .IDummyClassifyA .shareBox a:nth-child(1) li { background-position: 0 0; } .IDummyClassifyA .shareBox a:nth-child(2) li { background-position: -37px 0; } .IDummyClassifyA .shareBox a:nth-child(3) li { background-position: -73px 0; } .IDummyClassifyA .showBoard{ width:100%; max-width:1460px; margin:0 auto; padding-top:20px; padding-bottom:20px; } .IDummyClassifyA .cBox{ margin: 0 auto 0 -40px; overflow: hidden; } .IDummyClassifyA .container{ width: 100%; display: inline-block; vertical-align:top; } .IDummyClassifyA .unit{ display: inline-block; vertical-align: top; margin-top: 0; padding-left: 40px; width: 16.666666666667%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .IDummyClassifyA .inBox{ width:100%; padding:7px 7px 14px 7px; background-color:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:5px; } .IDummyClassifyA .inBoxA{ background-color:#f4f4f4; } .IDummyClassifyA .imgBox{ width:100%; height:0; padding-top:100%; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:5px; } .IDummyClassifyA .imgBoxA{ border-radius:50%; } .IDummyClassifyA .imgBox img{ display:none; } .IDummyClassifyA .info{ padding-top:13px; text-align:center; } .IDummyClassifyA .subject{ font-size:16px; color:#222; white-space: nowrap; overflow:hidden; } .IDummyClassifyA .classify{ font-size:16px; color:#787878; white-space: nowrap; overflow:hidden; } .IDummyClassifyA .classifyA{ display:none; } @media screen and (max-width:1760px) { .IDummyClassifyA .showBoard{ width:90%; } } @media screen and (max-width:1600px) { .IDummyClassifyA .showBoard{ padding-top:2.8125vw; } } @media screen and (max-width:1460px) { .IDummyClassifyA .cBox{ margin: 0 auto 0 -2.74vw; } .IDummyClassifyA .unit{ padding-left: 2.74vw; } .IDummyClassifyA .inBox{ width:100%; padding:0.479vw 0.479vw 0.96vw 0.479vw; border-radius:5px; } .IDummyClassifyA .info{ padding-top:0.89vw; text-align:center; } .IDummyClassifyA .subject{ font-size:1.1vw; } .IDummyClassifyA .classify{ font-size:1.1vw; } } @media screen and (max-width:1260px) { .IDummyClassifyA .cBox { margin: 0 auto 0 -3.38vw; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-touch-action: manipulation; touch-action: manipulation; } .IDummyClassifyA .container { width: auto; display:flex; } .IDummyClassifyA .unit{ padding-left: 3.38vw; width: 20vw; } } @media screen and (max-width:940px) { .IDummyClassifyA .cBox { margin: 0 auto 0 -3.38vw; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-touch-action: manipulation; touch-action: manipulation; } .IDummyClassifyA .container { width: auto; display:flex; } .IDummyClassifyA .unit{ padding-left: 3.38vw; width: 25vw; } } @media screen and (max-width:768px) { .IDummyClassifyA .title{ width:90%; padding-bottom: 3vw; font-size: 4.83vw; } .IDummyClassifyA .shareBox { margin-top: 4.35vw; } .IDummyClassifyA .shareBox li { width: 10vw; height: 10vw; margin: 0 1.5vw; } .IDummyClassifyA .shareBox a:nth-child(1) li { background-position: 0 0; } .IDummyClassifyA .shareBox a:nth-child(2) li { background-position: -10.394vw 0; } .IDummyClassifyA .shareBox a:nth-child(3) li { background-position: -20.63vw 0; } .IDummyClassifyA .showBoard{ padding-top:2.87vw; width:100%; } .IDummyClassifyA .cBox { margin: 0 auto 0 -3.38vw; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-touch-action: manipulation; touch-action: manipulation; } .IDummyClassifyA .container { width: auto; display:flex; padding-left: 5vw; } .IDummyClassifyA .unit{ padding-left: 3.38vw; width: 40vw; } .IDummyClassifyA .inBox{ width:100%; padding: 1.5vw 1.5vw 1.92vw 1.5vw; border-radius:5px; } .IDummyClassifyA .subject{ font-size:3.86vw; } .IDummyClassifyA .classify{ font-size:3.86vw; } .IDummyClassifyA .viewAll{ top:2.42vw; } .IDummyClassifyA .viewAll .text{ font-size:3.38vw; } .IDummyClassifyA .viewAll .icon{ width:4.83vw; height: 4.83vw; line-height: 3.62vw; padding-left:1.21vw; } .IDummyClassifyA .viewAll .icon .arrow{ width:1.69vw; height:2.42vw; }