@charset "utf-8";

/*Team (viewue)*/
.cteam.viewue .item { float:none; width:auto; margin-bottom:15px; }
.cteam.viewue .item:last-child { margin-bottom:0; }
.cteam.viewue .item .box { margin:0; }

/*Team (viewcategory)*/
.cteam.viewcategory .item { width:240px; height:205px; }
.cteam.viewcategory .item.nodata { float:none; width:100%; height:auto; margin:0px; background-color:#fff !important; }
.cteam.viewcategory .placeholder { float:none; width:auto; display:block; margin-right:0px; height:150px; }
.cteam.viewcategory .item .fx { padding-left:5px;  }
.cteam.viewcategory .text { height:auto; }
.cteam.viewcategory .bg1, .cteam.viewcategory .bg2, .cteam.viewcategory .bg3, .cteam.viewcategory .bg4 { background-color:#f1f1f1; }

/* team */
.cteam.view .items { margin-left:-40px; }
.cteam.view .item { width:25%; margin-bottom:40px; padding-left:40px; float:left; box-sizing:border-box; }
.cteam.view .item .box { height:auto; position:relative; background:#fff; }
.cteam.view .item .box .icons { position:absolute; bottom:0; left:calc(40% + 35px); }
.cteam.view .item .box .icons a { float:left; font-size:20px; color:transparent; color:#cb4d5e; line-height:40px; display:block; text-align:center;
	transition:all 0.7s; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -ms-transition:all 0.7s; -o-transition:all 0.7s; }
.cteam.view .item .box .icons a + a { padding-left:15px; }
.cteam.view .item .content { height:100%; border-bottom:1px solid #ccc;
	transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
.cteam.view .item .text { padding:10px 10px 0 10px; overflow:hidden; }
.cteam.view .item .text h3 { margin:0px; font-weight:600; line-height:25px; line-height:2.5rem; font-size:20px; font-size:2.0rem; color:#cb4d5e; }
.cteam.view .item .text .fx { font-size:14px; font-size:1.4rem; padding-bottom:10px; }
.cteam.view .item .placeholder { width:100%; height:200px; overflow:hidden; }
.cteam.view .item .placeholder > div { height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;
	transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);
	transition:transform 1s; -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; }
.item .placeholder.empty > div { opacity:0.4; background-image:url("../mm/placeholder_small.png"); background-position:center; background-size:cover; }

.cteam.view .item .box:hover .content { border-bottom:1px solid #cb4d5e; background:#eab6bd; }
.cteam.view .item .box:hover .placeholder > div { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.cteam.view .item .box:hover .placeholder.empty > div { opacity:0.8; }

/* team pick */
.cteam.viewue .item { padding:15px; border-bottom:1px solid #ccc; background:#fff; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; }
.cteam.viewue .item:hover { border-bottom:1px solid #cb4d5e; background:#eab6bd; }
.cteam.viewue .item:after { display:block; content:''; clear:both; }
.cteam.viewue .item .placeholder { width:170px; height:100px; overflow:hidden; float:left; }
.cteam.viewue .item .placeholder > div { height:100%; background-size:cover; background-position:center; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);
	transition:transform 1s; -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; }
.cteam.viewue .item:hover .placeholder > div { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }

.cteam.viewue .text { padding-left:185px; }