/**
 *
 *  GLOBAL
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/


/* @SP */
@media all and (max-width: 767px) {
	.nav-open #Breadcrumb,
	.nav-open #Main,
	.nav-open #Footer{
		display:none;
	}
}


/*--------------------------------------------------------------------------
   head
---------------------------------------------------------------------------*/

head {
  font-family: mode-pc;
}

/* @SP */
@media all and (max-width: 767px) {
	head {
		font-family: mode-sp;
	}
}



/*----------------------------------------------------
   #Header
-----------------------------------------------------*/

#Header{
	position:fixed;
	top:0;
	left: 0;
	width:80px;
	height:100%;
	background: #fff;
	z-index: 15000;
  
}

/* #Header open
-----------------------------------------------------------------*/
#Header #GlobalNavi,
#Header #SearchNavi,
#Header #SnsNavi{
	pointer-events: none;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#Header._nav-open #GlobalNavi,
#Header._search-open #SearchNavi,
#Header._search-open #SnsNavi{
	right:0;
}

#Header .cover{
	visibility:hidden;
	opacity:0;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:100;
	top:0;
	left:0;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#Header.nav01-open .cover,
#Header.nav02-open .cover,
#Header.nav03-open .cover{
	visibility:visible;
	opacity:1;
}

#Header.nav01-open .ico-b{
	opacity:0;
}
#Header.nav02-open .ico-a{
	opacity:0;
}
/*#Header.nav03-open .ico-c{
	opacity:0;
}*/


/* @SP */
@media all and (max-width: 767px) {
	#Header .cover{
		display:none;
		top:66px;
	}
}



/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
	zoom: 1;
}



/*--------------------------------------------------------------------------
   Header Deco
---------------------------------------------------------------------------*/

/* animation */
#Header{
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

/* waku */
#Header.nav01-open,
#Header.nav02-open,
#Header.nav03-open{
	width:312px;
	z-index: 21000;
}
#Header.nav01-open .inner,
#Header.nav02-open .inner,
#Header.nav03-open .inner{
	opacity:0;
}

/* @SP */
@media all and (max-width: 767px) {
	#Header.nav01-open,
	#Header.nav02-open,
	#Header.nav03-open{
		width:auto;
	}
	#Header.nav01-open .inner,
	#Header.nav02-open .inner,
	#Header.nav03-open .inner{
		display:none;
	}
}

/* each ico */
#Header .ico-a{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	cursor:pointer;
	display: block;
	z-index: 102;
	/* border-bottom: 1px solid #064da1; */
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#Header .ico-a:hover{background-color: #f2f2f2;}
#Header.nav01-open .ico-a{
	border-bottom:none;
}
#Header .ico-a .bar {
	width: 26px;
	height: 2px;
	display: block;
	background: #000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -13px;display: none;
}
#Header .ico-a span {
  -webkit-transition: all 0.3s;
          transition: all 0.3s; }
#Header .ico-a .inline{
	display:block;
	position:relative;
	width:100%;
	height:100%;
  background: url(../image/rdzn_lm2.png) no-repeat center;
}
#Header.nav01-open .ico-a .inline {
   background: none;
}
#Header .ico-a .middle {
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); }

#Header .ico-a .top {
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
  width: 13px;
  }

#Header .ico-a .bottom {
  -webkit-transform: translateY(7px);
  -ms-transform: translateY(7px);
  transform: translateY(7px);
  width: 13px;
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -13px;
  }
  #Header .ico-a:hover .top {
  width: 26px;
  }
  #Header .ico-a:hover .bottom {
  width: 26px;
  }

#Header.nav01-open .ico-a{
	pointer-events: auto;
	cursor:pointer;
	background-color: #f2f2f2;
}
#Header .ico-a.trg-close{z-index:104;}
#Header.nav01-open .ico-a.trg-close{z-index:106;}
#Header.nav01-open .ico-a .middle {
	opacity:0;
  -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
          transform: translateX(10px);}

#Header.nav01-open .ico-a .top {
  -webkit-transform: rotate(-45deg) translateY(0px);
  -ms-transform: rotate(-45deg) translateY(0px);
  transform: rotate(-45deg) translateY(0px);
  width: 26px;    display: block;
  }

#Header.nav01-open .ico-a .bottom {
  -webkit-transform: rotate(45deg) translateY(0px);
  -ms-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
  width: 26px;    display: block;
  }

