@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 li {display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block;cursor: pointer; text-indent: -9999px;}

/*direction Nav*/

/*main_vis*/
.main{}
.vis_con .visual_wrap{ width:100%; max-width:792px;}
.vis_con .visual{ position: relative; z-index:inherit; width:100%; max-width:792px;}
.vis_con .visual_wrap .slides > li{width:100%; height:318px}
.vis_con .flex-control-nav { width:100%; text-align:left}
.vis_con .visual_wrap .flex-control-paging{position:absolute; bottom:30%; left:30px; margin-left:13px; z-index:100;}
.vis_con .visual_wrap .flex-control-paging li{ margin:0 2px}
.vis_con .visual_wrap .flex-control-paging li a { background:none; width:8px; height:8px; border:3px solid #fff; border-radius:30px; text-indent:9999px; }
.vis_con .visual_wrap .flex-control-paging li a:hover { background:#ccc; border-radius:30px;}
.vis_con .visual_wrap .flex-control-paging li a.flex-active { background:#fff; width:30px; height:8px; border-radius:30px;}

/*popzone*/
.popzone .visual_wrap{ width:100%; max-width:337px;}
.popzone .visual{ position: relative; z-index:inherit; width:100%; max-width:337px;}
.popzone .visual_wrap .slides > li{width:100%;}
.popzone .flex-control-nav { width:100%; text-align:right;}
.popzone .visual_wrap .flex-control-paging{position:absolute; top:-23px; right:9px; margin-left:13px; z-index:100;}
.popzone .visual_wrap .flex-control-paging li{ margin:0 2px}
.popzone .visual_wrap .flex-control-paging li a { background:#999999; width:11px; height:11px; border-radius:30px; text-indent:9999px; }
.popzone .visual_wrap .flex-control-paging li a:hover { background:#999999; border-radius:30px;}
.popzone .visual_wrap .flex-control-paging li a.flex-active { background:#006cdb; width:11px; height:11px; border-radius:30px;}



@media all and (max-width:768px){
	.vis_con .visual_wrap .flex-control-paging{left:0; margin-left:5px; bottom:20%}
	.vis_con .visual_wrap .slides > li{height:inherit;}
	
}