/* BASIC css start */
#main {margin-left: 350px;}
#wrap #hdHeader { border-bottom: 1px solid #fff; background: #fff; }
#wrap #contentWrapper { border: 0; margin: 0 !important; }
#wrap #contentWrap { padding: 0; }
#main img { max-width: 100%; }
#main .content {
	min-width: 1040px;
    max-width: 1480px;
    box-sizing: border-box;
    padding: 40px 40px 0px;
    margin: 0 auto;

}

.main_image {
	position: relative;
}
.main_image img {
	width: 100%; height: auto;
	visibility: hidden;
	opacity: 0;
}
.main_image .swiper-container {
	width: 100% !important;
	overflow: hidden;
}
.main_image .swiper-slide {
	background-size: cover !important;
}
.main_image .swiper-slide a {
	display: block;
}
.main_image .swiper-pagination {
	padding: 0;
	position: absolute; top: auto; bottom: 131px; left: 50%; right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0;
	width: auto; height: 0;
	display: inline-block;
}
.main_image .swiper-pagination .swiper-pagination-bullet {
	width: 20px; height: 3px;
	margin: 0 2px;
	opacity: 1;
	font-size: 0;
	cursor: pointer;
}
.main_image .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 40px; height: 3px;
}
.main_image .swiper-button-prev {
	margin: 0 0 0 -625px !important;
	top: auto; bottom: 106px; left: 50%;
	position: absolute;
	width: 75px; height: 50px;
}
.main_image .swiper-button-prev i {
	display: none;
}
.main_image .swiper-button-prev:before {
	content: "";
	position: absolute; top: 14px; left: 25px;
	width: 10px; height: 3px;
	background: #000;
}
.main_image .swiper-button-prev:after {
	content: "PREV";
	position: absolute; top: 30px; left: 25px;
	font-size: 10px; color: #000; line-height: 10px;
	font-family: 'Hind';
}
.main_image .swiper-button-prev:hover:before {
	background: #1500de;
}
.main_image .swiper-button-prev:hover:after {
	color: #1500de;
}
.main_image .swiper-button-next {
	margin: 0 -625px 0 0 !important;
	top: auto; bottom: 106px; right: 50%;
	position: absolute;
	width: 75px; height: 50px;
}
.main_image .swiper-button-next i {
	display: none;
}
.main_image .swiper-button-next:before {
	content: "";
	position: absolute; top: 14px; right: 25px;
	width: 10px; height: 3px;
	background: #000;
}
.main_image .swiper-button-next:after {
	content: "NEXT";
	position: absolute; top: 30px; right: 25px;
	font-size: 10px; color: #000; line-height: 10px;
	font-family: 'Hind';
}
.main_image .swiper-button-next:hover:before {
	background: #1500de;
}
.main_image .swiper-button-next:hover:after {
	color: #1500de;
}
.main_image .fixed_text {
	position: absolute; top: 50%; left: 50%; z-index: 3;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 50px; line-height: 50px; font-weight: 700; color: #fff;
}
.main_image .fixed_text > span {
	display: block;
	font-size: 14px; line-height: 1.5; font-weight: 400; color: #fff;
	margin: 15px 0 30px;
}
.main_image .fixed_text > div {
	display: inline-block;
}
.main_image .fixed_text > div a {
	display: block;
	font-size: 17px; line-height: 17px; font-weight: 700; color: #fff;
	padding: 17px 40px 13px;
	border: 2px solid #fff;
	background: rgba(255,255,255,0.2);
	text-decoration: none;
}
.main_image .fixed_text > div a:hover {
	color: #000;
	background: rgba(255,255,255,1);
}