/* ico b */
#Header .ico-b{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 160px;
	left: 0;
	display: block;
	z-index: 102;
	cursor:pointer;
	background: rgba(0,0,0,0);
	
	-webkit-transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
	transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
}
#Header .ico-b:hover{background-color:#f2f2f2;}
#Header.nav02-open .ico-b{
	border-bottom:none;
}
#Header .ico-b span{
	display:block;
}
#Header .ico-b .inline{
	display:block;
	position:relative;
	width:100%;
	height:100%;
   background: url(../image/rdzn_yx.png) no-repeat center;
}
#Header .ico-b .inline span {
  -webkit-transition: all 0.4s;
          transition: all 0.4s;
}
#Header .ico-b .circle{
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #FFF;
	top: 29px;
	left: 28px;
}
#Header .ico-b .bar{
	width: 10px;
	height: 2px;
	display: block;
	background: #fff;
	position: absolute;
}
#Header .ico-b .bar01{
    top: 46px;
    left: 40px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#Header .ico-b .bar02{
	opacity:0;
    top: 29px;
    left: 38px;
	width:26px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#Header.nav02-open .ico-b{
	top:0;
	background: #064da1;
	pointer-events: auto;
	cursor:pointer;
}
#Header.nav02-open .ico-b .circle{
	opacity:0;
	width:0;
	height:0;
}
#Header.nav02-open .ico-b .bar{
	width:26px;
}
#Header.nav02-open .ico-b .bar01{
    top: 36px;
    left: 25px;
}
#Header.nav02-open .ico-b .bar02{
	opacity:1;
    top: 36px;
    left: 25px;
}

/* ico c */
#Header .ico-c{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 80px;
	left: 0;
	display: none;
	z-index: 102;
	cursor:pointer;
	background: rgba(0,0,0,0);
	/* border-bottom: 1px solid #064da1; */
	-webkit-transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
	transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
}
#Header .ico-c.trg-close{z-index:104;}
#Header.nav03-open .ico-c.trg-close{z-index:106;}

#Header .ico-c:hover{background-color: #f2f2f2;}
#Header.nav03-open .ico-c{
	border-bottom:none;
}
#Header .ico-c span{
	display: none;
}
#Header .ico-c .inline{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	background: url(../image/rdzn_yy2.png) no-repeat center;
}
#Header.nav03-open .ico-c .inline{background: none;}
#Header .ico-c .inline span {
  -webkit-transition: all 0.4s;
          transition: all 0.4s;
}
#Header .ico-c .circle-fill{
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #000;
}
#Header .ico-c .thin-line{
	position: absolute;
	width: 11px;
	height: 1px;
	background: #000;
}
#Header .ico-c .fill01{
	top: 29px;
	left: 41px
}
#Header .ico-c .fill02{
	top: 38px;
	left: 28px;
}
#Header .ico-c .fill03{
	top: 46px;
	left: 41px;
}
#Header .ico-c .line01{
	top: 35px;
	left: 32px;
	-webkit-transform: rotate(-34deg);
	transform: rotate(-34deg);
}
#Header .ico-c .line02{
	top: 44px;
	left: 32px;
	-webkit-transform: rotate(-34deg);
	transform: rotate(34deg);
}

/* ico d */
#Header .ico-d{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
	z-index: 102;
	cursor:pointer;
	background: rgba(0,0,0,0);
	/* border-bottom: 1px solid #064da1; */
	-webkit-transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
	transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
}
#Header .ico-d:hover{background-color: #f2f2f2;}
#Header .ico-d .inline {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../image/rdzn_ss.png) no-repeat center;
}
#Header .ico-d .inline a{
    display: block;
    width: 100%;
    height: 100%;
}

/* open */
#Header.nav03-open .ico-c{
	top:0;
	background: #f2f2f2;
	pointer-events: auto;
	cursor:pointer;
}
#Header.nav03-open .circle-fill{
	display: none;
}
#Header.nav03-open .ico-c .thin-line{
	width:26px;
	height: 2px;
	display: block;
}
#Header.nav03-open .ico-c .line01{
	top: 34px;
	left: 25px;
	-webkit-transform: rotate(45deg) translateX(5px);
	-ms-transform: rotate(45deg) translateX(5px);
	transform: rotate(45deg) translateX(5px);
}
#Header.nav03-open .ico-c .line02{
	top: 34px;
	left: 25px;
	-webkit-transform: rotate(-45deg) translateY(5px);
	-ms-transform: rotate(-45deg) translateY(5px);
	transform: rotate(-45deg) translateY(5px);
}



