/* BASIC css start */
#contentWrapper {padding:0; margin:0!important; padding-top:10px;}
#contentWrap {padding: 20px 50px 0px; margin:0!important;}





.main_best_box  {padding-top:5px; width:100%; margin:0 auto; }
.main_best_box .m_tab01 {margin:0 auto; font-size:0; text-align: center;}


.main_best_box .m_tab01 li {
  
  cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 1;
    padding-bottom: 10px;
    font-size: 13px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 11px 28px;
    line-height: 1;
    font-weight: 400;
    margin: 5px;
    transition: all 0.3s;}
    
    
    
    
.main_best_box .m_tab01 li.current { color: #ffffff; background-color: #000;}
.main_best_box .tabcontent01 {display:none; margin-top:40px; }
.main_best_box .tabcontent01.current {display: block;}
.main_best_box .m_tab01 li.current::before {left:0; right:0; background: #2a3cf3;}
.main_best_box .m_tab01 li::before { content: ""; position: absolute; left:50%; right:50%; bottom:0px; height:2px; z-index:-1; background:#fff;
-webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}






/*********** Portfolio  **********/
#tab1_1 { width:100%; }

/*.tile { float:left; min-height:100px; max-height:150px; width:20%; border:1px #fff solid; }
.tile:hover { opacity: 0.5; }*/

#tab1_1 .tile{float: left;width: 270px;min-height: 330px;line-height: 16px;font-size: 11px;color: #5d5d5d; box-sizing: border-box;}
#tab1_1 .tile{width: 25%;min-height: auto;padding-left: 20px;box-sizing: border-box;}
#tab1_1 .tile .thumbnail img {/*display: block;*/width: 100%;}



#tab1_1 .tile2x .ev_info { min-height: 120px; margin-bottom: 50px;  height: 150px;}
#tab1_1 .tile2x{float: left;width: 270px;min-height: 330px;line-height: 16px;font-size: 11px;color: #5d5d5d; box-sizing: border-box;}
#tab1_1 .tile2x{width: 50%;min-height: auto;padding-left: 20px;box-sizing: border-box;}
#tab1_1 .tile2x .thumbnail img {/*display: block;*/width: 100%;}





#tab1_1 .tile .ev_info { min-height: 120px; margin-bottom: 50px;  height: 150px;}
#tab1_1 .tile .ev_info .status{ margin-top: 12px;  font-size: 18px;  line-height: 30px;}
#tab1_1 .tile .ev_info > .title > a { margin-top: 12px;  font-size: 22px;  line-height: 30px;}
#tab1_1 .tile .ev_info > .count {  max-height: 72px; margin-top: 6px;  line-height: 24px; color: rgb(48, 48, 51); padding-right: 6%;}
#tab1_1 .tile .ev_info > .date { display: block;  margin-top: 16px; line-height: 20px;  color: rgb(0, 0, 0); font-size: 16px;  font-weight: 700;  font-style: italic;}


#tab1_1 .tile2x .ev_info .status{ margin-top: 12px;  font-size: 18px;  line-height: 30px;}
#tab1_1 .tile2x .ev_info > .title > a { margin-top: 12px;  font-size: 22px;  line-height: 30px;}
#tab1_1 .tile2x .ev_info > .count {  max-height: 72px; margin-top: 6px;  line-height: 24px; color: rgb(48, 48, 51); padding-right: 6%;}
#tab1_1 .tile2x .ev_info > .date { display: block;  margin-top: 16px; line-height: 20px;  color: rgb(0, 0, 0); font-size: 16px;  font-weight: 700;  font-style: italic;}



/* BASIC css end */