/* Story */

@media only screen and (max-width: 3000px) {
	h1 {font-size: 32px !important; margin:40px 0;}
	img.adv-responsive {margin-right: 40px;}
	img.img-responsive {width: 33%; margin-right: 40px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
	
	.page-dse-2020 h1 {font-size: 42px !important;}
	.page-dse-2020 header img.img-responsive {width: 20%;}
	
	.page-msp-2019 h1 {font-size: 42px !important;}
	.page-msp-2019 header img.img-responsive {width: 20%;}
}
@media only screen and (max-width: 1680px) {
	img.img-responsive {width: 33%; margin-right: 40px;}
	img.adv-responsive {margin-right: 40px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
}
@media only screen and (max-width: 1280px) {
	img.img-responsive {width: 33%; margin-right: 40px;}
	img.adv-responsive {margin-right: 40px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
}
@media only screen and (max-width: 1024px) {
	img.img-responsive {width: 33%; margin-right: 40px;}
	img.adv-responsive {margin-right: 40px;}
	img.img-responsive02 {width: 20%;}
	img.img-responsive03 {width: 25%;}
}
@media only screen and (max-width: 800px) {
	.page-dse-2020 header h1 {display:block; font-size: 36px !important; text-align: center;}
	.page-dse-2020 header.qe-shop img.img-responsive {width: 200px; margin: 0 40px 24px 0;}
	.page-dse-2020 header.qe-shop img.adv-responsive {width: 200px; margin: 0 40px 24px 0;}
}
@media only screen and (max-width: 767px) {
	h1 {margin:40px 0;}
	.thumb-list-header { font-size: 16px;}
	img.header-img-01 {width: 30%; margin-right: 12px;}
	img.header-img-02 {width: 24%; margin-right: 12px;}
	img.header-img-03 {width: 25%;}
}
@media only screen and (max-width: 700px) {
	.page-msp-2019 h1 {display:block; font-size: 36px !important;}
	.page-msp-2019 header.msp img.img-responsive {display:block; width: 200px; margin: 0 auto 24px auto;}
	.page-msp-2019 header.msp img.adv-responsive {display:block; width: 200px; margin: 0 auto 24px auto;}
}
@media only screen and (max-width: 640px) {
	h1 {font-size: 32px !important;}
	img.img-responsive {width: 33%; margin-right: 15px;}
	img.adv-responsive {margin-right: 15px;}
	img.img-responsive02 {width: 19%;}
	img.img-responsive03 {width: 24%;}
}
@media only screen and (max-width: 600px) {
	/*.ct-nav .visible-links a.ct-home img {	height: 40px !important;}*/
	.ct-nav .visible-links a.hku-home img {max-height: 25px !important;}
	.ct-nav .visible-links li:nth-child(2) {padding-left: 15px !important;}
}
@media only screen and (max-width: 500px) {
	/*.ct-nav .visible-links a.ct-home img {height: 33px !important;}*/
	.ct-nav .visible-links a.hku-home img {max-height: 18px !important;}
	.ct-nav .visible-links li:nth-child(2) {padding-top: 13px !important;padding-left: 0px !important; -webkit-transform : scale(0.75) !important; font-size:10pt;}
	/*.ct-nav a {padding: 14px 0 0 0 !important;}*/
}
@media only screen and (max-width: 450px) {
	/*.ct-nav .visible-links a.ct-home img {height: 28px !important;}*/
	.ct-nav .visible-links a.hku-home img {max-height: 14px !important;}
}
@media only screen and (max-width: 400px) {
	/*.ct-nav .visible-links a.ct-home img {height: 25px !important;}*/
	.ct-nav .visible-links a.hku-home img {max-height: 13px !important;}
	.ct-nav .visible-links li:nth-child(2) {padding-left: 10px !important;}
}
@media only screen and (max-width: 460px) {
	h1 {font-size: 26px !important; margin:20px 0;}
	.thumb-list-header { font-size: 17px; }
	img.header-img-01 {width: 42%; margin-right: 12px;}
	img.header-img-02 {width: 34%; margin-right: 0;}
	img.header-img-03 {width: 36%; margin-top: 12px;}
}
@media only screen and (max-width: 360px) {
	img.header-img-01 {width: 46%; margin-right: 12px;}
	img.header-img-02 {width: 38%; margin-right: 0;}
	img.header-img-03 {width: 36%; margin-top: 12px;}
}

@media only screen and (min-width: 768px) {
	h1 {font-size: 32px !important; margin:40px 0;}
	img.header-img-01 {width: 30%; margin-right: 12px;}
	img.header-img-02 {width: 24%; margin-right: 12px;}
	img.header-img-03 {width: 25%;}
}

.dse-2020 {
	background: url("../jpg/dse-2020.jpg") center center !important;
}

img.img-responsive {display: inline;}
img.adv-responsive {display: inline; max-width: 100%; height: auto; }
h1 {text-align:center;}
.page-dse-2020 h1 {display: inline-block; color: #fff; text-align: left; vertical-align: middle; margin-bottom: 0; }
.page-dse-2020 .thumb-blk .thumb-img-w { padding-bottom: 56.25%; }
.page-dse-2020 header.cef {
	background: url("../hkuspace-ce.html") center center !important;
}
.page-dse-2020 header.qe-shop img {
	width: 33%;
	max-width: 220px;
}
.page-dse-2020 header .bg-overlay {
	background-color: rgba(255, 255, 255, 0.45);
}

h2 {
	margin:0px 0 0px 0 !important;
}
h3 a:link, h3 a:visited {color: #333}
h3 a:hover  {color: #888}

.thumb-blk .title {
	/*font-size: 12px !important;*/
}
.logo .thumb-blk {
	border-bottom: 0px !important;

}
.blk-height .thumb-blk .title {
	height: 120px !important;
}
.blk-height02 .thumb-blk .title {
	height: 80px !important;
}
.page-dse-2020 .art-story .tag-list .tag{
	background-color: #ae3838; 
}
.page-dse-2020 .thumb-blk.art-story{
	border-bottom-color: #ae3838; 
}

@media (min-width: 768px) and (max-width: 991px) {
	/* Thumb */
	.thumb-blk .title { font-size: 16px;}
}
.ct-nav .visible-links a.hku-home img {
	height:auto;
	max-height: 31px;
}
.ct-nav .visible-links li {
	font-size:12px;
}
.ct-nav .visible-links li:nth-child(2) {
	padding-left: 30px;
    padding-top: 19px;
    vertical-align: top;
}
.ct-nav .visible-links a:not(.ct-home):hover {
	border-bottom-color: #fff;
}