/* ico e */
#Header .ico-e{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 240px;
	left: 0;
	display: block;
	z-index: 102;
	cursor:pointer;
	background: rgba(0,0,0,0);
	
	-webkit-transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
	transition: all 0.3s ease , top 0.7s cubic-bezier(0.905, 0.005, 0.095, 1.000), background .4s ease;
}
#Header .ico-e:hover{background-color:#f2f2f2;}
#Header.nav02-open .ico-b{
	border-bottom:none;
}
#Header .ico-e span{
	display:block;
}
#Header .ico-e .inline{
	display:block;
	position:relative;
	width:100%;
	height:100%;
   background: url(../image/rdzn_home2.png) no-repeat center;
}
#Header .ico-e .inline span {
  -webkit-transition: all 0.4s;
          transition: all 0.4s;
}

/* @SP */
@media all and (max-width: 767px) {
	#Header .ico-a,
	#Header .ico-b,
	#Header .ico-c{
		width:67px;
		height:67px;
	}
	#Header .ico-a,
	#Header.nav01-open .ico-a{
		top: 0;
		right: 0;
	}
	#Header .ico-b{
		top: 0;
		right: 67px;
	}
	#Header.nav02-open .ico-b{
		top: 0;
		right:0;
	}
	#Header .ico-b .circle{
		top: 24px;
		left: 22px;
	}
	#Header .ico-b .bar01{
		top: 40px;
		left: 33px;
	}
	#Header .ico-b .bar02{
		top: 24px;
		left: 33px;
	}

	#Header .ico-c{
		top: 0;
    right: 134px;
	}
	#Header.nav03-open .ico-c{
		top: 0;
		right: 5px;
	}
	#Header.nav03-open .ico-c{
		border-left: none;
	}
	#Header .ico-c .fill01{
		top: 24px;
		left: 35px
	}
	#Header .ico-c .fill02{
		top: 33px;
		left: 22px;
	}
	#Header .ico-c .fill03{
		top: 41px;
		left: 35px;
	}
	#Header .ico-c .line01{
		top: 30px;
		left: 26px;
		-webkit-transform: rotate(-34deg);
		transform: rotate(-34deg);
	}
	#Header .ico-c .line02{
		top: 39px;
		left: 26px;
		-webkit-transform: rotate(-34deg);
		transform: rotate(34deg);
	}

	#Header .ico-a,
	#Header .ico-b,
	#Header .ico-c{
		border-bottom:none;
    border-left: 1px solid #021421;
	}
	#Header.nav01-open .ico-a,
	#Header.nav02-open .ico-b,
	#Header.nav02-open .ico-c{
		border-left:none;
	}
	#Header.nav02-open .ico-b .bar01,
	#Header.nav02-open .ico-b .bar02,
	#Header.nav02-open .ico-b .bar02{
		top: 32px;
    left: 20px;
	}
}

/* hover */
.mode-pc #Header .trg-close:hover{
	background:#0c3758;
}


/*----------------------------------------------------
   #GlobalNavi
-----------------------------------------------------*/
#GlobalNavi{
	visibility:hidden;
	position:fixed;
	top:0;
	z-index: 103;
	width:312px;
	height:100%;
	background: rgba(255, 255, 255, 0.95);
	padding:30px 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	left: 0;
	opacity:0;
}
#GlobalNavi ul{
	margin-top:50px;
   overflow-y: auto;
   height: calc(100% - 50px);
}
#GlobalNavi ul li{
	opacity:0;
	border-top: 1px solid #f2f2f2;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	/*margin-left:20px;*/
}
#GlobalNavi ul li:last-child{
	border-bottom: 1px solid #f2f2f2;
}
#GlobalNavi ul li a{
	display:block;
	padding: 20px 43px;
	-webkit-transition: all .3s ease;
	color: #666;
	font-weight: bold;
	font-size: 14px;
	transition: all .3s ease;
	height:59px;
	/* text-align: center; */
}
#GlobalNavi ul li a:hover{
	background: #064da1;
	color: #fff;
}

