@charset "UTF-8";
/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */

@import "news_list.css";


img {
    -webkit-backface-visibility: hidden;
		image-rendering: -webkit-optimize-contrast;
}

/* HEADLINE
--------------------------------------- */
h2.ct {
	width: 980px;
	height: 76px;
	text-indent: -8883px;
}
h3.pt {
	display: none;
}
.ctop h3.pt {
	display: block;
	width: 980px;
	height: 30px;
	text-indent: -8883px;
}
.ctop h4.st,
.ctop h5.st {
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.03em;
	background: #333333 url(/img/2016/top/bg_grid.jpg) 0 0 repeat-x;
	font-family: 'メイリオ', sans-serif;
	font-weight: 700;
	font-size: 17px;
	color: #FFFFFF;
}

.ctop #side-mini-list h4.st {
	height: 27px !important;
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	background: none !important;
}
.ctop #side-pocket-calender h4.st{
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
.ctop #main h4.st{
	margin-left: -20px;
}

#fanclub h4.st_img,
#farm h4.st_img{
	margin-left: -20px;
}

h4.st_bg{
	width: 712px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	font-weight: bold;
	background: transparent url(/img/common/st_bg.gif) 0 0 no-repeat;
	padding-left: 28px;
}

/* TEXT
--------------------------------------- */
.red {
	color: #CC0000;
}
.tel {
	color: #CC0000;
	font-size: 20px;
}
.center {
	text-align: center;
}

.font16{
	font-size:16px;
}


.closing_comment{
    line-height: 1.8em;
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
    font-weight:bold;
	}


/* BANNER
--------------------------------------- */
#sp-banner {
}
.ad-banner p {
	margin-top: 10px;
	text-align: center;
}
.sidebnr-free {
	margin-top: 10px;
}

/* TABLE
--------------------------------------- */
table.basic-table {
	border: 1px solid #676767;
}
table.basic-table caption {
	line-height: 1.5;
}
table.basic-table th,
table.basic-table td {
	padding: 3px 5px;
	border: 1px solid #676767;
	font-weight: normal;
	background: #FFF;
	line-height: 1.8;
	text-align: center;
}
table.basic-table th {
	background: #E1E1E1;
}
table.basic-table td.left {
	text-align: left;
}
table.basic-table td.nowrap {
	white-space: nowrap;
}
table.basic-table tr.even td {
	background: #FFFADB !important;
}

table.basic-table1 {
	margin-bottom: 20px;
}
table.basic-table1 caption {
	line-height: 1.5;
}
table.basic-table1 th,
table.basic-table1 td {
	padding: 4px 10px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	line-height: normal;
	background: #FFF;
	line-height: 1.5;
}
table.basic-table1 th {
	background: #EEEEEE;
}
table.basic-table1 td {
	text-align: left;
}
table.basic-table2 {
	margin-bottom: 20px;
}
table.basic-table2 caption {
	line-height: 1.5;
}
table.basic-table2 th,
table.basic-table2 td {
	padding: 4px 10px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	line-height: normal;
	background: #FFF;
	line-height: 1.5;
}
table.basic-table2 th {
	background: #EEEEEE;
}
table.basic-table2 td {
	text-align: center;
}
table.basic-table3 {
	margin: 0;
}
table.basic-table3 th,
table.basic-table3 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	text-align: center;
}
table.basic-table3 thead th {
	background: #FFF4A3;
}
table.basic-table3 tbody th {
	 background: #EEEEEE;
}
table.basic-table3 tbody td {
	background: #FFFFFF;
}
.basic-table4 {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table4 th,
.basic-table4 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	text-align: left;
}
.basic-table4 th {
	background: #EEEEEE;
}
.basic-table4 td {
	background: #FFFFFF;
}
.basic-table5 {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table5 th,
.basic-table5 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	text-align: center;
}
.basic-table5 th {
	background: #EEEEEE;
}
.basic-table5 td {
	background: #FFFFFF;
}
.basic-table6 {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table6 th,
.basic-table6 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
}
.basic-table6 thead th {
	background: #FFF4A3;
	text-align: center;
}
.basic-table6 tbody th {
	 text-align: left;
	 background: #EEEEEE;
}
.basic-table6 tbody td {
	background: #FFFFFF;
	text-align: right;
}

