/* BASIC css start */
/* ·Ñ¸µ¹è³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }

/* //·Ñ¸µ¹è³Ê */
.main { position: relative; overflow: hidden; }
.main h3 {font-size:1.250em; margin: 40px 15% 10px 15%; line-height: 0.1em; border-bottom:1px solid #3b3b3b;}
.main h3 span { background-color: #fff; padding: 0 10px; }
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.categorys { position: relative; border-top: 1px solid #e6e6e6; }
.categorys li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; float: left; width: 25%; text-align: center; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.categorys li a { font-size: 1em; color: #444; }
.categorys li.no-line { border-right: 0 none; }
<!-- .categorys li.in-color a { color: #ff6e7d; } -->

#event-rolling-container .swiper-slide { position: relative; width: 100%; }
#event-rolling-container .swiper-slide a { display: block; }
#event-rolling-container .swiper-slide img { width: 100%; height: auto; }
#event-rolling-container .swiper-pagination { position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background-color: #e0e0e0; margin: 0 5px; border-radius: 50%; }
#event-rolling-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #6bcbba; }
#event-rolling-container .swiper-container { width: 640px; height: 380px; }

.custom-link { position: relative; margin: 20px 0; background-color: #cccccc; }
.custom-link a { display: block; width: 25%; float: left; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-link a img { width: 100%; height: auto; }

.link-area_1 { position: relative; margin-top: 35px; }
.link-area_1 a { display: block; margin-bottom: 10px; }
.link-area_1 a img { width: 100%; height: auto; }

.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:50%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:50%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.main .review {margin-top:15px;}
.main .review .review {width:100%; position:relative;}
.main .review img {width:100%; vertical-align:top;

.main .notice {margin-top:15px;}
.main .notice.notice{width:100%; position:relative;}
.main .notice img {width:100%; vertical-align:top;}

/* BASIC css end */