@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("un-reset.css");

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu,legend{display:block}

*{margin:0;padding:0;}
body{ margin:0; -webkit-text-size-adjust:none; overflow-x:hidden; background:#fff; font-family: 'Microsoft jhenghei' , Arial ; }

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}


#wrapper{ margin:0 auto; max-width:1400px;}
.clearboth{clear:both;}
img{ vertical-align:middle; max-width: 100% }

a{ text-decoration:none; font-family: 'Microsoft jhenghei' , Arial ; }
/*a{ text-decoration:none; font-family: Arial,'cwTeXHei' ; }*/

a,p,span,td,li,pre, { font-family: 'Microsoft jhenghei' , Arial ; }

.box{ max-width: 1344px; margin: 0 auto;}
.boxTop{ position: relative; top: 174px; margin-top: -10px;  margin-top: -35px\9;/* IE8 */ }

/* IE7 */
*+html .boxTop {  }

/* IE6*/
+html .boxTop {
}

input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

table{ width: 100% }

/*=========*/
header { height: 174px; border-bottom: #609A11 4px solid; position: fixed; top: 0; z-index: 1000; width: 100%;
background: #fff }
nav { height: 58px; color: #fff ; text-align:center;}
header > nav {  /*background: #212121; */ }

#header-bar { height: 112px; position: relative; padding: 8px; }
.logo { position:absolute; width: 100%; left: 0; text-align: center; padding-left:1%;}
.logo img { margin-top: 8px }

.header-text{ position:absolute; width: 300px; top: 25px; left: 0; text-align: left; color: #000; padding-top: 25px; line-height: 30px;
font-weight: bold; padding-left: 4%; }
.header-text img {
    width: 45px;
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}
.header-text p{ font-size: 20px; display: inline; }
.header-text a,
.header-text span { font-size: 30px; color: #df0105; font-family: Arial; font-style: italic; }

#nav-bar { max-width: 80vmax !important; display: flex; align-items: stretch; justify-content: center; line-height: 58px; position: relative; color: #fff; padding: 0; text-align: center; }
#nav-bar li{ /*display: inline-block;*/ flex:1; padding: 0 2%;}
#nav-bar li a{ color: #000; font-size: 22px; }
#nav-bar li:hover,
#nav-bar li.active { display: inline-block; height: 58px; background-image:url(../images/icon02.png);
background-repeat:no-repeat; background-position:bottom center; }
#nav-bar li:hover a,
#nav-bar li.active a { color: #609A11; }

.header-btn{
	position: absolute;
	top: 3px;
	right: 125px;
}

.header-btn a{
	margin-right: 5px
}

.header-btn img{
	width: 37px
}

.header_ver{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #808A87;
	width: 120px;
	line-height: 35px;
	padding-bottom: 2px;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0px 3px 1px rgba(0,0,0,.1);
}

.header_ver:hover{
	background-color: #232;
}

.header_ver a{
	font-size: 15px;
	text-transform: uppercase;
	color: #fff
}

.header_ver .ver_img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 4px;
	width: 20px;
	height: 20px
}

/*==BOTTOM===*/
.Bottom-bar { padding:30px 12%; font-size: 20px; background:#fff; /*background:url(../images/bottom_bk.png) repeat-x top; background-size: 100% 100%*/ }
.Bottom-bar > .box:nth-child(2) { padding-top:50px; text-align: center; }
.Bottom-bar > .box img { margin: 10px 30px }
.Bottom-bar > .box p { font-size:21px }

.Bottom-list { border-top: #92D050 4px solid; height: 300px; background: #0A344D }
.Bottom-link { line-height: 58px; position: relative; color: #fff; padding: 0; text-align: center;  }
.Bottom-link li{ display: inline-block; padding: 0 3.6%; position:relative; }
.Bottom-link li a{ color: #92D050; font-size: 22px; }
.Bottom-link li:hover{ display: inline-block; height: 58px; background:url(../images/icon03.png) no-repeat top center; }
.Bottom-link dl{ position: absolute; left: 43px; line-height: 30px; text-align: left; padding:0 5px; }
.Bottom-link dt { display: block; }
.Bottom-link dt a{ color: #fff; font-size: 18px; font-family: 'Microsoft jhenghei' , Arial ; }

.Bottom-list .box{ max-width: 100%; }


/*首頁-風險管理*/
.Bottom_cu{ text-align: center; padding:50px 0 30px 0; }
.box figure { width:22%; display: inline-block; vertical-align: top; padding: 20px 15px 10px 15px;
 position: relative; margin-bottom: 40px; }
.box figure p {word-wrap:break-word; word-break:normal; font-size: 17px; padding-top: 15px;
/* height: 60px; */ line-height: 25px;
/* 第2行要顯示點點點 */
/* overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-o-line-clamp: 2;
-o-box-orient: vertical;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
-moz-line-clamp: 2;
-moz-orient: vertical; */
 }

.box figure a{
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin-top: 20px;
	border-radius: 50%;
	padding-bottom: 100%;
    border: #D23939 4px solid;
    overflow: hidden;
    box-shadow: 0 0 8px 3px rgba(0,0,0,.15);
}

.box figure img { 
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: 100%;
 }
.box figure div {
	width: 90%;
	border-bottom: #D23939 4px solid;
	padding: 14px 1%;
	text-align: center;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
}

.box figure:nth-child(3) a,
.box figure:nth-child(3) div{
	border-color: #0070C0
}

.box figure:nth-child(2) a,
.box figure:nth-child(2) div{
	border-color: #74AD38
}

.box figure:nth-child(4) a,
.box figure:nth-child(4) div {
	border-color: #8A8181
}

.box figure:nth-child(5) a,
.box figure:nth-child(5) div{
	border-color: #EBE528
}

.box figure:nth-child(6) a,
.box figure:nth-child(6) div{
	border-color: #9E11B5
}

.box figure:nth-child(7) a,
.box figure:nth-child(7) div {
	border-color: #AB721B
}

.box figure:nth-child(8) a,
.box figure:nth-child(8) div {
	border-color: #1ABC91
}

/*Banner*/
.box .demo img { max-width: 100%; height: 580px; }

/**/
.Bottom_bk{ background: #0A344D; color: #fff }
.Bottom_bk > .box { padding: 30px 70px 50px 70px; text-align: center; }
.Bottom_bk > .box > aside { display:inline-block; width: 49%; vertical-align: top;}

div#name { float: left; margin: 0 20px; }
.time { /*float: right; margin-right:10%*/ float: left; width: 70%; }
.time > ul > li { background:url(../images/icon05.png) repeat-x bottom; float:left; width:100% }

div#name p { color: #83C937; font-size: 18px; font-weight: bold; width: 111px; background:url(../images/icon04.png) no-repeat bottom;
font-family:Arial; }
div#name a{ background: #212121; font-size: 14px; color: #ffffff; /*width: 111px;*/ width: 100%; line-height: 22px; float: left;
margin-top:5px }

.time01 { text-align: left; /*background:url(../images/icon05.png) repeat-x bottom;*/ width:100%; margin-top: 15px;
padding-bottom:10px; float: left; }
.time01 font { color:#918e8e; font-size: 16px; line-height: 20px }
.time01 p{ color: #fff; font-size:18px }
.time01 pre{ color:#918e8e; font-size: 14px; }
.time01 p > font { font-size: 18px; padding-left: 10px }

/*====內容區===*/
/*-左側-*/
.box > #mainLeft{ display: inline-block; width: 67%; /*padding:30px 0 10px 100px;*/ padding:30px 0 10px 50px; vertical-align: top  }
.box > #mainRight { display: inline-block; width: 32%; text-align: center; padding:30px; vertical-align: top; }

.mainTitle{ border-bottom: #d9dade 1px solid; color: #020202; font-size: 22px; padding:10px 20px; font-weight: bold; }



/*列表*/
.box section { border-bottom: #bdbcbc 1px dashed; padding:30px 10px; padding-right: 0; position: relative; }
.box section > div { display: inline-block; vertical-align: top;}
.lineImg { position: absolute; bottom: 10px; right: 0;  }
.number{ background: #ded3c5; color: #fff; font-size: 18px;/* padding:8px 16px; */ min-width:30px; text-align:center; font-family: arial }
.Img { width: 215px; border:#c3bbbc 1px solid; margin-left: 10px; text-align: center; }
.Img img { max-width: 100% }
.List { width: 64%; padding: 0 10px; margin-left: 8px; }
.List > .mainTitle { border-bottom: none; font-weight: normal; padding: 0; cursor: pointer;  }
.List > font > a:link{ color:#999; }
.List > font > a:visited{ color:#999; }
.List > font > a:hover{ color:#999; }
.List > font > a:active{ color:#999; }
.detail{ position: relative; }
.detail > .lineImg { top: 10px }
.detail > .box{ padding-top: 50px; }
.detail img { margin: 5px 0}
/*-右側-*/
.cu_list { width: 85%; border:#609A11 1px solid; padding: 15px; text-align: left; }
.cu_list span {display: block;  background: #609A11; padding: 10px 30px ; text-align: center; font-size: 18px ; color: #fff; margin-bottom: 10px }
/*.cu_list a { width: 100%; display: inline-block; border-bottom: #e4caa9 1px solid ; font-size: 18px; color: #343434;
white-space: nowrap;overflow:hidden;text-overflow:ellipsis; padding: 8px 0;}*/
.cu_list a:hover { color: #df0105; }

/*聯絡我們*/
.usbox { padding:30px 10px; padding-right: 0; position: relative; }
.usbox label { display: inline-block; background: #ED853E; width: 100px; padding: 3px 0; text-align: center; color: #fff; font-size: 17px;
margin-left:5px;}
.usbox label:before { padding: 0 2px }
.usbox input[type="text"]{ border:none; border-bottom:#DCD8D8 1px solid; width: 35%; margin:18px 0 20px 0; padding: 5px 0;
vertical-align: middle;  }
.usbox select{ width: 35%; padding: 4px 0; border:#DCD8D8 1px solid; }
.usbox textarea{ border:#DCD8D8 1px solid; width: 98%; height: 200px; padding: 5px 0; margin:10px 0 0 5px; vertical-align: middle;  }
.usbox button { background: #3860B4; padding: 7px 20px; border:transparent; color: #fff; margin: 0 10px; cursor: pointer; }
.usbox .btn{ clear:both; padding: 20px 0 ; text-align: center;}

/*Back*/
.Back { clear:both; padding: 50px 0 ; text-align: center;}
.Back p { display: block;  }
.Back p { font-size: 18px; color: #a4a1a1; padding: 3px 0 }

/*頁尾*/
/*footer{ height: 80px; }*/
.bk01{ height: 45px; line-height: 45px; background: #212121; text-align:center; color: #fff; /*padding-left: 10%*/  }
.bk01 p { display: inline; color:#c6c4c4; font-size: 20px; }
.bk01 a { color: #fff; margin: 0; display:inline-block; text-align: right; font-family: 'Microsoft jhenghei' , Arial ; }
.bk01 span { color: #fff;/* margin: 0 20px; */display:inline-block; text-align: right; font-family: 'Microsoft jhenghei' , Arial ; }
.bk02 { height: 35px; line-height: 35px; background: #2f2f2f; font-size: 12px; color: #555555; padding-left: 10%  }
.bk02 a { color: #555555 }

/*----*/
/*.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;

	flex-wrap: wrap;
}*/

.divTable{
  display: table;
  table-layout: inherit;
  width: 100%;
  overflow: hidden;
}

.divTable .divRow{
  display: table-row;
}

.divTable .divCell{
  display: table-cell;
  vertical-align: middle;
}

section.search-list{
	font-size: 0;
	padding:25px 20px;
	padding-bottom: 15px;
	margin-top: -40px;
	background-color: #F7F7F7
}

section.search-list > div{
	font-size: initial;

	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	margin-bottom: 10px;
}

section.search-list > div:nth-child(1),
section.search-list > div:nth-child(2),
section.search-list > div:nth-child(3){
	width: calc(39% - 84px);
}

section.search-list > div:last-child{
	width: 80px;
}

section.search-list > div > input,
section.search-list > div > button,
section.search-list > div > select{
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
}

.search-list-show{
	float: left;
	width: 100%;
	margin-top: 25px;
}

.search-list-show > ul > li{
	/* text-align: center;*/
}

.search-list-show > ul > li > span{
	background-color: #eee
}

.search-list-show > ul > li > span,
.search-list-show > ul > li > p{
	/*border:#ddd 1px solid;
	vertical-align: middle;*/
	padding: 4px;
	/*border-left-width: 0;*/
	font-size: 14px;
}

.search-list-show > ul > li > p{
	color: #C51C1C;
	font-size: 17px;
	border-bottom:#ddd 1px dashed;
}

.search-list-show > ul > li > p::before{
	content: attr(data-title) ' : ';
	display: inline-block;
	font-size: 15px;
	padding:6px 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000
}

/*.search-list-show > ul > li > span:first-child,
.search-list-show > ul > li > p:first-child{
	border-left-width: 1px
}

.search-list-show > ul > li > span{
	border-bottom: none;
}

.search-list-show > ul > li:not(:last-child) > p{
	border-bottom-width: 0
}*/

/*============================RWD設定==============================*/

@media only screen and (min-width: 1650px) and (max-width: 2000px){

/*==BOTTOM===*/
.Bottom-bar p{ margin-left: 100px }

/*頁尾*/
.bk01{ padding-left: 8%  }
.bk02 { padding-left: 8%  }
}

@media only screen and (max-width: 1500px){

#nav-bar { max-width: 100vmax !important; }

/*==BOTTOM===*/
.Bottom-bar p{ margin-left: -50px }

/*頁尾*/
.bk01{ padding-left: 6%  }
.bk02 { padding-left: 6%  }
}


@media only screen and (max-width: 1300px){

/*====內容區===*/
/*-左側-*/
.box > #mainLeft{ width: 64%; padding:30px 0 10px 70px; }
.box > #mainRight { width: 35%; padding-left: 50px }
.List { width: 60%; margin-left: 0px; }

/*-右側-*/
.cu_list { width: 100%; }

/*聯絡我們*/
.usbox input[type="text"]{ width: 34%; }
.usbox select{ width: 34%; }


/*頁尾*/
.bk01{ padding-left: 4.5%  }
.bk02 { padding-left: 4.5%  }
}


@media only screen and (max-width: 1024px){

/*首頁-風險管理*/
.Bottom_cu{ padding:50px 0 30px 0; }
.box figure { width:23%; padding: 20px 10px 10px 10px;}

/*Banner*/
.box .demo img { height: 442px; }

/*==BOTTOM===*/
.Bottom-bar { padding:30px 0%; }
.Bottom-bar > .box img { margin: 10px 20px }
.Bottom-bar p{ margin-left: 20px }

.Bottom-list { height: 300px; }
.Bottom-link li{ padding: 0 2.5%; }
.Bottom-link dl{ left: 22px; }
.Bottom-link dt a{ color: #fff; font-size: 15px }

/**/
.Bottom_bk > .box { padding: 30px 0px 50px 0px; }
.time { width:69%; margin-right: 0 }

/*====內容區===*/
/*-左側-*/
.box > #mainLeft{ width: 65%; padding:30px 0 10px 20px; }
.box > #mainRight { width: 34%; }
.List { width: 55%; margin-left: 0px; }

/*聯絡我們*/
.usbox { padding:30px 0px; }
.usbox input[type="text"]{ width: 98%; margin:18px 0 20px 5px; }
.usbox select{ width: 98%; margin:10px 0 0 5px;  }
.usbox textarea{ margin:10px 0 0 5px; }


/*頁尾*/
.bk01{ padding-left: 2% }
.bk01 span { margin: 0 10px; }
.bk02 { padding-left: 2%  }
}

@media screen and (min-width:801px) and (max-width: 1300px) {
	#nav-bar{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#nav-bar li{
		flex:1;
		padding: 0 1vmax;
	}

	.logo img {
	    margin-top: 8px;
	    width: 50vw;
	}

	.Bottom-link{ 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex; 
		-webkit-box-align:stretch; 
		-ms-flex-align:stretch; 
		align-items:stretch; 
		-webkit-box-pack: center; 
		-ms-flex-pack: center; 
		justify-content: center;
	 }

	.Bottom-link li{ -webkit-box-flex:1;-ms-flex:1;flex:1; padding: 0 1%; }
}

@media only screen and (max-width: 800px){

.noshow{ display: none }

#nav-bar li{ padding:0 1%;}
#nav-bar li a{ font-size: 18px; }

.header_ver{
	/*top: auto;
	bottom: 0;*/
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px
}

.header-text{
	top: 50px
}

.header-text a,
.header-text span {
    font-size: 1em;
}

/*首頁-風險管理*/
.Bottom_cu{ padding:50px 0 30px 0; }
.box figure { width:48%; margin-bottom: 40px }
.box figure p { font-size: 14px; /}
.box figure div { padding: 5px 5%; font-size: 16px; top: -20px;}

/*Banner*/
.boxTop { top:180px }
.box .demo img { /*max-width: 100%; */height: 345px; }

/*==BOTTOM===*/
.Bottom-bar { padding:30px 0%; }
.Bottom-bar > .box img { margin: 10px 20px }
.Bottom-bar p{ margin-left: 20px }

.Bottom-link li{ padding: 0 2%; }
.Bottom-link li a{ color: #83C937; font-size: 18px; }
.Bottom-link dl{ left: 10px; }
.Bottom-link dt a{ color: #fff; font-size: 15px }

/**/
.time { width:90%; float: left; margin-left: 20px; margin-right: 0 }

/*====內容區===*/
.lineImg { bottom: 5px; }

/*-左側-*/
.box > #mainLeft{ width: 60%;}
.box > #mainRight { width: 39%; }

.Img { width: 180px; }

.List { width: 44%; margin-left: 0px; }

/*頁尾*/
.bk01{ padding-left: 2% }
.bk01 p { font-size: 15px; }
.bk01 a {font-family: 'Microsoft jhenghei' , Arial ;}
.bk01 span { margin: 0 6px; font-size: 13px;font-family: 'Microsoft jhenghei' , Arial ; }
.bk02 { padding-left: 2%  }

}


@media only screen and (min-width: 767px) and (max-width: 2000px){

#BOX { display: none }
.box .lineImg { position: absolute; bottom: 10px; right: 0; display: none; }
}


@media only screen and (max-width: 767px){

.box figure a{
	margin-top: 0;
}

.header-btn{/* right: 0*/ }

header > nav { /* background:#609A11; */height:55px }

#nav-bar li a{ color: #fff }

.logo { width: 60%; }
.logo img { margin-top: 12px; max-width: 100% }

/*=========*/
header { position: relative; top: 0; height:158px; border-bottom:none }

#nav-bar { display: none; z-index: 1 }
#nav-bar { line-height: 56px; position: relative; top: 48px; color: #fff; padding: 0; display: none; z-index: 1000  }
#nav-bar li{ width: 100%; background: #000000 }

.boxTop{ position: relative; top: 0; margin-bottom: 4em; }

/*Banner*/
.box .demo img { height: 300px; }

.Bottom-list { /*height: 600px;*/ height: 110vh }
.Bottom-link { line-height: 30px; text-align: left; }
.Bottom-link li{  width: 49%; vertical-align: top; margin: 6px 0 }
.Bottom-link li a{ font-size: 18px; }
.Bottom-link li:hover{ background:none; height: auto; }
.Bottom-link dl{ position:static; margin-left:-5px }
.Bottom-link dt a{ color: #fff; font-size: 16px }

/*====內容區===*/
/*-左側-*/
.box > #mainLeft{ width: 100%; padding:0px 10px 10px 10px;}
.box > #mainRight { width: 100%; padding:10px; }


/*頁尾*/
footer{ height: auto; }
.bk01{ height: auto; line-height: 20px; padding-top: 10px; padding-bottom: 10px }
.bk01 span { margin: 0 }

section.search-list > div{
	width: 100% !important;
}

.search-list-show > ul > li,
.search-list-show > ul > li > p{
	display: block !important;
}

.search-list-show > ul > li:not(:first-child){
	margin-bottom: 20px;
}

.search-list-show > ul > li > p{
	display: block !important;
	text-align: left;
	border-left-width: 1px;
	padding:5px 10px;
}

.search-list-show > ul > li > p:last-child{
	border-bottom-width:1px ;
}

.search-list-show > ul > li > p::before{
	content: attr(data-title) ' : ';
	display: block;
	/*font-size: 110%;*/
	padding:6px 8px;
	background-color: #F1EEEE;
	margin-top: 5px;
	margin-bottom: 5px;
}

.search-list-show > ul > li:last-child > p:not(:first-child){
	border-top-width: 0
}

.hidden-xs{
	display: none !important;
}

}


@media only screen and (max-width: 599px){

.boxTop{ position: relative; top: 50px }

#header-bar { height: 150px;  }
.logo { width: 100%; text-align: left; }
.logo img{ margin-top: 25px }
.header-text{ width: 100%; padding-top: 0px; top:auto; bottom: -30px; padding-left: 0 }
.header-text p{ font-size: 17px; }
.header-text span { font-size: 27px; color: #df0105; }

#nav-bar { top: 48px;}

/*Banner*/
.box .demo img { height: 400px; }

}


@media only screen and (max-width: 480px){

.boxTop{ position: relative; top: 12px }

/*====內容區===*/
/*-左側-*/
.box > #mainLeft{ margin-top:30px }

/*Banner*/
.box .demo img { height: 265px; margin-top: 38px}

/*首頁-風險管理*/
.box figure { width:49%; margin-bottom: 40px }

/**/
.time p > font {  padding-left: 0px }

}


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

.logo{ padding-right: 0; }

.logo img {
     margin-top: 50px; 
}

.header-text{
	bottom: -30px
}

/*首頁-風險管理*/
/*.box figure img { height: auto }*/

/*Banner*/
.box .demo img { height: 200px; }

/**/
.time { width:75%; }

/*.Bottom-list { height: 600px; }*/

.Bottom-link dt { display: inline-block; width: 100%; }


/*====內容區===*/
/*-左側-*/
.List { width: 100%; padding: 10px; margin-left: 0px; }

}

@media only screen and (max-width:320px){
/*.Bottom-list { height: 600px; }*/

}

/*@supports (font-size:1.3vmax) {
  #nav-bar li a {
    font-size:1.3vmax
  }

}*/

/*@supports (font-size:1.3vmax) {
  .Bottom-link li a{
  	 font-size:1.3vmax
  }
}*/


.float-link {
	right: -100%;
	position: fixed;
	bottom: 200px;
	z-index: 10;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
  }
  .float-link .link-btn a:hover {
	opacity: 0.65;
  }
  @media (min-width: 1025px) {
	.float-link .link-btn.nabar-icon-mobile {
	  display: none;
	}
  }
  .float-link .link-btn.nabar-icon-mobile img {
	max-width: 100%;
  }
  @media (max-width: 1024px) {
	.float-link .link-btn-desktop {
	  display: none;
	}
  }
  .float-link.active {
	right: 5px;
  }
  @media (max-width: 1600px) {
	.float-link .link-btn a span {
	  font-size: 14px;
	  font-size: 0.875rem;
	}
	.float-link.active {
	  right: 10px;
	}
  }
  @media (max-width: 1024px) {
	.float-link {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  width: 100%;
	  bottom: 0;
	  right: 0 !important;
	  background: #fff;
	  padding:10px 5px;
	  margin: 0;
	}
	.float-link .link-btn {
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  margin: 0;
	  flex: 1;
	  text-align: center;
	}
	.float-link .link-btn .link-btn-toggle {
	  position: relative;
	}
  
	.float-link .link-btn .icon{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.float-link .link-btn .icon small {
	  font-size: 1.15em;
	  color: #000;
	}
	.float-link .link-btn.nabar-icon-mobile img{
	  max-width: 35px;
	  margin-right: 5px;
	}
  }