/*-- animation --*/
#GlobalNavi.animation{
	visibility:visible;
	opacity:1;
}
#GlobalNavi.animation ul li{
	opacity:1;
	margin-left:0;
}
/*#GlobalNavi.animation ul li:nth-child(2){
	-webkit-transition-delay:100ms;
					transition-delay:100ms;
}
#GlobalNavi.animation ul li:nth-child(3){
	-webkit-transition-delay:200ms;
					transition-delay:200ms;
}
#GlobalNavi.animation ul li:nth-child(4){
	-webkit-transition-delay:300ms;
					transition-delay:300ms;
}
#GlobalNavi.animation ul li:nth-child(5){
	-webkit-transition-delay:400ms;
					transition-delay:400ms;
}
#GlobalNavi.animation ul li:nth-child(6){
	-webkit-transition-delay:500ms;
					transition-delay:500ms;
}
#GlobalNavi.animation ul li:nth-child(7){
	-webkit-transition-delay:600ms;
					transition-delay:600ms;
}
#GlobalNavi.animation ul li:nth-child(8){
	-webkit-transition-delay:700ms;
					transition-delay:700ms;
}
#GlobalNavi.animation ul li:nth-child(9){
	-webkit-transition-delay:800ms;
					transition-delay:800ms;
}*/
/* @MID */
@media all and (max-width: 1535px) {
	#GlobalNavi ul li a {
		padding: 17px 43px;
	}
}
/* @SP */
@media all and (max-width: 767px) {
	#GlobalNavi{
		overflow:hidden;
		position:absolute;
		width:100% !important;
		height:auto;
		top: 68px;
		right: inherit;
		left:0;
		display:none;
		visibility:visible !important;
	}
	#GlobalNavi ul{
		margin-top:0;
	}
	#GlobalNavi ul li a{
		text-align:center;
	}
	#GlobalNavi.animation{
		display:block;
		opacity:1 !important;
	}
}


/*----------------------------------------------------
   #SearchNavi
-----------------------------------------------------*/
#SearchNavi{
	visibility:hidden;
	position:fixed;
	top:0;
	z-index:101;
	width:312px !important;
	height:100%;
	background: rgba(243, 163, 26, 0.75);
	padding:30px 28px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	right: 0;
	opacity:0;
}
#SearchNavi .box{
	margin-top:80px;
}
#SearchNavi .box .box-inner{
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
          transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity:1;
}

#SearchNavi .g-search{
 	margin: 28px 0 10px 0;
 	padding-bottom:10px;
 	border-bottom: 1px solid #064da1;
}
#SearchNavi input.input01{
	border: none;
	background: transparent;
	color: #FFF;
	width: 210px;
	margin-right: 10px;
}
#SearchNavi input.input02{
	border:none;
	background: url(/img/gz_ico_search01_sp.png);
	background-size:27px;
	width:27px;
	height:27px;
	cursor:pointer;
}
#SearchNavi input.input02:hover{
	opacity:.7;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #021c30 inset;
		-webkit-text-fill-color: #FFF !important;
}
#SearchNavi .g-copy{
	text-align:right;
	color:#4f606e;
	font-size:10px;
}
#SearchNavi .g-copy span{
	margin-left:3px;
}

/*-- animation --*/
#SearchNavi.animation{
	visibility:visible;
	opacity:1;
}
#SearchNavi .trg-close.animation{
	opacity:1;
}


#SearchNavi input::-webkit-input-placeholder,
#SearchNavi textarea::-webkit-input-placeholder{
    color: #4e616f;
    font-weight: normal;
}
#SearchNavi input:-ms-input-placeholder,
#SearchNavi textarea:-ms-input-placeholder{
    color: #4e616f;
    font-weight: normal;
}
#SearchNavi input::-moz-placeholder,
#SearchNavi textarea::-moz-placeholder{
    color: #4e616f;
    font-weight: normal;
}



/* @SP */
@media all and (max-width: 767px) {
	#SearchNavi{
		overflow:hidden;
		position:absolute;
		width:100% !important;
		height:auto;
		top: 68px;
		right: inherit;
		padding:0 20px 40px;
		display:none;
		visibility:visible !important;
	}
	#SearchNavi .trg-close{
		display:none;
	}
	#Header._search-open #SearchNavi{
		height:183px;
	}
	#SearchNavi .box{
		margin-top:20px;
	}
	#SearchNavi input.input01{
		width:85%;
		font-size:16px;
	}
	#SearchNavi input.input02{
		float:right;
	}
	#SearchNavi.animation .box .box-inner{
		width:100%;
	}
	#SearchNavi.animation .box .box-inner{
		position:static;
	}
	#SearchNavi form{
		display:block;
	}
	#SearchNavi.animation{
		display:block;
		opacity:1 !important;
	}
}

