/*+++++hj_go_1224+++++*/ /*+++++hj_end_1224+++++*/ /*+++++hj_go_1225+++++*/ /*+++++hj_end_1225+++++*/ /*+++++hj_go_1227+++++*/ @charset "utf-8"; .hj_mk_1227_content { margin-left: auto; margin-right: auto; width: 100%; margin-top: 10px; margin-bottom: 10px; } .hj_mk_1227_nrbj { display: inline-block; padding: 10px 20px 0; width: 100%; box-sizing: border-box; margin:0 auto; } .hj_mk_1227_right { overflow: hidden; margin:0 auto; } .hj_mk_1227_righttop { height: 3px; font-size: 0; overflow: hidden; } .hj_mk_1227_right_main { padding-bottom: 15px; overflow: hidden; } .hj_mk_1227_right_main a{ text-decoration:none; } .hj_mk_1227_pro_main { zoom: 1; padding: 10px 0px; overflow: hidden; } .hj_mk_1227_pro_main_list { float: left; width: calc(33.333% - 20px); box-sizing: border-box; margin:20px 10px; background: #fff; transition: transform 0.5s, box-shadow 0.5s; -moz-transition: transform 0.5s, box-shadow 0.5s; -ms-transition: transform 0.5s, box-shadow 0.5s; -o-transition: transform 0.5s, box-shadow 0.5s; -webkit-transition: transform 0.5s, box-shadow 0.5s; } .hj_mk_1227_pro_main_list:hover{ box-shadow: 0 4px 10px rgba(0,0,0,0.15);transform: translateY(-3px); -moz-transform: translateY(-3px); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px);} .hj_mk_1227_pro_main_list .hj_mk_1227_pro_clear{ display:block } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_tua { overflow: hidden; width: 100%; display: block; text-decoration: none; text-align: center; /*padding:0 0 10px 0;*/ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_tua:hover { overflow: hidden; width: 100%; display: block; text-decoration: none; text-align: center; /*padding:0 0 10px 0;*/ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_listtudiv { width: 100%; height: 320px; padding: 0; vertical-align: top; clear: both; overflow: hidden; display: flex; align-items: center; justify-content: center; } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_listtudiv .hj_mk_1227_pro_main_list_listtudiv_listtu { width: 100%; max-height: 300px; padding: 0; vertical-align: top; clear: both; overflow: hidden; display: flex; align-items: center; justify-content: center; } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_listtudiv .hj_mk_1227_pro_main_list_listtudiv_listtu { max-width: 100%; max-height: 100%; transition:transform 300ms ease-out; -moz-transition: -moz-transform 300ms ease-out; /* Firefox 4 */ -webkit-transition: -webkit-transform 300ms ease-out; /* Safari and Chrome */ -o-transition:-o-transform 300ms ease-out; /* Opera */ } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_listtudiv .hj_mk_1227_pro_main_list_listtudiv_listtu:hover{ transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); /* Firefox 4 */ -webkit-transform:scale(1.2, 1.2); /* Safari and Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_mzdd { text-align: center; line-height: 48px; padding: 0 0 0 5px; margin:0px; } .hj_mk_1227_pro_main_list .hj_mk_1227_pro_main_list_mzdd .hj_mk_1227_pro_main_list_mzdd_a { color: #333; font-size: 14px; font-weight: 100; display: inline-block; padding: 0 0 0 20px; text-decoration:none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .hj_mk_1227_pro_main_list:hover .hj_mk_1227_pro_main_list_mzdd .hj_mk_1227_pro_main_list_mzdd_a { color: #2383cf } /**/ .hj_mk_1227_leib { width: 237px; float: left; overflow: hidden; border: 1px solid #f1f0f0; border-radius: 10px 10px 0 0; margin-bottom: 15px; } .hj_mk_1227_sidebar-tile{background: #ffffff; border-bottom: 2px solid #eeeeee;} .hj_mk_1227_sidebar-tile .hj_mk_1227_nav-ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; } .hj_mk_1227_sidebar-tile .hj_mk_1227_nav-ul .hj_mk_1227_li { white-space: nowrap; display: inline-block; float: none; padding: 10px 0; } .hj_mk_1227_sidebar-tile .hj_mk_1227_nav-ul .hj_mk_1227_li a { text-decoration: none; display: block; padding: 5px 10px; font-size: 16px; font-weight: 300; } /*+++++hj_end_1227+++++*/ /*+++++hj_go_1226+++++*/ /*+++++hj_end_1226+++++*/