.links {overflow:hidden; margin-top:30px;}
.links .feat {float:left; width:50%;}
.links .feat .farea {margin:0px 10px;}
.links .feat .farea a {display:block; color:#db124b;}
.links .feat .farea a img {display:block; max-width:100%; border:solid 10px #f7f7f7; box-sizing:border-box;}
.links .feat .farea a span {display:block; text-align:center; margin-top:15px; font-weight:700;}
.links .feat .farea a:hover img {border-color:#db124b;}

.res720 .links {margin-top:20px;}
.res720 .links .feat .farea a span {margin-top:10px;}

.res480 .links {margin:0px;}
.res480 .links .feat {float:none; width:auto; margin-top:20px;}
.res480 .links .feat .farea {margin:0px;}

.res320 .links {margin:0px;}
.res320 .links .feat {float:none; width:auto; margin-top:20px;}
.res320 .links .feat .farea {margin:0px;}