@charset "utf-8"; /* Copyright 2016 AL:Designs All Rights Reserved. */ #content .photoBox { /* max-width: 695px; */ /* width: 100%; */ /* height: 568px; */ /*float: left;*/ border: 1px solid #dddddd; overflow: hidden; } #content .photoBox #mainPhoto { width: 100%; /* height: 480px; */ border-bottom: 1px solid #dddddd; background-color: #f1f1f1; padding: 5px 0px; text-align: center; position: relative; overflow: hidden; } #content .photoBox #mainPhoto ul#flexslider-main { width: 1100%; } #content .photoBox #mainPhoto ul#flexslider-main li { width: 648px; text-align: center; float: left; } #content .photoBox #mainPhoto ul.flex-direction-nav { position: absolute; top: 5px; left: 0; width: 100%; } #content .photoBox #mainPhoto .flex-direction-nav li a { display: block; width: 80px; height: 480px; filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; } #content .photoBox #mainPhoto .flex-direction-nav li a:hover { filter: alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45; } #content .photoBox #mainPhoto .flex-direction-nav li a.flex-prev { background: url('../../img/common/slide_prev.png') center center no-repeat; } #content .photoBox #mainPhoto .flex-direction-nav li a.flex-next { background: url('../../img/common/slide_next.png') center center no-repeat; } #content .photoBox #thmbPhoto { max-width: 615px; height: 66px; overflow: hidden; position: relative; padding: 5px 40px; } #content .photoBox #thmbPhoto ul.slides { padding: 0px; } #content .photoBox #thmbPhoto ul.slides li { width: 80px; height: 60px; border: 3px solid #dddddd; float: left; padding: 0; margin: 0 5px 0 0; overflow: hidden; } #content .photoBox #thmbPhoto ul.slides li a { display: block; overflow: hidden; } #content .photoBox #thmbPhoto ul.slides li:hover { border: 3px solid #9999ee; } #content .photoBox #thmbPhoto ul.slides li.flex-active-slide { border: 3px solid #ee9999; } #content .photoBox #thmbPhoto ul.flex-direction-nav { position: absolute; top: 0; left: 0; width: 692px; } #content .photoBox #thmbPhoto .flex-direction-nav li a { display: block; width: 40px; height: 80px; filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; } #content .photoBox #thmbPhoto .flex-direction-nav li a:hover { filter: alpha(opacity=45); -moz-opacity: 0.45; opacity: 0.45; } #content .photoBox #thmbPhoto .flex-direction-nav li a.flex-prev { background: url('../img/slide_prev.png') center center no-repeat; background-size: 50%; } #content .photoBox #thmbPhoto .flex-direction-nav li a.flex-next { background: url('../img/slide_next.png') center center no-repeat; background-size: 50%; } .btn-box{ display: flex; justify-content: space-between; /* padding-top: 1.5rem; */ } #populars li .btn-box .link-todetail{ width: 49%; display: block; /* width: 43%; */ border: 2px solid #333; padding: 8px; text-align: center; /* margin-top: 40px; */ font-size: 85%; font-weight: bold; box-sizing: border-box; } #populars li .btn-box .link-todetail2{ width: 49%; display: inline-block; /* width: 45%; */ /* border: 2px solid #333; */ padding: 10px; background-color: #dc3c3c; color: #fff; text-align: center; /* margin-top: 40px; */ font-size: 85%; font-weight: bold; box-sizing: border-box; }