@charset "UTF-8";
@import "fonts.css";
@import "bootstrap.min-5.0.2.css";
@import "bootstrap-grid.min.css";
@import "bootstrap-reboot.min.css";
@import "bootstrap-utilities.min.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
/* Leo 版型 CSS 專案設計 */
body {
	margin: 0;
	padding: 0px;
	-moz-user-select : none;
	-webkit-user-select: none;
}
/*基本文字設置*/
body {
	font-size: 1rem;
	text-decoration: none;
}
* {
	font-family: Arial, "Arial Black", "華康中黑體", "微軟正黑體", sans-serif;
}
/* 預設網頁文字&顏色 */
.clear {
	clear:both;
}
ol,ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* 基本圖片設置 */
img {
	height: auto;
    max-width: 100%;
}
/* 無額外文字特效 */
a,a:hover {
	text-decoration:none
}
/* header樣式 */
.header {
	position:relative; 
	z-index:1
}
.header-top {
	background-color: #3AA65A;
	padding: 6px;
}
.header-fonts {
	font-size: 0.8rem;
	color: #FFF;
}
/* END header樣式 */
/* footer樣式 */
.footer{
	padding-top: 1rem;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #3AA65A;
	margin-top: 1rem;
}
.footer-fonts a{
	color: #FFFFFF;
	font-size: .8rem;
}
.footer-fonts a:hover{
	color: #FFD700;
	font-size: .8rem;
}
/* END footer樣式 */
/*版權區樣式*/
.copy{
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: .7rem;
	padding-top: 1rem;
	padding-bottom: .5rem;
}
/*END版權區樣式*/
/*返回頂端圖標樣式*/
.toTop-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 10%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 7rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 18px;
	height: 5px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.5rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.5rem;
}
.toTop-arrow:focus {outline: none;}
/*END返回頂端圖標樣式*/
/* 導覽列下邊框顏色 */
.header_menu { 
	border-bottom: 3px solid #f38844;
}
/* 導覽列分隔線顏色 */
.brand1 {
	border-bottom: 1px solid #5FFEFF;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand2 {
	border-bottom: 1px solid #FF0000;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand3 {
	border-bottom: 1px solid #FF530D;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand4 {
	border-bottom: 1px solid #FFA500;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand5 {
	border-bottom: 1px solid #0FFF15;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand6 {
	border-bottom: 1px solid #003CE8;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand7 {
	border-bottom: 1px solid #A700E8;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand8 {
	border-bottom: 1px solid #FF0041;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
.brand9 {
	border-bottom: 1px solid #999189;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}
/* END 導覽列分隔線顏色 */
/*banner輪播置中滿版*/
.ad-banner{
	text-align: center;
	width: 100%;	
}
/*區塊顏色*/
.grey-box-color1 {
	color:#fff;
	background:#F55;
}
.grey-box-color2 {
	color:#fff;
	background:#973CB6;
}
.grey-box-color3 {
	color:#fff;
	background:#5EC64D;
}
.grey-box-color4 {
	color:#fff;
	background: #29AAE2;
}
.grey-box-color5 {
	color: #fff;
	background: #3AA65A;
}
.grey-box-color6 {
	color: #fff;
	background: #00ADC4;
}
.grey-box-color7 {
	color: #fff;
	background: #B73FE2;
}
.grey-box-color8 {
	color: #fff;
	background: #C75472;
}
.grey-box-color9 {
	background-color: #00FFCC;
}
/*END區塊顏色*/
/*區塊樣式*/
.grey-box-icon {
	text-align: center;
	margin-top: 2%;
	position: relative;
	height: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.grey-box-icon a {
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
} 
.grey-box-icon h5{
	padding-top: 3%;
}
/*END區塊樣式*/
/*影片文字區塊底色加透明度*/
.movieco {
	background-color:rgba(216,218,221,0.5);
}
/*上下間距*/
.spacing {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
/*內文圖片樣式*/
.l_img {
	border-radius: 3px;
	margin: 0.5rem;
}
.r_img {
	border-radius: 3px;
	margin: 0.5em;
}
/*END內文圖片樣式*/
/*麵包屑樣式*/
.nav-2 {
	font-size: 1rem;
}
.nav-2 i {
	color: #999;
}
.nav-2 ol li a {
	color: #999;
	text-decoration: none;
}
.nav-2 ol li a:hover {
	color: #B73FE2;
}
/*END麵包屑樣式*/
.om-footer {
	padding-top: 2rem;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #EEEEEE;
	margin-top: 1rem;
}
.om-footer p {
	font-size: .9rem;
	padding-bottom: 1rem;
	margin-bottom: 0px;
}
/*網路行銷樣式*/
.act-sal {
	background-color: rgba(0,102,255,0.5);
	margin-top: 2%;
	padding: 4em;
}
.ac-brand {
	border-bottom: 2px solid #FF530D;
	width: 100%;
	height: 1px;
	padding-top: 2px;
}