.basic-table7 {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table7 th,
.basic-table7 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
}
.basic-table7 thead th {
	background: #FFF4A3;
	text-align: center;
}
.basic-table7 tbody th {
	 text-align: left;
	 background: #EEEEEE;
	 font-weight: normal;
}
.basic-table7 tbody td {
	background: #FFFFFF;
	text-align: center;
}
.basic-table8 {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table8 th,
.basic-table8 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	text-align: center;
}
.basic-table8 thead th {
	background: #F0FBFF;
	font-weight: normal;

}
.basic-table9 {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table9 th,
.basic-table9 td {
	padding: 7px 10px;
	border: 1px solid #D9D9D9;
	font-size: 12px;
	text-align: center;
}
.basic-table9 thead th {
	background: #F4F4F4;
	font-weight: normal;
}

.basic-table9 td.card1 {
	background: #FFFF66;
}
.basic-table9 td.card2 {
	background: #00A4A7;
	color: #FFFFFF;
}
.basic-table10 {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.basic-table10 th,
.basic-table10 td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	text-align: left;
}
.basic-table10 th {
	background: #EEEEEE;
}
.basic-table10 td {
	background: #FFFFFF;
	vertical-align: top;
}
.basic-table10 td.tit {
	background-color: #F0FBFF;
	text-align:left;
	font-weight: bold;
}


table.player-profile {
	margin-bottom: 20px;
}
table.player-profile th,
table.player-profile td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	line-height: normal;
	background: #FFF;
	line-height: 1.2;
}
table.player-profile th {
	background: #EEEEEE;
	white-space: nowrap;
}
table.player-profile td {
	text-align: left;
}
table.player-record {
	width: 100%;
	margin-bottom: 20px;
}
table.player-record th,
table.player-record td {
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	line-height: normal;
	background: #FFF;
}
table.player-record th {
	background: #EEEEEE;
}
table.player-record td {
	text-align: left;
}
table.player-stats {
	width: 100%;
	margin-bottom: 20px;
}
table.player-stats th,
table.player-stats td {
	padding: 5px 7px;
	border: 1px solid #CCCCCC;
	line-height: normal;
	text-align: center;
	line-height: 1.2;
}
table.player-stats thead th {
	background: #FFF4A3;
	font-weight: bold;
}
table.player-stats tfoot th {
	background: #EEEEEE;
}
table.ticket-common,
table.ticket-common2 {
	width: 100%;
}
table.ticket-common th,
table.ticket-common td,
table.ticket-common2 th,
table.ticket-common2 td {
	padding: 5px 10px;
	border: 1px solid #D9D9D9;
	text-align: center;
	line-height: 1.5;
}
table.ticket-common thead th,
table.ticket-common2 thead th {
	background: #F4F4F4;
	font-weight: normal;
}
table.ticket-common tbody th,
table.ticket-common2 tbody th {
	background: #F0FBFF;
	font-weight: normal;
}
table.ticket-common2 tbody td {
	text-align: left;
}
table.ticket-howto caption {
	padding-bottom: 5px;
	line-height: 1.8;
}
table.ticket-howto th,
table.ticket-howto td {
	border: 1px solid #D9D9D9;
	padding: 5px 10px;
	line-height: 1.8;
}
table.ticket-howto th {
	background: #F4F4F4;
	font-weight: bold;
}

table.calendar {
	margin: 0 0 30px;
	width:100%;
}
table.calendar th,
table.calendar td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
	text-align: center;
}

table.calendar td.sun{
	background-color: #ffe6ea;
	color: #CC0000;
}

table.calendar td.none{
	background-color: #eeeeee;
}


table.calendar thead th {
	background: #FFF4A3;
}
table.calendar tbody th {
	 background: #EEEEEE;
}
table.calendar tbody td {
	background: #FFFFFF;
}


/* CATEGORY TOP
--------------------------------------- */
.ctop #side-mini-list {
	margin-top: 10px;
}
.ctop #side-mini-list ul {
	background: url(../../img/line_3.gif) bottom left repeat-x;
}
.ctop #side-mini-list li {
	padding: 7px 0 7px 20px;
	line-height: 1.5;
	background: url(../../img/i_arrow.gif) 0 10px no-repeat;
}
.ctop #side-mini-list li.live {
	background: url(../../img/i_live.gif) 0 10px no-repeat;
}
.ctop #side-mini-list li.rec {
	background: url(../../img/i_rec.gif) 0 10px no-repeat;
}
.ctop #side-mini-list p.list {
	margin-top: 10px;
	text-align: right;
}
.ctop #others {
	margin-top: 18px;
}
.ctop #others .unit {
	padding: 10px 10px 0 10px;
}
.ctop #others ul {
	width: 345px;
}
.ctop #others ul.c-left {
	float: left;
}
.ctop #others ul.c-right {
	float: right;
}
.ctop #others li {
	padding: 10px 0 11px 0;
	background: url(../../img/line_1.gif) bottom left repeat-x;
}
.ctop #others li a,
.ctop #others li span {
	display:inline-block;
	padding-left: 27px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	background: url(../../img/arrow_others_normal.gif) 0 0 no-repeat;
}
.ctop #others li span{
	background-image:url(../../img/arrow_others_off.gif);
	color:#aaa;
	}