#main .section {
	position: relative; z-index: 20;
	background: #fff;
	padding: 0 40px; margin: -100px -40px 80px;
}
#main .section .ban {
	float: left;
	width: 66.7%;
	position: relative;
}
#main .section .ban img {
	width: 100%;
}
#main .section .ban .text {
	position: absolute; top: 20%; left: 20px;
	font-size: 50px; line-height: 50px; color: #000; font-weight: 700;
	margin: 0 0 25px;
}
#main .section .ban .text span {
	display: block;
	font-size: 14px; line-height: 1.5; color: #000; font-weight: 400; margin-top: 10px;
}
#main .section .area_latestbbs {
	width: 33.3%;
	position: absolute; bottom: 10px; right: 0;
	padding: 0 40px 0 25px;
	box-sizing: border-box;
}
#main .section .area_latestbbs h2 {
	margin: 0 0 10px;
	position: relative;
}
#main .section .area_latestbbs h2 a {
	display: block;
	font-size: 28px; line-height: 30px; color: #000; font-weight: 700;
	text-decoration: none;
}
#main .section .area_latestbbs h2 a i {
	position: absolute; top: 4px; right: 0;
	font-size: 15px; line-height: 15px; color: #000; font-weight: 700;
}
#main .section .area_latestbbs li {
	position: relative;
}
#main .section .area_latestbbs li i {
	width: 18px; height: 18px;
	font-size: 12px; line-height: 18px; color: #fff; font-weight: 700;
	text-align: center;
	background: #000;
	border-radius: 50%;
	position: absolute; top: 50%; left: 0;
	transform: translateY(-50%);
}
#main .section .area_latestbbs li a {
	display: block;
	font-size: 13px; line-height: 36px; color: #646464; font-weight: 400;
	text-decoration: none;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	margin: 0 50px 0 26px;
}
#main .section .area_latestbbs li a:hover {
	color: #000;
}
#main .section .area_latestbbs li .date {
	font-size: 13px; line-height: 36px; color: #bbb; font-weight: 400;
	position: absolute; top: 50%; right: 0;
	transform: translateY(-50%);
}

#main .section2 {
	background: #dcdcdc;
	padding: 0 0 100px;
}
#main .section2 .tab_menu {
	text-align: center;
	padding: 44px 0 23px;
}
#main .section2 .tab_menu li {
	display: inline-block;
	padding: 0 25px;
}
#main .section2 .tab_menu li a {
	display: block;
	position: relative;
	font-size: 14px; line-height: 30px; letter-spacing: normal; color: #fff; font-weight: 700;
	text-decoration: none;
}
#main .section2 .tab_menu li a.fixo-active {
	color: #000;
}
#main .section2 .tab_menu li a.fixo-active:after {
	content: '';
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 3px;
	background: #000;
}

