.section {width:100%; height:auto;}
.section:after {content: ''; display: block; clear: both; }


/* com */
.layout {width:100%; max-width:1400px; margin:0 auto;padding:0 2%;box-sizing: border-box; }

.h2 {width:100%; text-align:center; font-size:32px;}
@media all and (min-width:1401px) {


}
@media all and (max-width:1400px) {

.mv_bwrap {background-size:100%;}

}


@media all and (max-width:1024px) {
 .mv_bwrap {height:700px !important; background: url("../img/main/bg_main.jpg") no-repeat center top !important; background-size:100% !important; } 
.mv {width:100%; margin:0 auto;  display:block; height:700px !important;background-color:#000; }
.main{height:700px !important; text-align:center; }
.main img{height:650px !important; }
.mwrap div {top:400px !important; right:20px !important;  }
.b_bg{ height:700px !important; }
.mv_txt img{ max-width:100%; }
.mv_txt h2 {padding:0px 0px 0px 0px !important;  margin-top:-50px !important;}
.mv_txt h3 { text-align:center; padding-top:50px;}
.mv_txt p{padding:50px 0px 0px 0px !important; text-align:center;}
.mv_txt .m_b{padding-top:0px;}
.prev, .next {top:350px !important;}


.business {padding:100px 0 150px 0 !important;}

.business .h2 {line-height:40px;}
.newswrap .h2 {line-height:40px;}
.partner .h2 {line-height:40px;}
}

@media all and (max-width:1023px) {
.mwrap{display:none;}

}


@media all and (max-width:768px) {
 .mv_bwrap {height:650px !important; } 
.mv {height:650px !important; }
.main img{padding-top:50px;height:650px !important; }
.mv_txt h2 img{width:60%; padding:0px 0px 0px 0px; margin-top:-50px !important;}
.mv_txt p{ margin-top:-20px; text-align:center;}

.mv_txt h3 img{width:60%;margin-top:-20px;}
}


@media all and (max-width:640px) {
 .mv_bwrap {height:500px !important; } 
.mv {height:500px !important; }
.main img{padding-top:0px; width:100%; height:auto !important;}
.m_b{margin-top:0px !important;}

.business {padding:100px 0 100px 0 !important;}
.business .h2 {line-height:40px;}
.newswrap .h2 {line-height:40px;}
.partner .h2 {line-height:40px;}

.newswrap {padding:100px 0 100px 0 !important;}
.partner {padding:0 !important;}
.partner_pad {  height:100px !important;}
}

@media all and (max-width:400px) {
   .mv_bwrap {height:400px !important; } 
.mv {height:400px !important; }
.main img{padding-top:50px !important;}
.mv_txt h2 {padding:0px 0px 0px 0px !important;  margin-top:-100px !important;}
.mv_txt h3 { text-align:center; padding-top:30px !important;}
.mv_txt p{padding:20px 0px 0px 0px !important; text-align:center;}
.mv_txt .m_b{padding-top:20px !important; width:80%;}
.main{height:350px !important;}

.newswrap {padding:100px 0 100px 0 !important;}
.partner {padding: 0 !important;}
}

/* mv : main visual */
.mv_bwrap {position: relative; width:100%; background: url("../img/main/bg_main.jpg") repeat center 50%; background-color:#000;  height:933px; background-position: center;  overflow:hidden; font-size:20px; }
.mv {width:100%; margin:0 auto;  display:block;  }
.main img{}
.b_bg{position:absolute; width:100%; background:#000; opacity:0.6; height:1000px; left:0; top:0;  z-index: 100;}
.main{height:1000px; text-align:center; }

.mv_txt {width:100%; max-width:100%; margin-left:-50%; margin:0 auto;  box-sizing:border-box;  position:absolute;  top:300px; z-index: 200;}
.mv_txt h2 {padding:80px 0px 0px 0px;  text-align:center; line-height:100% !important;}
.mv_txt h3 { text-align:center;padding-top:50px;}
.mv_txt p{padding:50px 0px 0px 0px;  text-align:center;}
.mv_txt .m_b{padding-top:0px;}
.tit {color:#aab8ff; font-size:17px; }
.mcon{padding-top:10px;font-size:13px;}

.mwrap div {position:fixed; _position:absolute; z-index:10000; top:50%; margin-top:-100px; right:40px; overflow:hidden; width:200px; }
.mwrap div ul li {width:100%;}
.mwrap div ul li a { width:100%; text-align:right; height:16px;font-size:0;color:#888; position:relative;margin:6px 0;}
.mwrap div ul li a em {font-size:15px;color:#888;padding-right:20px;line-height:16px;font-family: 'Roboto',sans-serif;letter-spacing:0; font-weight:400;}
.mwrap div ul li a .ball {height:13px;width:13px; border:1px solid #888; background:#888; opacity:1; content:""; display:inline-block; position:absolute; top:50%; margin-top:-7px; right:0;
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
.mwrap div ul li a .bar { opacity:0; filter:alpha(opacity=0);width:21px;height:1px;content:''; background:#0d0c08; display:inline-block; position:absolute; top:50%; margin-top:0; right:13px; }
.mwrap div ul li a.current em,
.mwrap div ul li a:hover em { color:#ccc; font-weight:500;}
.mwrap div ul li a:hover .ball, 
.mwrap div ul li a.current .ball {border:1px solid #ccc;background: #ccc;}
.mwrap div ul li .active{  box-shadow: 0 0 0 0px #3399ff , 0 0 0 0px #3399ff;}

.mwrap div ul li a.current .bar,
.mwrap div ul li a:hover .bar {  opacity:1; filter:alpha(opacity=100);}

.mwrap div ul li a.current em,
.mwrap div ul li a:hover em, 
.mwrap div ul li a:hover .ball, 
.mwrap div ul li a.current .ball,
.mwrap div ul li a.current .bar,
.mwrap div ul li a:hover .bar
{	transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-moz-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-o-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-ms-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;}

@media all and (min-width:1900px) {
.mv_bwrap {background-size:100%; }

}

/* business */
.business {padding:150px 0 150px 0;margin:0 auto;  background-color:#000 !important; background:url(../img/main/business_bg.png) no-repeat center 300px; position:relative; height:auto;}
.business .h2{font-size:45px !important;font-weight:600; color:#fff;}
.business .h2 span {width:100%; font-size:22px; font-weight:300 !important; padding:30px 0 50px 0;  display:block; position: relative;}
.business .b_wrap {width:100%; max-width:1400px;  margin:0 auto; height:auto;}
.business .in_wrap {width:100%; display:inline-block; *display:inline; text-align:center; margin: 0px 0 0 0; font-size:0;}
.business .in_wrap:after {content:""; display:block; clear:both;} 

.business .in_wrap .b_box_t{position: relative; width:460px; max-width:460px; height:640px; max-height:640px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0; margin-right:10px; } 

.business .in_wrap .b_box_t:hover{color:rgb(0 0 0)}




.business .in_wrap .b_box_t2{position: relative; width:930px; max-width:930px; height:640px; max-height:640px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0;  }
.business .in_wrap a{text-align:left; }
.business .in_wrap .b_box_t h2{font-size:40px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t h3{font-size:18px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}


.business .in_wrap .b_box {position: relative; width:455px; max-width:455px; height:315px; max-height:315px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0; margin-bottom:10px;margin-right:8px;background-color:#293035;}

.business .in_wrap .b_box_t2  .b_box h2{font-size:24px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t2  .b_box h3{font-size:14px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}




.bg{background-color:#293035 !important; background:url(../img/main/business1bg_on.png) no-repeat center 50%;}
.bg2{background-color:#293035 !important; background:url(../img/main/business2bg.png) no-repeat center 50%;}
.bg3{background-color:#293035 !important; background:url(../img/main/business3bg.png) no-repeat center 50%;}
.bg4{background-color:#293035 !important; background:url(../img/main/business4bg.png) no-repeat center 50%;}
.bg5{background-color:#293035 !important; background:url(../img/main/business5bg.png) no-repeat center 50%;}
.bg:hover ,.bg2:hover ,.bg3:hover ,.bg4:hover ,.bg5:hover {background-color:#ccc !important; color:#000 !important;}
.bg:hover h2, .bg:hover h3, .bg2:hover h2, .bg2:hover h3, .bg3:hover h2, .bg3:hover h3, .bg4:hover h2, .bg4:hover h3, .bg5:hover h2, .bg5:hover h3{color:#000 !important;}
.bg p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:480px 0px 10px 30px;}
.bg:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:480px 0px 10px 30px;}
.bg2 p, .bg3 p, .bg4 p, .bg5 p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:190px 0px 10px 30px;}
.bg2:hover p, .bg3:hover p, .bg4:hover p, .bg5:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:190px 0px 10px 30px;}
/* 10210507ΌφΑ€ */
@media all and (max-width:1400px) {
.business .in_wrap .b_box_t{position: relative; width:918px; max-width:918px; height:270px; max-height:270px; overflow:hidden;display:inline-block;   box-sizing:border-box; margin:0px 8px 10px 0px;}
.bg{background-color:#293035 !important; background:url(../img/main/business1bg_on2.png) no-repeat right 50%; background-size:50%;}
.bg p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
}
/*@media all and (max-width:1024px) {
.layout {width:100%; max-width:1024px !important; margin:0 auto;padding:0 2%;box-sizing: border-box; }
.business .b_wrap {width:100%; max-width:1024px !important;  margin:0 auto; height:auto;}
.business .in_wrap .b_box_t{position: relative; width:320px; max-width:320px; height:470px; max-height:470px;margin-right:10px; padding:0 0 0 0; }
.business .in_wrap .b_box_t h2{font-size:30px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t h3{font-size:14px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}


.business .in_wrap .b_box_t2{position: relative; width:660px; max-width:660px; height:470px; max-height:470px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0;  }
.business .in_wrap .b_box {position: relative; width:320px !important; max-width:320px; height:230px; max-height:230px;  margin-bottom:10px;}
.business .in_wrap .b_box_t2 .b_box h2{font-size:20px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t2  .b_box h3{font-size:14px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}


.bg p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:330px 0px 10px 30px !important;}
.bg:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:330px 0px 10px 30px !important;}
.bg2 p, .bg3 p, .bg4 p, .bg5 p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg2:hover p, .bg3:hover p, .bg4:hover p, .bg5:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
}*/
@media all and (max-width:1024px) {
.business .in_wrap a{width:100%; max-width:100% !important;  margin:0 auto; height:auto; text-align:center;}
.business .in_wrap .b_box_t{position: relative; width:96% !important;; margin:0 auto; max-width:1000px !important; height:270px; max-height:270px;  margin:0 0 15px 0 !important; box-sizing:border-box; }
.business .in_wrap .b_box_t p{text-align:left; padding:100px 0px 10px 30px;}
.business .in_wrap .b_box_t2{position: relative; width:96%; max-width:1000px; height:1120px; max-height:1120px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0;  }
.business .in_wrap .b_box {position: relative; width:100% !important; margin:0 auto; max-width:1000px; height:270px; max-height:270px;margin-bottom:15px; }
.business .in_wrap .b_box_t2 .b_box h2{font-size:30px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t2  .b_box h3{font-size:14px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}

.bg{background-color:#293035 !important; background:url(../img/main/business1bg_on2.png) no-repeat right 50%; background-size:50%;}
.bg2{background-color:#293035 !important; background:url(../img/main/business2bg.png) no-repeat right 50%;}
.bg3{background-color:#293035 !important; background:url(../img/main/business3bg.png) no-repeat right 50%;}
.bg4{background-color:#293035 !important; background:url(../img/main/business4bg.png) no-repeat right 50%;}
.bg5{background-color:#293035 !important; background:url(../img/main/business5bg.png) no-repeat right 50%;}

.bg p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg2 p, .bg3 p, .bg4 p, .bg5 p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg2:hover p, .bg3:hover p, .bg4:hover p, .bg5:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
}



@media all and (max-width:768px) {
.business .in_wrap a{width:96%; max-width:100% !important;  margin:0 auto; height:auto;}
.business .in_wrap .b_box_t{position: relative; width:100% !important;; margin:0 auto; max-width:768px; height:270px; max-height:270px;  margin-bottom:15px;  }
.business .in_wrap .b_box_t p{text-align:left; padding:100px 0px 10px 30px;}
.business .in_wrap .b_box_t2{position: relative; width:100%; max-width:768px; height:1120px; max-height:1120px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0;  }
.business .in_wrap .b_box {position: relative; width:100% !important; margin:0 auto; max-width:768px; height:270px; max-height:270px;margin-bottom:15px; }
.business .in_wrap .b_box_t2 .b_box h2{font-size:30px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t2  .b_box h3{font-size:14px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}

.bg{background-color:#293035 !important; background:url(../img/main/business1bg_on2.png) no-repeat right 50%; background-size:50%;}
.bg2{background-color:#293035 !important; background:url(../img/main/business2bg.png) no-repeat right 50%;}
.bg3{background-color:#293035 !important; background:url(../img/main/business3bg.png) no-repeat right 50%;}
.bg4{background-color:#293035 !important; background:url(../img/main/business4bg.png) no-repeat right 50%;}
.bg5{background-color:#293035 !important; background:url(../img/main/business5bg.png) no-repeat right 50%;}

.bg p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg2 p, .bg3 p, .bg4 p, .bg5 p{background:url(../img/main/business2_arr.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}
.bg2:hover p, .bg3:hover p, .bg4:hover p, .bg5:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; width:90px; height:20px; margin:110px 0px 10px 30px !important;}

}


@media all and (max-width:640px) {
.business .h2{font-size:28px !important;}
.business .h2 span { font-size:18px !important; }

.business .in_wrap .b_box_t{position: relative; width:96%; margin:0 auto; max-width:640px; height:210px !important; max-height:210px !important;  margin-bottom:15px;  }
.business .in_wrap .b_box_t p{text-align:left; padding:80px 0px 10px 30px !important;}
.business .in_wrap .b_box_t2{position: relative; width:100%; max-width:640px; height:900px; max-height:1120px; overflow:hidden;display:inline-block; box-sizing:border-box; padding:0 0 0 0;  }
.business .in_wrap .b_box {position: relative; width:100% !important; margin:0 auto; max-width:640px; height:210px !important; max-height:210px !important; margin-bottom:15px; }
.business .in_wrap .b_box_t2 .b_box h2{font-size:30px; font-weight:600; color:#fff; text-align:left; padding:0px 30px;}
.business .in_wrap .b_box_t2  .b_box h3{font-size:14px; font-weight:400; color:#fff; text-align:left; padding:30px 0px 10px 30px;}
.bg p{background:url(../img/main/business2_arr.png) no-repeat center top;  margin:90px 0px 10px 30px !important;}
.bg:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top;  margin:90px 0px 10px 30px !important;}
.bg2 p, .bg3 p, .bg4 p, .bg5 p{background:url(../img/main/business2_arr.png) no-repeat center top;  margin:90px 0px 10px 30px !important;}
.bg2:hover p, .bg3:hover p, .bg4:hover p, .bg5:hover p{background:url(../img/main/business2_arr_on.png) no-repeat center top; margin:90px 0px 10px 30px !important;}
.bg{background-color:#293035 !important; background:url(../img/main/business1bg_on2.png) no-repeat right 40%; background-size:60%;}
.bg2{background-color:#293035 !important; background:url(../img/main/business2bg.png) no-repeat right 50%;}
.bg3{background-color:#293035 !important; background:url(../img/main/business3bg.png) no-repeat right 50%;}
.bg4{background-color:#293035 !important; background:url(../img/main/business4bg.png) no-repeat right 50%;}
.bg5{background-color:#293035 !important; background:url(../img/main/business5bg.png) no-repeat right 50%;}

.newswrap .h2{font-size:28px !important;}
.newswrap .h2 span { font-size:18px !important; }

.partner .h2{font-size:28px !important;}
.partner .h2 span { font-size:18px !important; }

}


/* news */	
.newswrap {width:100%; max-width:100%; margin:0 auto; padding:150px 0; height:auto; overflow:hidden;  background:#ededed;}	


.newswrap .h2{font-size:45px;font-weight:600; color:#000;}
.newswrap .h2 span {width:100%; font-size:22px; font-weight:300 !important; padding:30px 0 50px 0;  display:block; position: relative;}

.item{     position:relative;     	height:auto;     width:100%;   max-width:1900px; }
.content-slider ul{	 width:100%;	max-width:1400px;	}
.content-slider li{	 text-align: left; padding-left:10px;	color: #000;	height:auto; padding-bottom:50px;	}
.content-slider h3 {	 margin: 0;	padding: 70px 0;	}




.newswrap_t{font-size:22px; font-weight:600;margin-top:20px;letter-spacing:-1px; height:auto; position:relative;}
.newswrap_c{font-size:14px; font-weight:400;margin-top:20px;letter-spacing:-1px;height:auto; position:relative;}
.newswrap_btn{font-size:14px; font-weight:400; border:2px solid #000; color:#555; width:100px; text-align:center;margin:20px 0;height:auto; position:relative;}
.newswrap_btn:hover { background:#000; color:#fff; width:100px; text-align:center;margin:20px 0;height:auto; position:relative;}

@media all and (max-width:1024px) {
.item{  width:98% !important;	max-width:1024px;  }

.content-slider ul{	 width:98% !important;	max-width:100% !important;	margin:0 auto;}
.newswrap_t{font-size:18px; font-weight:600;margin-top:20px;letter-spacing:-1px; height:auto; position:relative;}
.content-slider img{width:100%; height:auto;}


}


@media all and (max-width:768px) {
.item{  width:98% !important;	max-width:768px;  }

.content-slider ul{	 width:98% !important;	max-width:100% !important;	margin:0 auto;}
.newswrap_t{font-size:16px; font-weight:600;margin-top:20px;letter-spacing:-1px; height:auto; position:relative;}


}

/* partner */
.partner_pad {   clear: both;width:100%; max-width:100%; margin:0 auto; height:150px;  background:#fff;}
.partner{width:100%; max-width:100%; margin:0 auto; height:auto; overflow:hidden;  background:#fff;}
.partner .h2{font-size:45px;font-weight:600; color:#000;}
.partner .h2 span {width:100%; font-size:22px; font-weight:300 !important; padding:30px 0 50px 0;  display:block; position: relative;}
.partner .partner_b {text-align:center; width:100%; /*max-width:1400px;*/margin:0 auto;}
.partner .partner_b li {float:left; height:50px;line-height:50px; padding:0px; }


/* footer */


@media all and (max-width:768px) {
 .bg{ background:url(../img/main/business1bg_on2.png) no-repeat right 50%; background-size:60% !important;}
}

@media all and (max-width:640px) {   
.prev, .next {   top: 60% !important;}
}



@media all and (max-width:500px) {   
.prev, .next {   display:none;}
.bg{ background:url(../img/main/business1bg_on2.png) no-repeat right 20%; background-size:70% !important;}
.bg2{ background:url(../img/main/business2bg.png) no-repeat right 50%; background-size:80% !important;}
.bg3{ background:url(../img/main/business3bg.png) no-repeat right 50%; background-size:80% !important;}
.bg4{ background:url(../img/main/business4bg.png) no-repeat right 50%; background-size:80% !important;}
.bg5{ background:url(../img/main/business5bg.png) no-repeat right 50%; background-size:80% !important;}
}

@media all and (max-width:400px) {   

.bg{ background:url(../img/main/business1bg_on2.png) no-repeat right 20%; background-size:100% !important;}
.bg2{ background:url(../img/main/business2bg.png) no-repeat right 50%; background-size:100% !important;}
.bg3{ background:url(../img/main/business3bg.png) no-repeat right 50%; background-size:100% !important;}
.bg4{ background:url(../img/main/business4bg.png) no-repeat right 50%; background-size:100% !important;}
.bg5{ background:url(../img/main/business5bg.png) no-repeat right 50%; background-size:100% !important;}
}


* {box-sizing: border-box}

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {  max-width: 1900px;  position: relative;  margin: auto;}

/* Next & previous buttons */
.prev, .next {  cursor: pointer;  position: absolute;  top: 48%;   left: 10px;  width: auto;  padding: 8px 16px;  margin-top: -22px;  color: white;  font-weight: 300;  font-size: 18px;  transition: 0.6s ease;  border:1px solid #5a6167;
  height:50px;  background-color: #4f545a;  z-index:2000;  user-select: none;}

.prenex_bg{background-color: #4f545a;  border:1px solid #5a6167;}

/* Position the "next button" to the right */
.next { margin-top:28px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {  background-color: rgba(0,0,0,0.8);  list-style:none;  text-decoration:none !important;}

/* Caption text */
.text {  color: #f2f2f2;  font-size: 15px;  padding: 8px 12px;  position: absolute;  bottom: 8px;  width: 100%;  text-align: center;}

/* Number text (1/3 etc) */
.numbertext {  color: #f2f2f2;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;}

/* The dots/bullets/indicators */
.dot {  cursor: pointer;  height: 15px;  width: 15px;  margin: 0 2px;  background-color: #bbb;  border-radius: 50%;  display: inline-block;  transition: background-color 0.6s ease;}

.active, .dot:hover {  background-color: #;}

/* Fading animation */
.fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;}

@-webkit-keyframes fade {  from {opacity: .4} 
to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}