/* PICKUP PHOTO
--------------------------------------- */
#pickup-photo {
	margin-top: 10px;
	background: #F4F4F4;
}
#pickup-photo p {
	padding: 16px 20px 0 20px;
}
#pickup-photo p.text {
	padding: 5px 20px 16px 20px;
	line-height: 1.5;
}


/* GAME SCHEDULE
--------------------------------------- */
.schedule #article h4 {
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #999999;
	background: url(../../img/common/schedule/bg_schedule.gif) bottom right no-repeat;
}
.schedule #article p.pocket-calender {
	padding-top: 10px;
	text-align: right;
}
#game.schedule #article p.pocket-calender,
#event.schedule #article p.pocket-calender {
	position: relative;
}
#game.schedule #article p.pocket-calender a,
#event.schedule #article p.pocket-calender a  {
	display: block;
	width: 172px;
	height: 63px;
	position: absolute;
	top: 10px;
	right: 0;
}
.schedule #article p.bnr {
	margin-top: 10px;
}
.schedule #article .attention {
	margin: 5px auto;
	width: 732px;
}
.schedule #article .attention ul {
	margin: 10px 0;
}
.schedule #article .attention li {
	line-height: 1.8;
}
.schedule #article .attention td {
	padding: 0 20px 5px 0;
}
.schedule #sche-nav {
	padding: 10px 0;
	margin: 0 auto;
	width: 736px;
	height: 30px;
}
#game.schedule #sche-nav,
#event.schedule #sche-nav {
	padding-top: 33px;
}
.schedule #sche-nav table.change-month {
	float: left;
}
.schedule #sche-nav table.chnage-view {
	float: right;
}
.schedule #sche-nav table.change-month td {
	padding-right: 4px;
}
.schedule #sche-nav table.chnage-view td {
	padding-left: 4px;
}
.schedule #change-scene {
	margin: 0 auto;
	padding: 5px 0 2px 0;
	width: 736px;
	height: 32px;
}
.schedule #change-scene li.l {
	float: left;
}
.schedule #change-scene li.r {
	float: right;
}
.schedule #calender-all {
	margin: 0 auto;
	width: 736px;
	border-bottom: 1px solid #999999;
}
.schedule #calender-all thead th {
	width: 104px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.schedule #calender-all thead th.sun {
}
.schedule #calender-all thead th.sat {
}
.schedule #calender-all tbody td {
	vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.schedule #calender-all tbody td.home {
	background: #F3F9F0;
}
.schedule #calender-all tr.day td {
	padding: 5px 8px;
	width: 88px;
	background: #F0F0F0;
	border-bottom: 1px solid #FFFFFF;
}
#farm.schedule #calender-all tr.day td {
	background: #E5F5FA;
}
.schedule #calender-all tr.info td {
	padding: 6px 4px;
	width: 96px;
	border-top: 1px solid #F0F0F0;
	text-align: center;
}
.schedule #calender-all tr.status td {
	padding: 5px 4px;
	width: 96px;
	text-align: center;
}
.schedule #calender-all tr.status div {
	text-align: center;
}
.schedule #calender-all .type {
	padding-bottom: 2px;
	padding-bottom : 5px;
}
.schedule #calender-all .team {
	padding: 5px 0;
}
.schedule #calender-all .ticket {
	padding-top: 5px;
	text-align: center;
}
.schedule #calender-all .result {
	text-align: center;
	color: #0066CC;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.schedule #calender-all .yobi {
	color: #CCCCCC;
}


.schedule #calender-all tr.sponsor td{
	padding:0 5px;
	text-align:center;
}

.schedule #calender-all tr.icons td{
	text-align:center;
}

.schedule #calender-all tr.icons td a{
	text-decoration:none;
}

.schedule #calender-list {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 736px;
	border-bottom: 1px solid #555555;
}
.schedule #calender-list table {
	width: 736px;
}
.schedule #calender-list th,
.schedule #calender-list td {
	padding: 3px 5px;
	border: 1px solid #FFFFFF;
}
.schedule #calender-list thead th {
	background: #555555;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}
