@charset "utf-8";
/* FlexSlider Default Theme*/

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 780px; }
.slides { zoom: 1; overflow:hidden;}
.slides > li {display: none; -webkit-backface-visibility: hidden;}

/* Pause/Play 
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
*/
/* Control Nav */
.flex-control-nav { width:100%; text-align:center}
.flex-control-nav li {}
.flex-control-paging li a {display: block;cursor: pointer; text-indent: -9999px;}

/*direction Nav*/

/**/
.main{}
.main .visual_wrap{}
.main .visual{ position: relative; z-index:inherit; width:100%; }
.main_flex.visual_wrap .slides{ width:182px}
.main_flex.visual_wrap .slides > li{position:relative;}
.main_flex.visual_wrap .slides > li > img{width:100%; height:100%;}
.main_flex.visual_wrap .flex-control-paging{position:absolute; z-index:100; top:260px; right:10%; width:23px; background:rgba(255, 255, 255, 0.8); border-radius:20px; padding:3px 0;}
.main_flex.visual_wrap .flex-control-paging li{margin:7px 5px;}
.main_flex.visual_wrap .flex-control-paging li a { background:#9e9e9e; width:13px; height:13px; border-radius:30px; text-indent:9999px; }
.main_flex.visual_wrap .flex-control-paging li a:hover { background:#ccc; border-radius:30px;}
.main_flex.visual_wrap .flex-control-paging li a.flex-active { background:#0077b1; width:13px; height:13px; border-radius:30px;}

.main_flex.visual_wrap .flex-direction-nav{ position:absolute; width:1350px; top:42%; left:50%; margin-left:-670px; z-index:999; height:75px; overflow:hidden;}
.main_flex.visual_wrap .flex-direction-nav li a{ position:absolute; z-index:inherit; text-indent:9999px; display:block; width:80px; height:75px;}
.main_flex.visual_wrap .flex-direction-nav li a:hover { opacity:0.9;}
.main_flex.visual_wrap .flex-direction-nav li a.flex-prev{ left:0; background:url(../images/main/pre_btn.png) no-repeat}
.main_flex.visual_wrap .flex-direction-nav li a.flex-next{ right:0; background:url(../images/main/next_btn.png) no-repeat}

.con_txt .visual_wrap .slides{ width:182px}
.con_txt .visual_wrap .slides > li{position:relative;}

.con_txt .visual_wrap .flex-direction-nav{ position:absolute; width:24px; top:9px; right:7px; z-index:999; height:38px; overflow:hidden;}
.con_txt .visual_wrap .flex-direction-nav li a{ position:absolute; z-index:inherit; text-indent:9999px; display:block; width:24px; height:18px;}
.con_txt .visual_wrap .flex-direction-nav li a:hover { opacity:0.9;}
.con_txt .visual_wrap .flex-direction-nav li a.flex-prev{ right:0; top:0; background:url(../images/main/up_arr.png) no-repeat}
.con_txt .visual_wrap .flex-direction-nav li a.flex-next{ right:0; bottom:0; background:url(../images/main/down_arr.png) no-repeat}

@media all and (max-width:768px){
.main_flex.visual_wrap .flex-control-paging{top:170px; right:5%;}

}

@media all and (max-width:380px){
.main_flex.visual_wrap .flex-control-paging{display:none;}

}