@charset "utf-8";

:root {
	
	--color-one: #319f41; /*green*/
	--color-one-rgb: 19,113,76;
	
	--color-one-light: #47d462; /*green-dark*/
	
	--color-one-dark: #1d5628; /*green-dark*/
	
	--color-two: #191919; /*gray*/
	
	--color-three: #EF1C23; /*red*/
	
	--color-accent: #FFA60B; /*強調色*/

}


.wrapper{
	background:#e9ebed;
}


/* a鏈結字 */
a { color:#333;}
a:hover,
a:focus {
	color:var(--color-accent);
	text-decoration:none;
}


/*------------------------------------------------------------------------------------------- */
/*----- #page */
.page{
	margin:60px 0;
	font-size:14px;
	text-align:center;
	color:#444;
}
.page a , .page span{
	display:inline-block;
	min-width:40px;
	/*height:40px;*/
	border-radius:3px;
	border:2px solid #666;
	/*line-height:40px;*/
	color:#666;
	background:#fff;
	text-align:center;
	padding:5px 10px;
	margin:3px;
}
.page span{
	background:var(--color-one);
	color:#fff;
	border-color:var(--color-one);
}
.page a:hover{
	border-color:var(--color-accent);
	color:var(--color-accent);
}






/*------------------------------------------------------------------------------------------- */
/*----- #scrolltop：回頂端 */
.scrolltop{
	position: fixed; z-index:500; right:20px; bottom:140px;
    
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	width:44px; height:44px;
    
	background:rgba(0,0,0,0.4);
	border:2px solid rgba(255,255,255,0.6);
	border-radius:50%;

	cursor:pointer;
	opacity:0;
}
@media (min-width:992px){
	.scrolltop{
		bottom:30px;
	}
}
.scrolltop-text{
	position:relative;
	display:block;
	color:#fff;
	font-size:12px;
	padding-top:6px;
	text-align:center;
}
.scrolltop-text:before{
	position:absolute; top:0; left:50%; content:"";
	width:0; height:0;
	margin-left:-6px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid #fff;
}
.scrolltop.show{ opacity:1; }





/*------------------------------------------------------------------------------------------- */
/*----- #header：頁首 */
.header{
	z-index:999;
}
.header_top{
	padding-top:5px;
	padding-bottom:5px;
	/*background:rgba(255,255,255,0.4);*/
	border-bottom:1px solid #ccc;
	/*background:var(--color-one);*/
}
.header_top .header_row{
	justify-content: flex-end;
}

.header_top .header-two{
	order:2;
	flex:1 1 auto;
	width:1%; min-width:0;
	margin-left:0.5rem;
}
.header_top .header-three{
	order:1;
	width:40px;
}
.header_top .header-four{
	order:3;
	width:40px;
	margin-left:1rem;
}
@media (min-width:992px){
	.header_top{
		padding-top:12px;
		padding-bottom:10px;
		background:none;
		border-bottom-width:0;
	}
	.header_top .header-one{
		order:1;
		margin-right:2rem;
	}
	.header_top .header-two{
		order:2;
		flex:none;
		width:auto; min-width:auto;
		margin-right:2rem;
		margin-left:0;
	}
	.header_top .header-three{
		order:3;
	}
	.header_top .header-four{
		display:none;
	}
}



/*社群*/
.social-list{
	display:flex; flex-wrap:wrap;
}
.social-list li{  margin:0px 10px; }
.social-list li a{  display:block; } 
.social-list .iconsvg{
	width:24px; height:24px;
	transition:transform 0.3s ease;
}
.social-list .iconsvg:before{
	background-color:var(--color-two);
}
/*.social-list li a:hover .iconsvg{
	transform:translateX(4px);
}*/
.social-list li a:hover .iconsvg:before{
	background-color:var(--color-accent);
}
@media (min-width:992px){
	.social-list{
		justify-content:center;
	}
}





/*----- #navbar_topmenu */
.header_top .navbar_topmenu{
	display:none;
}
@media (min-width:992px){
	.navbar_topmenu{
		display:flex;
	}
	
	.header_top .navbar_topmenu{
		display:flex;
		justify-content:flex-end;
	}
}
.subfunc{
}
.subfunc a{
	position:relative;
	display:block;
	color:var(--color-two);
	font-size:1rem; font-weight:600;
	padding-left:16px;
}
.subfunc a:before{
	position:absolute; top:50%; left:0; content:"";
	width:6px; height:6px;
	border-top:2px solid var(--color-two);
	border-right:2px solid var(--color-two);
	transform:rotate(45deg) translate(0, -50%);
	transition:left 0.3s ease;
}
.subfunc a:hover{
	color:var(--color-accent);
}
.subfunc a:hover:before{
	left:4px;
}



.header_top .navbar_topmenu > li{
	margin-left:1rem;
}
.header_top .navbar_topmenu > li:first-child{
	margin-left:0;
}


.offside .navbar_topmenu > li{
	width:50%;
	margin:0.6rem 0;
}
.offside .subfunc a{
	font-size:1rem; font-weight:600;
	color:#fff;
}
.offside .subfunc a:before{
	border-top-color:#fff;
	border-right-color:#fff;
}






/*------------------------------------------------------------------------------------------- */
/* ----- popupbox */
.popupbox{
	position:fixed; z-index:-2; top:0; left:0;
	width:100%; height:100vh;
	background:rgba(255,255,255,0.9);
	overflow:hidden;
	padding:0 10px;
	
	opacity:0;
	pointer-events:none;
	visibility:hidden;
	
	transform:scale(0.95);
	transition:opacity 0.5s, 
			   visibility 0.5s,
			   transform 0.5s;
}
.popupbox.is-open{
	z-index:1100;
	opacity:1;
	pointer-events:auto;
	visibility:visible;
	
	transform:scale(1);
}

body.popup-hidden{ overflow:hidden; }


/* ===== #popup_close：關閉 */
.popup_close{
	position:absolute; top:20px; right:20px;
	width:70px; height:70px;
	border-radius:5px;
	padding:15px;
	background:rgba(255,255,255,0);
}
.popup_close .sign_close{
	width:100%; height:100%;
	transition:transform 0.5s ease;
}
.sign_close:before,
.sign_close:after{
	background:#000;
}
.popup_close:hover .sign_close{
	transform:rotate(360deg);
}
.popup_close:hover .sign_close:before,
.popup_close:hover .sign_close:after{
	background:var(--color-one);
}


.popup_row{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	width:100%; height:100vh;
}
.popup_limit{
	width:100%; height:calc( 100% - 80px );
	overflow:hidden;
	margin-top:80px;
}
.popup_main{
	width:100%; height:100%;
	overflow-y:scroll;
}






/* ----- popupbox_search */
.popupbox_search .popup_limit{
	height:auto;
	margin-top:0;
}
.popupbox_search .popup_main{
	height:auto;
	overflow-y:auto;
}





/*------------------------------------------------------------------------------------------- */
/*----- #searchbar：搜尋(一欄位一搜尋按鈕) */

.search-trigger{
	display:block;
	background:var(--color-one-dark);
	border-radius:50%;
	cursor:pointer;
}
.search-trigger-row{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	width:100%; height:100%;
}
.search-trigger .iconsvg{
	width:40px; height:40px;
}
.search-trigger .iconsvg:before{
	background-color:#fff;
	
	-webkit-mask-size: 50% 50%;
    mask-size: 50% 50%;
}
.search-trigger:hover{
	background:var(--color-accent);
}
.search-trigger:hover .iconsvg:before{
	background-color:#fff
}
/*@media (min-width:992px){
	.search-trigger .iconsvg{
		width:50px; height:50px;
	}
}*/



.searchbar{
	width:100%;
	max-width:600px;
	margin:0 auto;
}

.search{}

.search form{}

.searchbar .search-input{
	display:block;
	width:100%;
	
	background:transparent;
    border:1px solid transparent;
	border-bottom:3px solid #000;
	border-radius:3px;
	font-size:3rem;
	overflow:hidden;
	padding: 0.4rem 1rem;
}

.searchbar .search-btn{
	display:block;
	background:var(--color-one);
	border-radius:3px;
	border:3px solid transparent;
	color:#fff;
	font-size:2rem;
	padding:0.2rem 4rem;
	margin:2rem auto 0 auto;
}

.searchbar .search-btn:hover{
	background:#fff;
	border-color:var(--color-one);
	color:var(--color-one);
}




.header_btm{
	position:relative;
	background:#e9ebed;
	/*border-bottom:1px solid #ccc;*/
}
.header_btm .container{
	width:100%;
	padding:0;
}
@media (min-width:1000px){
    .header_btm .container{ padding:0 20px; }
}
@media (min-width:1200px){
    .header_btm .container{ width:90%; }
}
@media (min-width:1450px){
    .header_btm .container{ width:80%; }
}
@media (min-width:1920px){
    .header_btm .container{ width:75%; }
}

.header_btm .header-left{
	/*order:2;*/
	z-index:2;
	width:100%;
	background:rgba(255,255,255,0.4);
}
.header_btm .header-right{
	/*order:1;*/
	z-index:2;
	width:100%;
}
@media (min-width:992px){
	.header_btm{
		border-bottom-width:0px;
		/*margin-top:-10px;*/
	}
	.header_btm .header-left{
		/*order:1;*/
		position:relative;
		width:200px;
		background:none;
		margin-right:20px;
	}

	.header_btm .header-right{
		/*order:2;*/
		position:relative;
		flex:1 1 auto;
		width:1%; min-width:0;
	}
	.header_btm .header-right:before{
		position:absolute; top:0; left:0; content:"";
		width:1920px; height:100%;
		background:var(--color-one);
		border-radius:5px;
		transform:skewX(-20deg);
	}
	.header_btm .header-right:after{
		position:absolute; top:0; right: calc( 100% + 240px) ; content:"";
		width:1920px; height:100%;
		background:var(--color-one);
		border-radius:5px;
		transform:skewX(-20deg);
	}
}



/*------------------------------------------------------------------------------------------- */
/*----- #header.is-scroll */

.header_fixed.is-sticky{
	position:fixed; z-index:900; top:-300px; left:0;
	width:100%; height:auto;
	background:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	margin-top:0;
	
	transition:transform 0.6s ease-in-out;
}
.header_fixed.is-sticky.is-scroll{
	transform:translateY(300px);
}

.header_fixed.is-sticky .logo{
	display:none;
}
.header_fixed.is-sticky .menu li a{
	padding:15px 5px;
}			
@media (min-width:992px){
	.header_fixed.is-sticky.is-scroll{
		border-top:4px solid var(--color-one);
		padding:0.5rem 0;
	}
	
	.header_fixed.is-sticky .logo{
		display:block;
		max-width:120px;	
	}
	
	.header_fixed.is-sticky.is-scroll .menu li{
	}
	.header_fixed.is-sticky.is-scroll .menu li a{
		color:#333;
		margin:3px 0;
		padding:5px 5px;
	}
	.header_fixed.is-sticky.is-scroll .menu li a:hover{
		color:var(--color-accent);
	}
	.header_fixed.is-sticky.is-scroll .menu li a:before{
		display:none;
	}
	
	.header_btm.header_fixed.is-sticky.is-scroll .header-left{
		width:150px;
	}
	
	
	.header_btm.header_fixed.is-sticky .header-right:before,
	.header_btm.header_fixed.is-sticky .header-right:after{
		display:none;
	}
	
}






/*------------------------------------------------------------------------------------------- */
/*----- #logo */
.logo{
	max-width:500px;	
	transition: max-width 0.5s;
	margin:1rem auto;
	padding:0 1rem;
}
.logo_desktop{ display:none; }
@media (min-width:992px){
	.logo{
		max-width:200px;	
		margin:0;
	}
	.logo_desktop{ display:block; }
	.logo_mobile{ display:none; }
}





/*------------------------------------------------------------------------------------------- */
/*----- #dropdown 下拉式選單 */
.dropdown{
	position: relative;
	display: inline-block;
}
.dropdown_trigger{
	display: block;
	background: #666;
	border: 1px solid #eee;
	color: #fff;
	border-radius: 6px;
	line-height: 1;
	padding: 0.5rem 1rem;
	text-align: center;
}
.dropdown_trigger-text{
	position: relative;
	display: inline-block;
	font-size: 0.875rem; font-weight: 600; line-height: 1;
	padding-right: 12px;
}
.dropdown_trigger-text:before{
	position: absolute; top: 50%; right: 0; content: "";
	width: 0; height: 0;
	margin-top: -2px;
	
	border-width: 4px 4px 0 4px;
	border-style: solid;
	border-color: transparent;
	
	border-top-color: #fff;
}

.dropdown_trigger:focus{
	background: #666;
	border-color: #eee;
	color: #fff;
}

.dropdown_trigger:hover{
	background:#000;
	border-color: #ccc;
	color: #fff;
}

.dropdown_trigger.is-open{
	background-color: var(--color-accent);
	border-color: var(--color-accent);
	color: #fff;
}
.dropdown_trigger.is-open .dropdown_trigger-text:before{
	border-width: 0 4px 4px 4px;
	border-top-color: transprent;
	
	border-bottom-color: #fff;
}

.dropdown_content{
	display: none;
	position: absolute; z-index: 4; top: 100%; right: 0;
	width: 150%;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.dropdown_content.is-open{
	display: block;
}

.dropdown_menu{
	padding:0 5px;
}
.dropdown_menu li{}
.dropdown_menu li a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	font-size: 0.875rem; font-weight: 600; line-height: 1;
	color: #333;
	padding: 1rem 2px;
	text-align: center;
}
.dropdown_menu > li:last-child a{ border-bottom-width: 0; }

.dropdown_menu li a:hover{
	color: red;
}






/*------------------------------------------------------------------------------------------- */
/* ===== navbar_toggler header：側邊隱藏區塊-觸發鈕 ===== */
.navbar_toggler{
	position:relative;
	z-index:2;
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	width:40px;
	margin:0 0 0 auto;
    padding:5px;
	
	/*取消連結的醒目點選標示*/
	-webkit-tap-highlight-color: transparent;
}
.navbar_toggler .navbar_toggler-icon,
.navbar_toggler .navbar_toggler-text{
	display:block;
	line-height:1;
}
.navbar_toggler .navbar_toggler-icon{
	width:30px; height:30px;
}
.navbar_toggler .sign_hamburger:before, 
.navbar_toggler .sign_hamburger:after , 
.navbar_toggler .sign_hamburger-line{
	height:4px;
	background:var(--color-one);
	margin-top:-1px;
}

@media (min-width:992px){
	.navbar_toggler{
		display:none;
	}
}
.navbar_toggler .navbar_toggler-text{
	display:none;
}







/*------------------------------------------------------------------------------------------- */
/*---- #水平menu組 */
.menubar{
	position:relative;
	z-index:999;
	background:var(--color-one);
	/*background:rgba(255,255,255,0.3);*/
}
/*.menubar:before{
	position:absolute; z-index:1; top:0; left:50%; content:"";
	width:calc( 100% + 400px);
	height:100%;
	transform:translate(-50%, 0);
	background:rgba(255,255,255,0.2);
}*/
.menubar_inner{
	position:relative;
	z-index:2;
}

/*===== 水平menu */
.hznav{
	overflow: hidden;
	padding: 0 10px 0 10px;
}
@media (min-width:992px){
	.menubar{
		background:transparent;
	}
	/*.menubar:before{
		display:none;
	}*/
	.hznav{
		display:none;
	}
}

.hznav-wrap{
	display: flex;
	overflow-x: hidden;
}
.hznav-inner{
	flex: 1 0 auto;
}

.hznav_ul {
	display:flex; flex-wrap:wrap;
	align-items:center;
}
.hznav_ul li {
    margin: 0 10px;
}
.hznav_ul li:last-child {
    margin-right:80px;
}
.hznav_ul li a{
	position:relative;
	display:block;
	color: #fff;
	padding:10px 5px;
}
.hznav_ul li a:before{
	position:absolute; bottom:0; left:0; content:"";
	width:100%; height:2px;
	background:red;
	opacity:0;
}
.hznav_ul li.active a{
	color:var(--color-accent);
}
.hznav_ul li.active a:before{
	opacity:1;
}


/*===== menu_panel */
.menu_panel_trigger{
	position:absolute; z-index:5; top:7px; right:10px;
	width:30px; height:30px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:3px;
}
.menu_panel_trigger:before{
	position:absolute; z-index:3; top:50%; left:50%; content:"";
	width:10px; height:10px;
	margin-top:-6px; margin-left:-5px;
	
	border-width:0 2px 2px 0;
	border-style:solid solid solid solid;
	border-color:transparent #333 #333 transparent;
	
	transform:rotate(45deg);
	transition: margin-top 0.4s,
				transform 0.4s;
}
.menu_panel_trigger.is-open:before{
	margin-top:-2px;
	transform:rotate(225deg);
	transition: margin-top 0.4s,
				transform 0.4s;
}
@media (min-width:992px){
	.menu_panel_trigger{
		display:none;
	}
}

.menu_panel{
	position:absolute; z-index:2; top:0; left:0;
	width:100%; height:auto;
	background:#fff;
	padding:0 10px;
	
	box-shadow: 0 3px 10px 0 rgb(108 108 108 / 10%);
	
	opacity:0;
	pointer-events:none;
	visibility:hidden;
	transform:translateY(-5px);
}
.menu_panel.is-open{
	opacity:1;
	pointer-events:auto;
	visibility:visible;
	transform:translateY(0);
	
	transition: opacity 0.7s, 
				visibility 0.7s,
				transform 0.7s;
}
@media (min-width:992px){
	.menu_panel{
		display:block;
		position:relative; top:auto; left:auto;
		padding:0;
		background:transparent;
		box-shadow:none;
		
		opacity:1;
		pointer-events:auto;
		visibility:visible;
		transform:translateY(0);
	}
}
.menu_panel_header{
	border-bottom:1px solid #ccc;
	color: #333;
	padding:10px 5px;
}
@media (min-width:992px){
	.menu_panel_header{
		display:none;
	}
}

.menu{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content: flex-end;
}
.menu > li{
	width:25%;
}
.menu > li a{
	position:relative;
	display:block;
	border-bottom:1px dashed #eee;
	font-weight:600;
	color: #333;
	padding:14px 5px;
	text-align:center;
	
	/*transition:transform 0.6s ease-in-out , font-size 0.6s ease-in-out;*/
}
.menu > li a:hover{
	color: var(--color-one);
}
.menu > li.active a{
	color: var(--color-accent);
	cursor:default;
}
@media (min-width:992px){
	.menu li{
		width:auto;
		margin-left:1.5rem;
	}
	.menu > li a:before {
		position: absolute; bottom: 0; left: 0; content: "";
		width: 0; height: 2px;
		margin-top: -10px;
		background: var(--color-one);
		
		-webkit-transition: width 0.3s ease;
		transition: width 0.3s ease;
	}
	.menu > li a:hover:before {
		width: 100%;
	}
	.menu > li.active a:before {
		width:0;
	}
	.menu li a{
		border-bottom-width:0;
		font-size:1rem; 
		color:#fff;
		padding:2px 0;
		margin:3px 0;
	}
	.menu > li a:hover{
		color: var(--color-accent);
	}
	.menu > li.active a{
		color: var(--color-accent);
		cursor:default;
	}
	
}
@media (min-width:1450px){
	.menu li a{
		font-size:1rem; 
	}
}





/*------------------------------------------------------------------------------------------- */
/*---- #offside：小螢幕-選單 */
.offside{
	position:fixed; z-index:1000; top:0; left:0;
	width:100%; height:100vh;
	
	overflow:hidden;
	
	opacity:0;
	pointer-events:none;
	visibility:hidden;

	transform:translateX(200px);
	
	transition:opacity 0s, 
			   visibility 0s,
			   transform 0.2s;
}
.offside.is-open{ 
	opacity:1;
	pointer-events:auto;
	visibility:visible;

	transform:translateX(0);
	
	transition: opacity 0.7s, 
				visibility 1s,
				transform 0.4s;
}

@media (min-width:992px){
	.offside{ display:none; }
}
.offside_inner{
	width:calc( 100% - 90px ); height:100vh;

	background:#333333;
	
	margin-left:auto;
	padding-bottom:90px;
	
	box-shadow: -5px 0 4px rgba(0, 0, 0, 0.24);
	
	overflow-y:auto;
	overflow-x:hidden;
}


.offside_header{
    position: relative;
	padding:1rem 1rem 0 1rem;
	background:var(--color-one);
}

.offside_body,
.offside_footer{
	padding:10px 1rem;
}

.offside_footer{
	margin-top:1rem;
}





/*------------------------------------------------------------------------------------------- */
/*---- #menu_offside 側邊區塊選單 */
.menu_offside{}

.menu_offside li{
	border-width: 0 0 1px 0;
	border-style:solid;
	border-color:rgba(255,255,255,0.1);
}
.menu_offside li a{
	position:relative;
	display:block;
	
	color:#fff;
	
	font-size:1rem; 
	padding:0.9rem 80px 0.9rem 15px;
	text-decoration:none;
}

.menu_offside .menu-subtext{
	display:none;
}

/* ===== menu_offside [at 第一層] ===== */
.menu_offside > li{
	/*border-color:rgba(255,255,255,0.2);*/
}
.menu_offside > li > a{
	font-size:1.1rem; font-weight:600;
}
/*.menu_offside > li:last-child{
	border-bottom-width:0;
}*/
/*.menu_offside > li > a{
	color:#fff;
}*/


/* ===== menu_offside [is 打開下層選單之提醒] ===== */
/*.menu_offside li a:before{
	position:absolute; top:50%; left:-5px; content:"";
	width:6px; height:6px;
	margin-top:-3px;
	
	background:red;
	
	border-radius:2px;
	transform:rotate(45deg);
	opacity:0;
}*/
.menu_offside li a.is-current{
	background:rgba(255,255,255,0.2);
	
	color:#fff;
}
.menu_offside li a.is-current:before{
	opacity:1;
}


/* ===== menu_offside menu-subbtn  [is 有下層之提示圖樣] ===== */
.menu-subbtn{
	display:block;
	position:absolute; z-index:1; top:0; right:0;
	width:50px; height:100%;
	border-left:1px solid rgba(255,255,255,0.1);
	cursor:pointer;
}
.menu-subbtn:before,
.menu-subbtn:after{
    position:absolute; z-index:2; right:50%; top:50%; content:"";
	width:2px; height:10px;
    margin-right:-1px; margin-top:-5px;
	background:#fff;
	border-radius:2px;
	outline:0;
	transform-origin:center;
	transition:transform 0.4s ease-in-out;
}
.menu-subbtn:before{ transform:rotate(90deg); }


/* ===== menu_offside [is 有下層之提示圖樣- 第一層] ===== */
/*.menu_offside > li > a .menu-subbtn{
	border-left-color:rgba(255,255,255,0.2);
}*/
.menu_offside > li > a .menu-subbtn:before,
.menu_offside > li > a .menu-subbtn:after{
	background:#fff;
}

.menu_offside > li > a .menu-subbtn.is-open{
	background:#fff;
	border-left-color:rgba(255,255,255,0.2);
}
.menu_offside > li > a .menu-subbtn.is-open:before,
.menu_offside > li > a .menu-subbtn.is-open:after,
.menu-subbtn.is-open:before,
.menu-subbtn.is-open:after{
	background:red;
}
.menu-subbtn.is-open:before{ transform:rotate(45deg); }
.menu-subbtn.is-open:after{ transform:rotate(-45deg); }	


/* ===== menu_offside [is 第二層之後的層級收縮] ===== */
.menu_offside ul{
	display:none;
	position:relative; top:0; left:0;
	width:100%;
	border-top:1px solid rgba(0,0,0,0.2);
	padding-left:15px;
	background:rgba(255,255,255,0.1);
}
.menu_offside ul.is-visible{ display:block; }

.menu_offside ul li:last-child{
	border-bottom-width:0;
}






/*------------------------------------------------------------------------------------------- */
/*----- #offside_close：側邊隱藏區塊-關閉鈕 */
.offside_close{
	position:fixed; z-index:1102; top:0; left:0;
	
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	width:90px; height:100%;
	
	/*取消連結的醒目點選標示*/
	-webkit-tap-highlight-color: transparent;
}
.offside_close .sign_close{
	margin:0 auto 4px auto;
}
.offside_close .sign_close:before ,
.offside_close .sign_close:after{
	background:#fff;
}
.offside_close-text{
	width:100%;
	color:#fff;
	font-size:0.875rem; font-weight:600; letter-spacing:3px;
	margin-left:3px;
	text-align:center;
}









/* ======================================
	08. 頁尾footer設定
=================================================================================================================== */
.footer{
	background:#333333;
	border-bottom:6px solid #000;
	margin-top:2rem;
	padding:2rem 0;
}

.info_footer{
	font-size:0.875rem; font-weight:600;
	text-align:center;
	margin:0;
}
@media (min-width:992px){
	.info_footer{
		text-align:left;
	}
	 .info_footer_center{
		text-align:center;
	} 
	.info_footer_right{
		text-align:right;
	}
}

.info_footer,
.info_footer a{
	color:#fff;
}
.info_footer a:hover{
	color:var(--color-accent);
}



.rssbox{
	display:flex; flex-wrap:wrap;
	align-items:center;
}
.rssbox span{
	display:block;
	font-weight:600;
	
	margin:1px;
}
.rssbox span img{
	display:block; max-width:100%; height:auto;
}


.info-footer-list{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
}
.info-footer-list li{
	/*display:flex; flex-wrap:wrap;
	align-items:center; justify-content:right;*/
	margin:0 1rem;
}
@media (min-width:992px){
	.info-footer-list{
		justify-content:flex-end;
	}
	.info-footer-list li{
		margin:0 0 0 2rem;
	}
}















/*------------------------------------------------------------------------------------------- #marquee */
/*---- #marquee */
.marqueebar{
	position:relative; z-index:3;
	margin:2rem 0 1rem 0;
}
.marqueebar_inner{
	/*background:#f7f8fc;*/
}
.marqueebar_row{
	display:flex; flex-wrap:wrap;
	align-items: center;
}
.marqueebar-left{
}
.marqueebar-right{
	flex:1 1 auto;
    width:1%; min-width:0;
}


/* ----- 及時快訊-標籤 */
.breaking-news_tag{
	position: relative; z-index: 1;
    width: 70px; height: 30px;
	
	display: flex; order: 1;
    align-items: center; justify-content: center;
	
	background: var(--color-three);
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;

    color: #fff;
    font-size: 0.875rem;
    margin-right: 40px;
}
.breaking-news_tag:after {
	position: absolute; z-index: 2; right: 0; top: 0; content: "";
	width: 0; height: 0;
	
    border-bottom: 15px solid transparent;
    border-left: 15px solid var(--color-three);
    border-top: 15px solid transparent;
    
    transform: translateX(98%);
}
.breaking-news_arrow {
    position: absolute; right: -16px; top: -2px;
}
.breaking-news_arrow:after,
.breaking-news_arrow:before {
	display: block;
	content: "";
	width: 2px; height: 21px;
	
    background: var(--color-three);
    border-radius: 1px;   
}
.breaking-news_arrow:before {
    transform: rotate(-45deg) translate(0);
}
.breaking-news_arrow:after {
    transform: rotate(45deg) translate(-5px,-5px);
}

.marqueebar:hover .breaking-news_arrow:first-child {
    animation-delay: .2s;
}
.marqueebar:hover .breaking-news_arrow {
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-name: bounceAlpha;
    animation-timing-function: linear;
}
@keyframes bounceAlpha {
	0% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
	25% {
		opacity: 0;
		transform: translateX(10px) scale(.9);
	}
	
	26% {
		opacity: 0;
		transform: translateX(-10px) scale(.9);
	}
	55% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}




/* ------ 跑馬燈文字 */
.marquee-slide{
	height:30px;
	overflow:hidden;
}
.marquee-slide li{ margin:5px 0; }
.marquee{}
.marquee a{
	display:block;
	color:#151313;
}
.marquee-text{
	display:block;
	font-size:1rem; font-weight:600;
	line-height:20px;
	
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	padding:0;
	margin:0;
}
.marquee a:hover{
	color:var(--color-accent);
}
@media (min-width:992px){
	.marquee-text{
		font-size:1.125rem;
	}
}








/*------------------------------------------------------------------------------------------- #slickbase */
/*---- #slickbase 輪播基礎 */

/* ===== slickbase [base]：為解決因圖片過多，load時會出現圖片爆框問題 ===== */
.slickbase{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slickbase.finally-loaded {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}


.slickbase{
	opacity:0;
	visibility:hidden;
	transition:opacity 1s ease-in-out;
	-webkit-transition:opacity 1s ease-in-out;
}
.slickbase.slick-initialized{ visibility:visible; opacity:1; }




/* ===== slickbase [is slick 項目] ===== */
.slickbase{ overflow:hidden; }
.slickbase .slick-slide{
	position:relative;
	overflow:hidden;
}


/* ===== slickarrow [base]：slick 基礎設定-底下圓圈 ===== */
.slickarrow .slick-prev, 
.slickarrow .slick-next{
	position:absolute; z-index:11; top:0;
	display:block;
	width:50px; height:100%;
	background:rgba(255,255,255,0.1);
	border:none;
	color:transparent;
	font-size:0;
	cursor:pointer;
	transition:opacity 0.7s ease , transform 0.7s ease;
}
.slickarrow .slick-prev{ left:0; transform:translateX(-70px); }
.slickarrow .slick-next{ right:0; transform:translateX(70px); }

.slickarrow .slick-prev:before, 
.slickarrow .slick-next:before{
	position:absolute; top:50%; left:50%; content:"";
	width:10px; height:10px;
	border:4px solid #fff;
	margin-top:-6px; margin-left:-6px;
	transform:rotate(45deg);
}
.slickarrow .slick-prev:before{ border-top-width:0; border-right-width:0; }
.slickarrow .slick-next:before{ border-left-width:0; border-bottom-width:0; }

.slickarrow:hover .slick-prev, 
.slickarrow:hover .slick-next{
	transform:translateX(0);
}
.slickarrow:hover .slick-prev:hover, 
.slickarrow:hover .slick-next:hover{
	background:rgba(255,255,255,0.5);
}
.slickarrow:hover .slick-prev:hover:before, 
.slickarrow:hover .slick-next:hover:before{
	border-color:var(--color-accent);
}



/* ===== slickdots [base]：slick 基礎設定-底下圓圈 ===== */
.slickdots .slick-dots{
	position:absolute; z-index:3; bottom:5px; left:0; 
	display:flex; flex-wrap:wrap; justify-content:center;
	width:100%;
	background:transparent;
	padding:5px;
}
.slickdots .slick-dots li{
	font-size:0;
	margin:0 4px;
}
.slickdots .slick-dots li button{
	width:10px;
	height:10px;
	background:transparent;
	border:2px solid #fff;
	border-radius:50%;
	font-size:0;
	cursor:pointer;
}
.slickdots .slick-dots li button:hover{
	background:var(--color-accent);
}
.slickdots .slick-dots li.slick-active button{
	background:#fff;
	
	opacity:1;
}



.slide-banner{
}
.slide-banner .item-fitimg:before{
    padding-bottom: 60%;
}
.slide-banner .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}



.banner-text{
	position:absolute; z-index:5; bottom:0; left:0;
	width:100%;
	font-size:20px; font-weight:600;
	color:rgba(255,255,255,0.6);
	padding:20px 15px 30px 15px;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
@media (min-width:640px){
	.banner-text{
		font-size:20px;
	}
}

.banner-text:before{
	position:absolute; z-index:-1; bottom:0; left:0; content:"";
    width:100%; height:100%;
  
    background:linear-gradient(top,transparent , rgba(0,0,0,1) );
    background:-moz-linear-gradient(top,transparent , rgba(0,0,0,1) );
    background:-webkit-linear-gradient(top,transparent , rgba(0,0,0,1) );
    background:-o-linear-gradient(top,transparent , rgba(0,0,0,1) );
    background:-ms-linear-gradient(top,transparent , rgba(0,0,0,1) );
}


.slide-banner a:hover .banner-text{ color:rgba(255,255,255,1);}











/*------------------------------------------------------------------------------------------- */
/*----- #idx-sec */
.idx-sec{
	padding:1rem 0;
	/*border:1px solid red;*/
	margin:1rem 0;
}


/*.sec_top_gold{
	position:relative;
	background:#f7f8fc;
	padding:2rem 0 3rem 0;
	margin:2rem 0;
}*/
/*.sec_top_gold:before{
	position:absolute; top:0; left:0; content:"";
	width:100%; height:5px;
	background:var(--color-primary-gradient-one);
}*/


.sec_ad{
	background:#f7f8fc;
}
.sec_ad.idx-sec{
	padding:0;
	margin:2rem 0;
}





/* ----- 標題組_main_one */
/* ----- in 首頁 */
/* ----- in 列表頁 */
/* ----- in 延伸閱讀(new_ex) */
.headingbar_main_one{
	position:relative; z-index:5;
	background:rgba( var(--color-one-rgb) , 0.05);
	/*border-bottom:3px solid var(--color-one);*/
	border-radius:40px;
	margin-bottom:2rem;
	padding:1px 20px;
}
.headingbar_subnews{
	position:relative; z-index:5;
	background:rgba( var(--color-one-rgb) , 0.05);
	/*border-bottom:3px solid var(--color-one);*/
	border-radius:40px;
	margin-bottom:1rem;
	padding:1px 15px;
}

.headingbar_main_one .row{
	align-items: center;
}
.headingbar_main_one .heading,
.headingbar_subnews .heading{
	display:flex; align-items: center;
	margin:0;
	padding:5px 0;
}

.headingbar_main_one .heading-text,
.headingbar_subnews .heading-text{
	position:relative;
	display:block;
	color:var(--color-one-dark);
	font-size:1.5rem; font-weight:600;
	margin:0;
}


.headingbar_main_one .heading_num,
.headingbar_subnews .heading_num{
	position:relative;
	display:block;
	font-weight:900; line-height:1;
	font-family: Arial;
	color:var(--color-one-dark);
	margin-right:12px;
	transform: skewX(-15deg);
}
.headingbar_main_one .heading_num{
	font-size:2.6rem;
}
.headingbar_subnews .heading_num{
	font-size:2rem;
}





/* ----- 標題組_main_two-共用 */
/* ----- in 首頁 */
/* ----- in 列表頁(only news) */
/* ----- in 延伸閱讀(new_ex) */
.headingbar_main_two{
	position:relative; z-index:5;
	margin-bottom:2rem;
	padding:1px 0;
}
.headingbar_pagetop{
	position:relative; z-index:5;
	margin:3rem 0 2rem 0;
	padding:1px 0 10px 0;
	border-bottom:3px solid var(--color-one);
}
.headingbar_pagetop_new{
	position:relative; z-index:5;
	margin:3rem 0 2rem 0;
	padding:1px 0 10px 0;
	border-bottom:3px solid var(--color-one);
}


.headingbar_main_two .row,
.headingbar_pagetop .row,
.headingbar_pagetop_new .row{
	align-items: flex-end;
}
.headingbar_main_two .heading,
.headingbar_pagetop .heading,
.headingbar_pagetop_new .heading{
	/*display:inline-block;*/
	margin:0;
	padding:0;
}
.headingbar_main_two .heading-text,
.headingbar_pagetop .heading-text,
.headingbar_pagetop_new .heading-text{
	position:relative;
	display:inline-block; vertical-align:middle;
	color:#fff;
	font-size:1rem; font-weight:600;
	padding:0.3rem 1.5rem;
	margin:0;
}
.headingbar_pagetop .heading-text,
.headingbar_pagetop_new .heading-text{
	font-size:1.25rem;
}
.headingbar_main_two .heading-text:before,
.headingbar_pagetop .heading-text:before,
.headingbar_pagetop_new .heading-text:before{
	position:absolute; z-index:-1; top:0; left:0; content:"";
	width:100%; height:100%;
	background:var(--color-one);
	border-radius:5px;
	transform:skewX(-20deg);
}



.headingbar_news_ex{
	border-top:1px solid #eee;
	text-align:center;
	margin:60px 0 60px 0;
	/*padding-top:60px;*/
}
.headingbar_news_ex .heading-text{
	position:relative;
	display:inline-block; vertical-align:middle;
	color:var(--color-two);
	border-bottom:3px solid var(--color-two);
	font-size:1.125rem; font-weight:600;
	padding:0.3rem 0.5rem;
	margin:0;
}



/* ----- 標題組_sidebar */
.headingbar_sidebar{
	position:relative; z-index:5;
	margin-bottom:1rem;
	padding:1px 0 2px 0;
}
.headingbar_sidebar .heading{
	margin:0;
	padding:0;
}
.headingbar_sidebar .heading-text{
	position:relative;
	display:inline-block;
	color:#191919;
	font-size:1rem; font-weight:600;
	border-bottom:2px solid var(--color-two);
	padding: 0 5px 2px 0;
	margin:0;
}





/* ----- 標題組-標題字小字 */
.headingbar_sm .heading-text{
	font-size:0.875rem;
}




/* ----- 標題組-列表頁-news-另連按鈕 */
.btn_heading_link{
	position:relative;
	display:inline-block; vertical-align:middle;
	font-size:1rem; font-weight:600;
	color:#333;
	margin-left:2rem;
	padding:2px 6px 2px 2px;
}
.btn_heading_link:before{
	position:absolute; top:50%; right:0; content:"";
	width:6px; height:6px;
	border-top:2px solid #333;
	border-right:2px solid #333;
	transform:rotate(45deg) translate(0, -50%);
}
.btn_heading_link:hover{
	color:var(--color-accent);
}
.btn_heading_link:hover:before{
	border-top-color:var(--color-accent);
	border-right-color:var(--color-accent);
}



/* ----- 標題組-詳細頁 */
.headingbar_pageview{
	margin:1rem 0;
}
.headingbar_pageview .heading{
	position:relative;
	border-bottom:3px solid var(--color-two);
	padding:10px 0 1rem 0;
	margin-bottom:0.5rem;
}
.headingbar_pageview .heading-text{
	font-size:2rem; color:#000; font-weight:600;
	line-height:1.3;
}
/*.headingbar_pageview .headingbar_inner{
	background:#f7f8fc;
	padding:1px 5px;
}*/
.headingbar_pageview .row{
	align-items: flex-end;
}


/* -----標題組-詳細頁：日期 */
.info_view_date{
	display:flex; flex-wrap:wrap;
	align-items:center;
}
.info_view_date .iconsvg,
.info_view_date .info-text{
    display:block;
    line-height:1.5;
	margin:0 2px;
}
.info_view_date .iconsvg{
    width:18px; height:18px;
}
.info_view_date .iconsvg:before{ 
    background-color:#333;
}
.info_view_date .info-text{
	font-size:0.875rem; font-weight:600;
	color:#333;
	
	word-break:break-all;
	word-wrap:break-word;
}


/* -----標題組-首頁：more */
.btnbar_heading_more{
	text-align:right;
	margin:0;
}
.btn_idxmore{
	display:inline-block;
	background:transparent;
	padding:8px 5px;
	color:#191919;
	font-size:0.875rem; font-weight:600; line-height:1;
	margin:0;
}
.btn_idxmore .btn-text{
	text-transform:uppercase;
}
.btn_idxmore .iconsvg{
	width:14px; height:14px;
}
.btn_idxmore .iconsvg:before{
	background-color:#000;
}

.btn_idxmore:hover{
	color:var(--color-accent);
}
.btn_idxmore:hover .iconsvg:before{
	background-color:var(--color-accent);
}





.btnbar_namecard{
	margin-top:2rem;
}
.btn_outlink{
	background:#2261AE;
	border-radius:3px;
	color:#fff;
	padding:10px 30px;
	transition:box-shadow 0.5s ease, transform 0.5s ease;
}
.btn_outlink .iconsvg:before{
	background-color:#fff;
}
.btn_outlink:hover{
	background:var(--color-accent);
	color:#fff;
	box-shadow:4px 4px 8px rgba(0,0,0,0.4);
	transform: scale(1.05);
}









/* ======================================
	10. 全頁面共同設定
=================================================================================================================== */

/*全頁左右分隔*/
@media (min-width:992px){
	.page-row{
		display:flex; flex-wrap:wrap;
	}
	.page-row > .page-left{
		flex:1 1 auto;
		width:1%; min-width:0;
	}
	.page-row > .page-right{
		width:300px;
		margin-left:45px;
	}
}

@media (min-width:768px){
	.inner-row{
		display:flex; flex-wrap:wrap;
	}
	.inner-row > .inner-left{
		flex:1 1 auto;
		width:1%; min-width:0;
	}
	.inner-row > .inner-right{
		width:350px;
		margin-left:30px;
	}
}





/*導覽路徑*/
.breadcrumbs{
	display:flex; flex-wrap:wrap;
	align-items: center;
	justify-content: flex-end;
}

.breadcrumbs,
.breadcrumbs a{ color:#666; line-height:1.4; }
.breadcrumbs a:hover{ color:#C21E02; }

.breadcrumbs li{
	display:block;
	position:relative;
	font-size:14px; font-weight:600;
	margin:0 2px;
}
.breadcrumbs li:last-child{
	font-weight:600; color:#000;
}

.breadcrumbs li:before{
	content:"/";
	margin-right:5px;
	font-size:0.8em; font-weight:100;
	color:#666;
}
.breadcrumbs li:first-child:before{ display:none; }

.breadcrumbs .iconsvg{
	width:18px; height:18px;
}
.breadcrumbs .iconsvg:before{
	background-color:#333;
}





/*------------------------------------------------------------------------------------------- #category-area */
/*---- #category 分類 */
.category_box{
	position:relative;
	display:none;
	margin:0.5rem 0;
}

@media (min-width:992px){
	.category_box{
		display:block;
	}
	.page-headline-flex + .category_box{ margin-top:-1rem; margin-bottom:2rem; }
}

.category_list{
	text-align:center;
}
.category_list li{
	display:inline-block;
	text-align:center;
	margin:0.5rem 4px;
}
.category_list li a{
	position:relative;
	display:block;
	color:#333;
	font-size:1.125rem; font-weight:600;
	padding:0.5rem 1rem;
	text-align:center;
}
.category_list li a:before{
	position:absolute; top:50%; left:-7px; content:"";
	width:2px; height:12px;
	margin-top:-6px;
	background:#666;
}
.category_list li:last-child a:after{
	position:absolute; top:50%; right:-7px; content:"";
	width:2px; height:12px;
	margin-top:-6px;
	background:#666;
}

.category_list li a:hover{
	color:var(--color-accent);
}
.category_list li.active a{
	color:var(--color-accent);
}





/*影片*/
.video{ position:relative; text-align:center; margin:30px 0; }
.video iframe{ max-width:100%;}




/* ----- 側邊區塊*/
.sidebarbox{
	margin-bottom:30px;
	/*border:1px solid red;*/
}



/*----- 您可能有興趣*/
.sec_more_article{
	margin:60px 0;
}








/*------------------------------------------------------------------------------------------- #form */
/*---- #formbox 表單 */

.formbox{
}

.formset{
	position:relative; z-index:2;
}

.form-describe{
	color:#333;
	font-size:1rem; font-weight:600;
	text-align:right;
	margin-bottom:1rem;
}

.data_required{
	vertical-align:text-top;
	font-size:0.875em;
	color:red;
}


.formlist{
	display:flex; flex-wrap:wrap;
}
.formlist > li{
	width:100%;
	margin-bottom:1.4rem;
}
.formlist > li:last-child{
	margin-bottom:0;
}


.input_group-left{
	margin-bottom:10px;
}
@media (min-width:992px){
	.input_group{
		display:flex; flex-wrap:wrap;
		/*align-items:center;*/
	}
	.input_group-left{
		padding-top:5px;
		margin-bottom:0;
	}
	.input_group-right{
		position:relative;
		flex:1 1 auto;
		width:1%;
		min-width:0;
	}
	
}


.form-icon,
.form-require,
.form-title{
	display:inline-block; vertical-align:middle;
}
.form-require{
	width:7px;
	margin-right:3px;
}

.form-title{
	position:relative;
	font-size:1rem; font-weight:600;
	color:var(--color-dark);
	padding-right:18px;
}
@media (min-width:992px){
	.form-title{
		width:120px;
		margin-right:10px;
		
		/*文字左右對齊*/
		text-align:justify;
		text-align-last:justify;
		text-justify:inter-word;
	}
}
.form-title:after{
	position:absolute; top:0; right:0; content:"：";
	color:var(--color-dark);
}

.input_group-text{
	padding:0.375rem 0.2rem;
	font-size:1rem; font-weight:600; line-height:1.5;
	color:#666;
}
@media (min-width:992px){
	.input_group-text{
		padding-top:0.4rem;
	}
}



/*欄位說明文字*/
.form-remind{
	width:1000%;
	color:#fff;
	font-size:0.875rem;
	margin-top:5px;
}


.form-control,
.form-select{
    background-color:#fff;
    border:1px solid #ccc;
	border-radius:3px;
	overflow:hidden;
}

textarea.form-control{
	border-radius:3px;
}


/*單選按鈕*/
.form-checklist{
	display:flex; flex-wrap:wrap;
	padding-top:6px;
}
.form-checklist li{
	margin-right:1rem;
}
.form-checklist li:last-child{
	margin-right:0;
}
.form-check{
	font-weight:600;
}



/*表單-驗證碼列*/
.form-verifybox{
}
.form-verifybox a{ font-size:0.875rem; font-weight:600; }
.form-verifybox input{
	background-color:#F9F9F9;
    border:1px solid #999;
	border-radius:3px;
	padding:5px;
	overflow:hidden;
}


/*表單-按鈕列*/
.form-btnbar{
	text-align:center;
	margin-top:1rem;
}
.formbtn{
	background:#333;
	border:1px solid #fff;
	border-radius:10rem;
	color:#fff;
	font-size:1rem; font-weight:600; line-height:1;
	padding:0.6rem 2rem;
}
.formbtn:hover{
	background:var(--color-accent);
	color:#fff;
	box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);
}
/*-----  base end =-----*/



/* ===== formbox inquire [in idx & contact]：填表諮詢 ===== */
.formlist_inquire .form-icon{
	display:none;
}

@media (min-width:992px){
	.formlist_inquire > li{
		width:50%;
		padding-left:10px;
	}
	.formlist_inquire .formline_subject,
	.formlist_inquire .formline_message,
	.formlist_inquire .formline_verifycode,
	.formlist_inquire .formline_submit{
		width:100%;
	}
	
	.formlist_inquire .formline_submit{
		padding-left:0;
	}
}





/*------------------------------------------------------------------------------------------- */
/*----- #infolist_contactinfo */
.infolist_contactinfo .info{
	width:100%;
	font-size:1rem; font-weight:600;
	background:#f7f8fc;
	padding:15px 10px 10px 10px;
}

.infolist_contactinfo .info .iconsvg{
	width:50px; height:50px;
	margin:0 auto;
	border-radius:5px;
	margin-bottom:10px;
	overflow:hidden;
}
.infolist_contactinfo .info .iconsvg:before{
	background-color:var(--color-two);
	
	-webkit-mask-size: 60% 60%;
    mask-size: 60% 60%;
}
.infolist_contactinfo .info:hover .iconsvg:before{
	background-color:var(--color-accent);
}

.infolist_contactinfo .info-title{
	position:relative;
	width:100%;
	display:block;
	color:#000;
	font-size:1rem;
	text-align:center;
	margin-bottom:10px;
}
/*.infolist_contactinfo .info:hover .info-title{
	color:var(--color-accent);
}*/

.infolist_contactinfo .info .info-text{
	display:block;
	width:100%;
	text-align:center;
}

.infolist_contactinfo .info ,
.infolist_contactinfo .info a{
	color:#333;
}
.infolist_contactinfo .info a:hover{
	color:var(--color-accent);
}
.infolist_contactinfo .info:hover a{
	text-decoration:underline;
}