.schedule #calender-list thead th.type {
	width: 6em;
}
.schedule #calender-list thead th.date {
	width: 5.5em;
}
.schedule #calender-list thead th.team {
}
.schedule #calender-list thead th.time {
	width: 4em;
}
.schedule #calender-list thead th.stadium {
	width: 6em;
}
.schedule #calender-list thead th.ticket {
	width: 56px;
}
.schedule #calender-list thead th.info {
	width: 135px;
}
.schedule #calender-list thead th.sponsor {
	width: 200px;
}
.schedule #calender-list thead th.event {
	width: 150px;
}
.schedule #calender-list tbody td {
	text-align: center;
	line-height: 20px;
}
.schedule #calender-list tbody td.left {
	text-align: left;
}
.schedule #calender-list tbody tr.even td {
	background: #F0F0F0;
}
.schedule #calender-all tr.info .dlday,
.schedule #calender-list td .dlday {
	padding-left: 17px;
	font-size: 10px;
	line-height: 14px;
	background: url(../../img/i_day.gif) 0 0 no-repeat;
	white-space: normal;
}
.schedule #calender-all tr.info .dlfes,
.schedule #calender-list td .dlfes {
	padding-left: 17px;
	font-size: 10px;
	line-height: 14px;
	background: url(../../img/i_fes.gif) 0 0 no-repeat;
	white-space: normal;
}
.schedule #calender-all tr.info .event,
.schedule #calender-list td .event {
	padding-left: 17px;
	font-size: 10px;
	line-height: 14px;
	background: url(../../img/i_event.gif) 0 0 no-repeat;
	white-space: normal;
}
.schedule #calender-list td .dlday,
.schedule #calender-list td .dlfes,
.schedule #calender-list td .event {
	margin: 3px 0;
}

/* IKUSEI GAME SCHEDULE
--------------------------------------- */
.ikusei_schedule #article h4 {
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #999999;
	background: url(../../img/common/schedule/bg_schedule.gif) bottom right no-repeat;
}
.ikusei_schedule #article .attention {
	margin: 0 auto;
	width: 732px;
}
.ikusei_schedule #article .attention ul {
	margin: 10px 0;
}
.ikusei_schedule #article .attention li {
	line-height: 1.8;
}
.ikusei_schedule #article .attention td {
	padding: 0 20px 5px 0;
}
.ikusei_schedule #sche-nav {
	padding: 10px 0;
	margin: 0 auto;
	width: 732px;
	height: 30px;
}
.ikusei_schedule #sche-nav table.change-month {
	float: left;
}
.ikusei_schedule #sche-nav table.chnage-view {
	float: right;
}
.ikusei_schedule #sche-nav table.change-month td {
	padding-right: 4px;
}
.ikusei_schedule #sche-nav table.chnage-view td {
	padding-left: 4px;
}
.ikusei_schedule #calender-all {
	margin: 0 auto;
	width: 736px;
	border-bottom: 1px solid #999999
}
.ikusei_schedule #calender-all thead th {
	width: 104px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
.ikusei_schedule #calender-all thead th.sun {
}
.ikusei_schedule #calender-all thead th.sat {
}
.ikusei_schedule #calender-all tbody td {
	vertical-align: top;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.ikusei_schedule #calender-all tbody td.home {
	background: #F3F9F0;
}
.ikusei_schedule #calender-all tr.day td {
	padding: 5px 8px;
	width: 88px;
	background: #E5F5FA;
	border-bottom: 1px solid #FFFFFF;
}
.ikusei_schedule #calender-all tr.info td {
	padding: 6px 4px;
	width: 96px;
	border-top: 1px solid #F0F0F0;
}
.ikusei_schedule #calender-all tr.status td {
	padding: 5px 4px;
	width: 96px;
	text-align: center;
}
.ikusei_schedule #calender-all tr.status div {
	text-align: center;
}
.ikusei_schedule #calender-all .type {
	padding-bottom: 2px;
	padding-bottom : 5px\9;
}
.ikusei_schedule #calender-all .team {
	padding: 5px 0;
}
.ikusei_schedule #calender-all .ticket {
	padding-top: 5px;
	text-align: center;
}
.ikusei_schedule #calender-all .result {
	margin: 0.7em 0;
	text-align: center;
	color: #0066CC;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.ikusei_schedule #calender-all .yobi {
	color: #CCCCCC;
}
.ikusei_schedule #calender-list {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 736px;
	border-bottom: 1px solid #555555;
}
.ikusei_schedule #calender-list table {
	width: 736px;
}
.ikusei_schedule #calender-list th,
.ikusei_schedule #calender-list td {
	padding: 3px 5px;
	border: 1px solid #FFFFFF;
}
.ikusei_schedule #calender-list thead th {
	background: #555555;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
}
.ikusei_schedule #calender-list thead th.type {
	width: 6em;
}
.ikusei_schedule #calender-list thead th.date {
	width: 5.5em;
}
.ikusei_schedule #calender-list thead th.team {
}
.ikusei_schedule #calender-list thead th.time {
	width: 4em;
}
.ikusei_schedule #calender-list thead th.stadium {
	width: 6em;
}
.ikusei_schedule #calender-list thead th.ticket {
	width: 56px;
}
.ikusei_schedule #calender-list thead th.info {
	width: 135px;
}