/*----------------------------------------------------
   #SnsNavi
-----------------------------------------------------*/
#SnsNavi{
	visibility:hidden;
	position:fixed;
	top:0;
	z-index:103;
	width:312px;
	height:100%;
	background: rgba(255, 255, 255, 0.95);
	padding:30px 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	left: 0;
	opacity:0;
}
#SnsNavi .rdzn_yy{
	width: 226px;
	margin: 96px auto 0;
}
#SnsNavi .rdzn_yy:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#SnsNavi a{
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	float: left;
	padding: 33px;
	transition: background 0.3s ease 0s;
	margin: 0;
}
#SnsNavi a.rdzn_cn {
    background: url(../image/rdzn_cn.png) no-repeat center;
    float: left;
}
#SnsNavi a.rdzn_en {
    background: url(../image/rdzn_en.png) no-repeat center;
    float: right;
}

#SnsNavi a.rdzn_cn:hover{
	background: #efefef url(../image/rdzn_cn.png) no-repeat center;
}
#SnsNavi a.rdzn_en:hover{
	background: #efefef url(../image/rdzn_en.png) no-repeat center;
}

#SnsNavi li img{
	width: 100%;
	height: auto;
}
#SnsNavi.animation{
	visibility:visible;
	opacity:1;
}

/* @SP */
@media all and (max-width: 767px) {
	#SnsNavi{
		overflow:hidden;
		position:absolute;
		width:100% !important;
		height:auto;
		top: 68px;
		right: inherit;
		padding:0 20px 40px;
		visibility:visible !important;
		box-sizing: border-box;
	}
	#SnsNavi ul{
		width: 300px;
		margin: 0 auto;
	}
	#SnsNavi ul li span{
		margin: 0 auto;
	}
}

/* open / close */
#Header.nav01-open .ico-b{
	opacity:0;
}
#Header.nav01-open .ico-c{
	opacity:0;
}
#Header.nav01-open .ico-d {
    opacity: 0;
}
#Header.nav02-open .ico-a{
	display:none;
}
#Header.nav02-open .ico-c{
	display:none;
}
#Header.nav02-open .ico-d {
    opacity: 0;
}
#Header.nav03-open .ico-a{
	display:none;
}
#Header.nav03-open .ico-b{
	display:none;
}
#Header.nav03-open .ico-d {
    opacity: 0;
}

#Header.nav01-open #GlobalNavi{
	pointer-events: auto;
	z-index: 105;
}
#Header.nav02-open #SearchNavi{
	pointer-events: auto;
}
#Header.nav03-open #SnsNavi{
	pointer-events: auto;
	z-index: 104;
}



/* home_share */
.float-right-box {
    width: 250px;
    position: absolute;
    height: 50px;
    left: 15px;
    bottom: 5%;
    background-color: rgba(6, 77, 161, 1);
    z-index: 200;
    transition: width 0.3s ease 0s;
}
.float-right-box.clon {
    width: 50px;
    overflow: hidden;
    background-color: #fff;
}
.float-right-box .f-cb {
    zoom: 1;
}
.float-right-box .bot-share {
    position: relative;
    height: 50px;
    width: 250px;
}
.float-right-box .fl {
    float: left;
    display: inline;
}
.float-right-box .fr {
    float: right;
    display: inline;
}
.float-right-box .bot-share .share {
    width: 200px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transition: width 0.3s ease 0s;
}

.float-right-box .bot-share a {
    display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    transition: background 0.3s ease 0s;
    margin: 0;
    padding: 0;
}
.bdshare-button-style0-16 a:hover {
    color: #333;
    opacity: .8;
    filter: alpha(opacity=80);
}

.float-right-box .bot-share .sina{
  background: url(../image/rdzn_xlh.png) no-repeat center;
}
.float-right-box .bot-share .wx{
  background: url(../image/rdzn_wxh.png) no-repeat center;
}
.float-right-box .bot-share .tx{
  background: url(../image/rdzn_qqh.png) no-repeat center;
}
.float-right-box .bot-share .more{
  background: url(../image/rdzn_moreh.png) no-repeat center;
}



.float-right-box.clon .bot-share .share-ico {
    background: url(../image/rdzn_fx2.png) no-repeat center;
}
.float-right-box .bot-share .share-ico {
    background: url(../image/rdzn_fx2h.png) no-repeat center;
    width: 50px;
    height: 50px;
    display: block;
    cursor: pointer;
    z-index: 50;
    position: relative;
    transition: all 0.3s;
}



.float-right-box .bot-share a:hover {
    background-color: #06438a;
}
.nav01-open .float-right-box, .nav03-open .float-right-box{z-index: 1;}