#fixoSlide {
	position: relative;
	opacity: 0; filter:alpha(opacity=0);
	overflow: hidden;
	min-width: 1040px; max-width: 1280px;
	box-sizing: border-box;
	padding: 0 40px; margin: 0 auto;
	text-align: center;
}
#fixoSlide .fixo-viewport {
	overflow: hidden;
}
#main .prd_list_tab {
	font-size: 0; letter-spacing: 0; line-height: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	position: relative;
	text-align: center;
}
#main .prd_list_tab .discount_rate {
	position: absolute; top: 10px; right: 10px; z-index: 3;
	width: 35px; height: 35px;
	text-align: center;
	font-size: 13px; line-height: 35px; font-weight: 400; color: #fff;
	background: #000;
}
#main .prd_list_tab .box.small .box_prd:nth-child(1) .discount_rate, #main .prd_list_tab .box.small .box_prd:nth-child(2) .discount_rate {
	top: 0;
}
#main .prd_list_tab .box.small {
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 36.7%;
}
#main .prd_list_tab .box.small:nth-child(1) {
	left: -10px;
}
#main .prd_list_tab .box.small:nth-child(3) {
	right: -10px;
}
#main .prd_list_tab .box.big {
	display: table-cell;
	vertical-align: top;
	width: 26.6%;
	background: #fff;
}
#main .prd_list_tab .box .box_prd {
	display: inline-block;
	vertical-align: top;
	font-size: 12px; letter-spacing: normal; line-height: 1.5;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	width: 50%;
}
#main .prd_list_tab .box .box_prd .info .thumb img {
	vertical-align: top;
}
#main .prd_list_tab .box.small .box_prd:nth-child(1), #main .prd_list_tab .box.small .box_prd:nth-child(2) {
	padding: 0 10px 10px;
}
#main .prd_list_tab .box.small .box_prd:nth-child(3), #main .prd_list_tab .box.small .box_prd:nth-child(4) {
	padding: 10px 10px 0;
}
#main .prd_list_tab .box.small .box_prd .info {
	position: relative;
}
#main .prd_list_tab .box.small .box_prd .info .info_box {
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	background: rgba(0,0,0,0.6);
	cursor: pointer;
	opacity: 0;
}
#main .prd_list_tab .box.small .box_prd .info .info_box .box_inner {
	display: table;
	width: 100%; height: 100%;
}
#main .prd_list_tab .box.small .box_prd .info .info_box .box_inner ul {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px; color: #fff;
}
#main .prd_list_tab .box.small .box_prd .info .info_box .box_inner ul .name {
	font-weight: 700; line-height: 1;
}
#main .prd_list_tab .box.small .box_prd .info .info_box .box_inner ul .subname {
	font-size: 11px; line-height: 1.5;
	margin: 5px 0 0 0;
}
#main .prd_list_tab .box.small .box_prd .info .info_box .box_inner ul .price {
	font-size: 14px; font-weight: 700;
	margin: 10px 0 0 0;
}
#main .prd_list_tab .box.small .box_prd .info .info_box .box_inner ul .price span {
	display: block;
	font-size: 12px; font-weight: 400;
}
#main .prd_list_tab .box.big .box_prd {
	width: 26.6%; height: 100%;
	padding: 0;
	position: absolute; top: 0; left: 50%; bottom: 0; right: 0;
	transform: translateX(-50%);
}
#main .prd_list_tab .box.big .box_prd .info {
	display: table;
	table-layout: fixed;
    width: 100%; height: 100%;
}
#main .prd_list_tab .box.big .box_prd .info .info_inner {
	display: table-cell;
    vertical-align: middle;
    border: 4px solid transparent;
	transition: all 0.3s ease 0s;
	height: 100%;
}
#main .prd_list_tab .box.big .box_prd .info .info_inner:hover {
	box-sizing: border-box;
	border: 4px solid #000;
	transition: all 0.3s ease 0s;
}
#main .prd_list_tab .box.big .box_prd .info .thumb {
	padding: 0 20px; margin: 0;
}
#main .prd_list_tab .box.big .box_prd .info .info_box {
	padding: 20px 0 0 0;
}
#main .prd_list_tab .box.big .box_prd .info .info_box .box_inner ul {
	position: relative;
	background: transparent;
	font-size: 13px; color: #000;
}
#main .prd_list_tab .box.big .box_prd .info .info_box .box_inner ul .name {
	font-size: 15px; font-weight: 700; line-height: 1;
	max-height: 30px;
	overflow: hidden;
}
#main .prd_list_tab .box.big .box_prd .info .info_box .box_inner ul .subname {
	font-size: 11px; color: #aeaeae; line-height: 1.5;
	margin: 5px 0 0 0;
}
#main .prd_list_tab .box.big .box_prd .info .info_box .box_inner ul .price {
	font-size: 14px; font-weight: 700;
	margin: 10px 0 0 0;
}
#main .prd_list_tab .box.big .box_prd .info .info_box .box_inner ul .price span {
	display: block;
	font-size: 12px; font-weight: 400; color: #aeaeae;
}