.ikusei_schedule #calender-list tbody td {
	text-align: center;
	line-height: 20px;
}
.ikusei_schedule #calender-list tbody td.left {
	line-height: 1.2;
	text-align: left;
}
.ikusei_schedule #calender-list tbody tr.even td {
	background: #F0F0F0;
}
.ikusei_schedule #calender-all tr.info .dlday,
.ikusei_schedule #calender-list td .dlday {
	padding-left: 17px;
	font-size: 10px;
	line-height: 14px;
	background: url(../../img/i_day.gif) 0 0 no-repeat;
	white-space: normal;
}
.ikusei_schedule #calender-all tr.info .dlfes,
.ikusei_schedule #calender-list td .dlfes {
	padding-left: 17px;
	font-size: 10px;
	line-height: 14px;
	background: url(../../img/i_fes.gif) 0 0 no-repeat;
	white-space: normal;
}
.ikusei_schedule #calender-all tr.info .event,
.ikusei_schedule #calender-list td .event {
	padding-left: 17px;
	font-size: 10px;
	line-height: 14px;
	background: url(../../img/i_event.gif) 0 0 no-repeat;
	white-space: normal;
}
.ikusei_schedule #calender-list td .dlday,
.ikusei_schedule #calender-list td .dlfes,
.ikusei_schedule #calender-list td .event {
	margin: 3px 0;
}

/* EVENT SCHEDULE
--------------------------------------- */
#event.schedule #article h4 {
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #999999;
	background: url(../../img/common/schedule/bg_schedule_event.gif) bottom right no-repeat;
}


/* SERCHBOX
--------------------------------------- */
#searchBox{
}
#searchBox .search_icon {
    display: block;
    width: 33px;
    height: 46px;
    background: #ffe100 url(/img/2022/header/search.png) center center no-repeat;
    font-size: 0;
    vertical-align: middle;
    position: relative;
    z-index: 10002;
}

#searchBox .search_unit {
    overflow: hidden;
    box-sizing: border-box;
    width: 600px;
}



#searchBox .search_unit a {
    font-size: 10px;
    line-height: 1.8;
    color: #FFF;
}

#searchBox .search_unit input {
    width: 100%;
    box-sizing: border-box;
    border:  1px solid #FFF;
    padding: 5px;

}
#searchBox .search_unit input:focus {
	outline:  none;
}



/* CTOP VISION
--------------------------------------- */
.ctop-vision {
    height: 396px;
    margin: -20px 0 0 -20px;
    padding: 20px;
    background: #000 url("/entertainment/img/top/bg_vision.gif") no-repeat center center;
		display: -webkit-box;
		display: flex;
		box-sizing: border-box;

}
.ctop-vision .disabled {
	visibility: hidden !important;
}
.ctop-vision .vision-bnr{
	width: 534px;
	height: 356px;
	position: relative;
}

.ctop-vision .vision-bnr div{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.ctop-vision .vision-bnr a{
	display: block;
}
.ctop-vision .vision-bnr img{
	width: 100%;
	height: auto;
}

.ctop-vision .vision-tabs{
	margin-left: 15px;
}

.ctop-vision .vision-tabs div:last-child{
	margin-bottom: 0;
}
.ctop-vision .vision-tabs div{
	display: block;
	width: 150px;
	box-sizing: border-box;
	border: 2px solid #111;
	background: #000;
	margin-bottom: 26px;
	cursor: pointer;
}

.ctop-vision .vision-tabs div:last-child{
	margin-bottom: 0;
}
.ctop-vision .vision-tabs img{
	width: 100%;
	height: auto;
}

.ctop-vision .vision-tabs div img{
	opacity: 0.5;
}
.ctop-vision .vision-tabs div:hover,
.ctop-vision .vision-tabs div.current{
	border: 2px solid #FFF;
}
.ctop-vision .vision-tabs div:hover img,
.ctop-vision .vision-tabs div.current img {
	opacity: 1;
}