
.txt {
	margin: 30px auto 30px;}

/*accordian*/
.accordian {
	width: 1152px; 
	height: 564px;
	overflow: hidden;
	/*Time for some styling*/
	margin: 0px auto 30px;}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
	width: 2000px;
	position:relative
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/}

.accordian li {
	position: relative;
	display: block;
	width: 230px;
	float: left;	
	border-left: 1px solid #888;
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
	see the basic accordian*/}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 117px;}

/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 680px;}

.accordian li img {
	display: block;}

/*Image title styles*/
.image_title {
	position: absolute;
	left: 0; bottom: 0;	
	width: 230px;}
li.stop .image_title {
	position: absolute;
	left: 0; bottom: 0;	
	width: 230px;
	padding-bottom:20px;
	padding-left: 17px;
	text-align:left;}

.image_title a {
	display: block;
	text-decoration: none;
	padding-bottom:20px;
	padding-left: 17px;
	text-align:left;
	font-size: 16px;}

/* //accordian*/

.mainContent_mr {
	width: 960px;
	background: url(../../common/image/bg2.png) top center repeat-y;
	margin-left: auto;
	margin-right: auto;
	padding-top:30px;
	padding-bottom:30px;}

.content {
	position:relative;
	width:840px;
	padding:29px 30px 20px;
	margin:0 auto;
	background:#F4F7FA;}

.con_l {
	float:left;}
.madori {
	margin-bottom:22px;}
.rightarea {
	width:550px;
	float:right;
	margin-bottom:40px}
.con_r {
	float:right;}
.con_lb {
	float:left;
	margin-bottom:30px;}
.con_rb {
	float:right;
	margin-bottom:30px;}
.con_ll {
	float:left;
	margin-right:30px;}


/*popup*/

.ttlarea {
	background:rgba(0,0,0,0.85);
	text-align:center;
	padding:10px 0;
	width:100%;}


.slider {
	width: 100%;
	margon-top:41px;
	background:rgba(0,0,0,0.85)
	/*overflow: hidden;*/
}


/* Control Nav */
.flex-control-nav {width: 668px; margin: 0 auto; text-align: center;}
.flex-control-nav li { text-align: center; margin-right: 4px; margin-bottom:4px; padding: 0; display: inline-block; _display: inline; _zoom: 1;}
.flex-control-nav li.num3, .flex-control-nav li.num6 {margin-right: 0px;}
.flex-control-paging li a { width: 220px; height: 52px; display: block; box-sizing: border-box; text-indent: -9999px; cursor: pointer;
-webkit-transition: all .4s ease-in;
   -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
     -o-transition: all .4s ease-in;
        transition: all .4s ease-in;
}
.flex-control-paging li a:hover { background-color:#000; }
.flex-control-paging li a.flex-active {  background-color:#000; cursor: default; }

.flex-control-paging li.num1 a { background: url(../images/pop_a-85g/btn_01.jpg) no-repeat center top;}
.flex-control-paging li.num2 a { background: url(../images/pop_a-85g/btn_02.jpg) no-repeat center top;}
.flex-control-paging li.num3 a { background: url(../images/pop_a-85g/btn_03.jpg) no-repeat center top;}
.flex-control-paging li.num4 a { background: url(../images/pop_a-85g/btn_04.jpg) no-repeat center top;}
.flex-control-paging li.num5 a { background: url(../images/pop_a-85g/btn_05.jpg) no-repeat center top;}
.flex-control-paging li.num6 a { background: url(../images/pop_a-85g/btn_06.jpg) no-repeat center top;}
.flex-control-paging li.num1 a.flex-active,
.flex-control-paging li.num1 a:hover { background: url(../images/pop_a-85g/btn_01_ov.jpg) no-repeat center top;}
.flex-control-paging li.num2 a.flex-active,
.flex-control-paging li.num2 a:hover { background: url(../images/pop_a-85g/btn_02_ov.jpg) no-repeat center top;}
.flex-control-paging li.num3 a.flex-active,
.flex-control-paging li.num3 a:hover { background: url(../images/pop_a-85g/btn_03_ov.jpg) no-repeat center top;}
.flex-control-paging li.num4 a.flex-active,
.flex-control-paging li.num4 a:hover { background: url(../images/pop_a-85g/btn_04_ov.jpg) no-repeat center top;}
.flex-control-paging li.num5 a.flex-active,
.flex-control-paging li.num5 a:hover { background: url(../images/pop_a-85g/btn_05_ov.jpg) no-repeat center top;}
.flex-control-paging li.num6 a.flex-active,
.flex-control-paging li.num6 a:hover { background: url(../images/pop_a-85g/btn_06_ov.jpg) no-repeat center top;}

.flex-control-paging li.num8 { margin: 0; }