#main .section3 {
	padding: 80px 0;
}
#main .section3 .mov {
	float: left;
	width: 50%;
}
#main .section3 .mov .inner {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
}
#main .section3 .mov iframe {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	width: 100%; height: 100%;
}
#main .section3 .area_magazine {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 0 0 40px;
}
#main .section3 .area_magazine h2 {
    margin: 0 0 15px;
}
#main .section3 .area_magazine h2 a {
    font-size: 28px; line-height: 30px; color: #000; font-weight: 700;
    text-decoration: none;
}
#main .section3 .area_magazine .area_list li {
	float: left;
	width: 50%;
	box-sizing: border-box;
}
#main .section3 .area_magazine .area_list li:nth-child(1) {
	padding: 0 10px 0 0;
}
#main .section3 .area_magazine .area_list li:nth-child(2) {
	padding: 0 0 0 10px;
}
#main .section3 .area_magazine .area_list li .thumb {
	background-color: #efefef;
	position: relative;
	padding: 0 0 62%;
	cursor: pointer;
}
#main .section3 .area_magazine .area_list li .thumb > div {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	background-position: center;
	background-size: cover;
}
#main .section3 .area_magazine .area_list li .subject {
	display: block;
	margin: 15px 0 10px;
}
#main .section3 .area_magazine .area_list li .subject a {
	font-size: 16px; line-height: 1.2; color: #000; font-weight: 700;
	text-decoration: none;
}
#main .section3 .area_magazine .area_list li .text {
	display: block;
	font-size: 13px; line-height: 1.4; color: #9c9c9c;
}

#main .section4 {
	padding: 0 0 150px;
	height: 240px;
	position: relative;
	overflow: hidden;
}
#main .section4 .text {
    font-size: 50px; line-height: 50px; color: #000; font-weight: 700;
    width: 100%; min-width: 1040px; max-width: 1280px;
    box-sizing: border-box;
    padding: 0 40px; margin: 0 auto;
    position: absolute; bottom: 23%; left: 50%; z-index: 2;
	transform: translateX(-50%);
}
#main .section4 .text span {
	display: block;
	font-size: 14px; line-height: 1.2; color: #000; font-weight: 400;
}
#main .section4 .image {
	text-align: center;
    background-color: #9bedff;
	position: absolute; top: 0; left: 0; right: 0; z-index: 1;
}
#main .section4 .image img {
	max-width: none;
	vertical-align: top;
}

#main .section5 {
	margin: 0 0 110px;
}
#main .section5 .ban {
	float: left;
	text-align: center;
	box-sizing: border-box;
	width: 50%;
}
#main .section5 .ban:nth-child(1) {
	padding: 0 20px 0 0;
}
#main .section5 .ban:nth-child(2) {
	padding: 0 0 0 20px;
}
#main .section5 .ban > div {
	cursor: pointer;
}
#main .section5 .ban > div:hover .btn {
	color: #aaa;
}
#main .section5 .ban > div:hover .btn:after {
	background: #aaa;
}
#main .section5 .ban .thumb {
	margin: 0 0 40px;
}
#main .section5 .ban .text {
	margin: 0 0 40px;
	font-size: 20px; line-height: 1; color: #000; font-weight: 700;
}
#main .section5 .ban .btn {
	font-size: 13px; line-height: 33px; color: #000; font-weight: 700;
	position: relative;
	display: inline-block;
}
#main .section5 .ban .btn:after {
	content: '';
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 3px;
	background: #000;
}


#main .section_normalprd h2 {
	font-size: 50px; line-height: 50px; color: #000; font-weight: 700;
	margin: 0 0 50px;
    text-align: center;
}
#main .section_normalprd h2 p {
	display: inline-block;
}
#main .section_normalprd h2 p:after {
	content: '';
	position: absolute; top: 20px; left: -10px; right: -10px; z-index: -1;
	height: 10px;
	background: #eeeeee;
}
#main .section_normalprd h2 span {
	font-size: 14px; line-height: 14px; color: #a3a3a3; font-weight: 400;
	display: block;
	margin: 10px 0 0 0;
}










    .swiper-container {
      width: 1403px;
      height: 590px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
     }
     [class*="h_slide"] {
          background-size: cover;
          background-position: 50% 50%;
cursor: pointer;
     }
.h_slide150 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner150.jpg"); 
     }     
.h_slide151 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner151.jpg"); 
     }
 .h_slide158 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner158.jpg"); 
     } 
.h_slide166 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner166.jpg"); 
     }
.h_slide176 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner176.jpg"); 
     }
