/* BASIC css start */
/* ½½¶óÀ̵å */

#MS_event{ border-bottom: 0px solid #dbdbdb; position: relative;}

#MS_cate .cate h2 { margin: 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; padding-left: 10px; background: #f3f4f6; }
#MS_cate .cate ul { list-style:none;}
#MS_cate .cate ul li {display: table; float: left; width: 20%; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; height: 35px; overflow: hidden;}

#MS_cate .cate ul li:nth-child(5n) {border-right:0px;}
#MS_cate .cate ul li div a{display: block; color: #3a3a3a; font-weight: bold; font-size: 12px;}
#MS_cate .cate ul li div {display: table-cell; vertical-align: middle;}    

    
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event button{overflow: hidden; position: absolute; top: 0; width: 40px; height: 100%; border: none; background: none; text-indent: -1000px;}
#event button.prev {left: 10px; }
#event button.next {right: 10px; }

#event .prev:before, #event .next:before{content:''; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px;background:rgba(0,0,0,0.3);}
#event .prev:hover:before, #event .next:hover:before{background:rgba(0,0,0,0.6);} 
#event .prev:before{left:0;border-radius:30px;}
#event .next:before{right:0;border-radius:30px;}
#event .prev:after, #event .next:after{content:''; position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url('/design/ringcafe/mobile/event_arrow.png') no-repeat 0 0;}
#event .prev:after{left:10px;}
#event .next:after{right:10px;background-position: -10px 0;}

#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: absolute; left: 0; text-align: center; width: 100%; line-height: 19px; bottom:0px; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/design/ringcafe/mobile/event-but.png) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }



/* BASIC css end */


/* ·Ñ¸µ¹è³Ê */
#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 h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:33.33%; float:left; position:relative;  text-align:center}
.main .topBanner .topBannerRight {width:33.33%; float:right; position:relative; text-align:center}
.main .topBanner img {width:95%; 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;}


.mtit ul { margin:10px 0 ; border-top:0px solid #000; border-bottom:0px solid #CCCCCC; ; padding:5px 0; list-style-type: none; text-align: center; }
.mtit ul li.t01 {  font-weight:bold; display:inline-block;width:50%; color:#757575; font-size:11px; line-height:15px; letter-spacing:1px  text-align: center; font-family:'Montserrat',verdana,arial ; background:#fff; padding:5px; border:3px double #f1f1f1;} 


/* ¹è³Ê4°³ */
.bbox01 {clear:both; width:98%; height:auto; margin:15px auto 0px; }
.bbox02 {clear:both; width:98%; height:auto; margin:0px auto 0px; }

.bbox01 .img01 {width:50%; height: auto; float:left;  padding-bottom:2px; }
.bbox01 .img02 {width:50%; height: auto; float:left; padding-bottom:2px;  }
.bbox02 .img03 {width:50%; height: auto; float:left; padding-bottom:2px; }
.bbox02 .img04 {width:50%; height: auto; float:left;  padding-bottom:2px; }

.bbox01 img {width:99%; vertical-align:top;}

.bbox02 img {width:99%; vertical-align:top;}

/* ÅÇ */
.jssort14 .p {    position: absolute;    width: 68px;    height: 50px;    top: 0;    left: 0;    padding: 0px;    background: #fff;}
.jssort14 .w {    cursor: pointer;    position: absolute;    WIDTH: 100%;    HEIGHT: 50px;    background-color: #c2b38f;}
.jssort14 .pdn .w, .jssort14 .pav .w, .jssort14 .p:hover .w {    background-color: #422e2c;}
.jssort14 .c {    width: 100%; height: 50px; position: absolute; top: 0; left: 0; line-height: 50px; text-align: center; color: #000; font-size: 12.5px; background-color: #e6e0c8;  transition: background-color .6s; -moz-transition: background-color .6s; -webkit-transition: background-color .6s; -o-transition: background-color .6s;}
.jssort14 .p:hover .c, .jssort14 .pav:hover .c, .jssort14 .pav .c {    transition: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: none;}
		.jssort14 .pav .c {    background-color: #ffab57;}
		.jssort14 .p:hover .c, .jssort14 .pav:hover .c {    background-color: #fc9835;}
/* BASIC css end */