.h_slide178 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner178.jpg"); 
     }
.h_slide179 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner179.jpg"); 
     }
.h_slide180 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner180.jpg"); 
     }
.h_slide183 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner183.jpg"); 
     }
.h_slide184 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner184.jpg"); 
     }
.h_slide185 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner185.jpg"); 
     }
.h_slide187 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner187.jpg"); 
     }
.h_slide188 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner188.jpg"); 
     }
.h_slide191 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner191.jpg"); 
     }
.h_slide192 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner192.jpg"); 
     }
.h_slide193 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner193.jpg"); 
     }
.h_slide195 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner195.jpg"); 
     }
.h_slide200 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner200.jpg"); 
     }
.h_slide204 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner204.jpg"); 
     }
.h_slide205 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner205.jpg"); 
     }
.h_slide206 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner206.jpg"); 
     }
.h_slide208 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner208.jpg"); 
     }     
.h_slide210 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner210.jpg"); 
     } 
.h_slide213 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner213.jpg"); 
     }
     
.h_slide214 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner214.jpg"); 
     }
.h_slide216 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner216.jpg");
     }
.h_slide219 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner219.jpg");
     }
.h_slide220 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner220.jpg");
     }
.h_slide222 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner222.jpg");  
     }
.h_slide223 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner223.jpg");
     }
.h_slide224 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner224.jpg");  
     }
.h_slide225 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner225.jpg");  
           }
.h_slide226 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner226.jpg");
           }
.h_slide228 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner228.jpg");
           }
.h_slide229 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner229.jpg");
           }
.h_slide231 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner231.jpg");
           }                    
.h_slide232 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner232.jpg");
           }
.h_slide234 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner234.jpg");
           }
.h_slide235 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner235.jpg");
           }
.h_slide236 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner236.jpg");
           } 
.h_slide237 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner237.jpg");
           }
.h_slide238 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner238.jpg");
           }   
.h_slide239 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner239.jpg");
           }  
.h_slide240 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner240.jpg");
           }                                        
.h_slide241 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner241.jpg");
           }        
.h_slide243 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner243.jpg");
           }
.h_slide245 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner245.jpg");
           }
.h_slide246 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner246.jpg");
           }            
.h_slide247 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner247.jpg");
           }
.h_slide248 {
          background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/eventbanner/eventbanner248.jpg");
           }
           
          
     
  
  
  
  
  
  
  
     
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.middle_banner_section {
  
}
.middle_section {

    width: 100%;
    height: 420px;
    text-align: center;
    padding-top: 10px;
}

.middle_banner_box {
    margin: 0 auto;
    width: 1600px;
    height: 420px;
    text-align: center;
}

.middle_banner_box li {
    display: inline-block;
    margin: 0 5px;
}


.size_name {
    margin-top: 5px;
    font-size: 12px;
}

.main_box_prd {
    width: 330px !important;
    margin: 14px!important;
    padding: 0px !important;
}

.main_thumbs {
padding-left: -150px;
}

.thumb_area {

width: 330px;
overflow: hidden;

}

.main_thumbs img {
height: 470px !important;
width: 330px;

}

.thum_icon_area {
position: absolute;
top: 10px;
right: 10px;
border-radius: 0px;
overflow: hidden;


}
.thum_icon_area img {
width: 50px !important;
height: 50px !important;
}

.icon_area img {
width: 60px !important;
height: 60px !important;
}










.cate_bannerbox1 {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 0px;
}
.cate_bannerbox1 li {
    display: inline-block;
    width: 460px;
    height: 460px;
    border: 0px solid #fff;
    margin: 2px 4.25px 2px 4.25px;
    line-height: 0;
    transition: all linear 0.3s;
    
}




.collection_bannerbox4 {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}
.collection_bannerbox4 li {
    display: inline-block;
    width: 250px;
    height: 350px;
    border: 0px solid #fff;
    line-height: 0;
    
}




.collection_bannerbox5 {
    width: 100%;
    text-align: center;
    background-color: #efefef;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 0;
}
.collection_bannerbox5 li {
    display: inline-block;
    width: 500px;
    height: 210px;
    margin: 0px 2.5px 0px 2.5px;
    border: 0px solid #fff;
    
}





.collectionbannerlist_01 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_01.jpg");
    margin: 0px 0px 0px 0px;
    transition: all linear 0.3s;
}
.collectionbannerlist_01:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_01_.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_02 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_02.jpg");
    margin: 0px 0px 0px 0px;
    transition: all linear 0.3s;
}
.collectionbannerlist_02:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_02_.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_03 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_03.jpg");
    margin: 0px 0px 0px 0px;
    transition: all linear 0.3s;
}
.collectionbannerlist_03:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_03_.jpg");
    margin: 0px 0px 0px 0px;
}










.collectionbannerlist_21 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_cate_01_01.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_21:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_cate_01_02.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_22 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_cate_02_01.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_22:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_cate_02_02.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_23 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_cate_03_01.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_23:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_cate_03_02.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_24 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_shorts1.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_24:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/main_cate_shorts2.jpg");
    margin: 0px 0px 0px 0px;
}








.collectionbannerlist_31 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_event_01_01.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_31:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_event_01_02.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_32 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_event_02_01.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_32:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_event_02_02.jpg");
    margin: 0px 0px 0px 0px;
}

.collectionbannerlist_33 {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_event_03_01.jpg");
    margin: 0px 0px 0px 0px;
}
.collectionbannerlist_33:hover {
    background-image: url("http://mjdo2015.speedgabia.com/rusko_renew/layout_main/collection_event_03_02.jpg");
    margin: 0px 0px 0px 0px;
}




.cate_bannerbox1 li:hover {
    border: 0px solid #fff;
   
    margin: 2px 4.25px 2px 4.25px;
}


.collection_bannerbox4 li:hover {
    border: 0px solid #fff;
    transition: all linear 0.3s;
}
.collection_bannerbox5 li:hover {
    border: 0px solid #fff;
    transition: all linear 0.3s;
    margin: 0px 2.5px 0px 2.5px;
}





/*2019.12.31. publisher yoon hye kyeong*/
























.rusko_cate_box {
     width: 1280px;
     display: inline-block;
}
.rusko_cate_box>li {
     display: inline-block;
     width: auto;
     height: 60px;
     line-height: 62px;
     padding: 0 15px;
     font-weight: 400;
     cursor: pointer;
     font-family: 'Roboto', 'Nanum Gothic', sans-serif;
}
.rusko_cate_box>li>a {
     display: inline-block;
     font-size: 15px;
     font-family: 'Roboto', 'Nanum Gothic', sans-serif;
     cursor: pointer;
     width: 100%;
     color: #000;
}


.rusko_cate_box>li:hover a{
    text-decoration: none;
}
.rusko_cate_box>li:hover .subbox_cover {
     display: block;
}


.icon_p {
position: relative;
}



.icon_area_h {
position: absolute;
top: -3px;
right: 0px;
width: 60px;
height: 15px;
background-color: #fff;
text-align: right;
color: #999;
font-size: 11px;
}







.prd_box_hover {
    position:absolute;
    left:0;
    top:0;
    width:330px;
    height:470px;
    background-color:#fff;
    opacity:0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    }
    
.prd_box_hover_title{
    position:absolute;
    left:40px;
    top:200px;
    width:250px;
    height:100px;
    background-color: transparent;
    text-align:center;
    opacity:0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    }

.prd_box_hover_title span{
    font-size:13px;
    color: #333;
    font-weight: 400;
    }
     
     
.prd_thumb_img:hover .prd_box_hover {
    opacity:0.8;
    }

.prd_thumb_img:hover .prd_box_hover_title {
    opacity:1;
    }


.abcd span {display:inline-block; width:10px; height:10px; border:1px solid #dddddd;}
















/* BASIC css end */