/* ================================== Basic ================================== */
body {
	font: 16px/24px Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	color: #333;
	
}

/* 各主區塊外框架 */
.outWrap {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}

/* 全站基本標籤樣式設定 */
a:link,
a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #06C;
}

a:active {
	color: #333;
}

p {
	font-size: 18px;
	line-height: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 1px;
}

/* ================================== Header ================================== */
header {
	position: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 9999;
	background: #FFF;
	/*background: rgba(0, 0, 0, 0.5);*/
}

header .headwrap {
	position: relative;
	display: block;
	height: 150px;
	padding: 0px;
	background-image:url(/WebMaster/themes/default/images/li-b.jpg);
	background-repeat:repeat-x;
}

header.ShrinkDown {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}

#Head {
	position: relative;
	height: 150px;
}

/* 上方小選單 */
#TopIcon {
	display: none; 
	/*隱藏*/
	font-size: 0.875em;
	padding: 5px 0px;
}

#TopIcon .outWrap {
	text-align: right;
	min-height: 25px;
	line-height: 25px;
}

#TopIcon ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#TopIcon ul li {
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#TopIcon ul li a {
	display: inline-block;
}

#TopIcon ul li.tel_item a,
#TopIcon ul li.shop_item a,
#TopIcon ul li.list_item a,
#TopIcon ul li.mem_item a {}

#TopIcon ul li a>i {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin-right: 5px;
	padding: 0px;
	border: 1px solid #DDD;
	border-radius: 99em;
	font-size: 13px;
}

#TopIcon ul li a:hover {}

/* Logo */
#Logo.topLogo {}

#Logo.topLogo img {}

header #rightBox {
	/*float: right;
	line-height: 110px;*/
	position: absolute;
	top: 0px;
	right: 120px;
	z-index: 1;
}

/* language */
header .top_lang {
	float: left;
	position: relative;
}

header .top_lang .btnLan {
	display: block;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 20px;
}

header .top_lang ul {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 5px);
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

header .top_lang ul.current {
	transform: translate(-50%, 0px);
	visibility: visible;
	opacity: 1;
}

header .top_lang ul li {
	width: 100%;
	text-align: center;
	line-height: 24px;
}

header .top_lang ul li a {
	display: block;
	font-size: 13px;
	padding: 4px 8px;
	margin-bottom: 1px;
	background: rgb(255, 255, 255);
	min-width: 70px;
}

header .top_lang ul li a:hover {}

/* search */
header .top_search {
	position: relative;
	float: right;
	color: #156A40;
	top: 0px;
}

.top_search .btn a {
	/*display: none;*/
	padding: 0 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.btn2  {
position: relative;
top: 8px;
color: #fff;
    float: left;
}

.btn2 a {
	/*display: none;*/
	padding: 0px 5px 0px 0px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	
	color: #fff;
}
.btn a:hover {
	/*display: none;*/
	
	
	color:#eaff00;
}
.btn2 a:hover {
	/*display: none;*/
	
	
	color:#eaff00;
}
.btn2 a > i {
padding-right:5px;
	font-size: 24px;
}
.top_search .inputBox {
	display: none;
	padding: 10px 15px;
	background: #FFF;
	width: 250px;
	position: absolute;
	top: 300%;
	right: 0;
	z-index: 99;
}

.top_search .inputBox input[type="text"] {
	display: block;
	float: left;
	width: 85%;
	height: 30px;
	border: none;
	outline: 1px solid #CCC;
	padding: 5px;
	box-sizing: border-box;
}

.top_search .inputBox a.btn_submit {
	overflow: hidden;
	display: block;
	background: #00C513;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
}

.top_search .inputBox a.btn_submit:hover {}

header #pc_trans {
	position: absolute;
	top: 10px;
	right: 50px;
	z-index: 1;
}

header #pc_trans a {
	/*background: #06C;*/
	color: #156A40;
	cursor: pointer;
	padding: 7px 10px;
	border-radius: 3px;
	line-height: 1;
	font-size: 22px;
}

header #pc_trans a>i {
	margin-right: 5px;
	font-size: 26px;
}
/*top */
button:hover{cursor: pointer}
    button {
      background: transparent; outline: none;
      position: relative;
      border: none;
     padding: 0px 30px 0 10px;
      overflow: hidden;
	  /*color:#FFFFFF !important;*/
	  font: 26px Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
	 adding: 0px 6px;
	 top:0.1em;   
	 list-style-type: none;
	 margin: 0 0px 0 15px;
	 }

    /*button:before (attr data-hover)*/
    button:hover:before{opacity: 1; transform: translate(0,0);}
    button:before{
      content: attr(data-hover);
      /*position: absolute;
      top: 1.1em; left: 0;
      width: 100%;*/
      text-transform: uppercase;
      /*letter-spacing: 3px;
      font-weight: 800;
      font-size: .8em;*/
      opacity: 0;
      transform: translate(-100%,0);
      transition: all .3s ease-in-out;
	  position: absolute;
top: 0.6em;
left: 0;
font-size: 14px;
color: #03aa1d;
    }
      /*button div (button text before hover)*/
      button:hover div{opacity: 0; transform: translate(100%,0)}
      button div{
        text-transform: uppercase;
        /*letter-spacing: 3px;
        font-weight: 800;
        font-size: .8em;*/
        transition: all .3s ease-in-out;
      }
	   button .fa{
	   color:#156A40;
	   }
/* ------------ 系統上方選單列新版(topmenu_new.htm) ------------ */
.menu {
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 100%;
	position: relative;
	/*background: rgb(245, 245, 245);*/
	/*background: rgba(0, 0, 0, 0.75);*/
}

.more_bt {
	/*border: 3px solid #3ECADA;
    border-radius: 20px;
    padding: 5px 10px;*/
}

.more_bt a {
	border: 3px solid #3ECADA;
	border-radius: 20px;
	padding: 5px 15px;
}

.more_bt a:hover {
	color: #FFFFFF;

	background-color: #3ECADA;


}

#bb_119 {
	/*display:none;*/
}

#bb_120 a.btnSetting {
	/*display:none;*/
}

#bb_115,
#bb_118 {
	padding: 0px 30px;

}


.btn-play {
	/* display: inline-block;
    margin: 8px 16px;*/
	max-width: none;
	background: #000;
	color: #fff;
	text-align: center;
	width: 50px;
	margin: 0 auto;
	z-index: 9999;
	height: 50px;
	border-radius: 50px;
}

.vd-img {
	top: 50px;
	left: 10px;
	position: absolute;


}

video#video1 {
	position: relative;
	margin-top: -30px;

}

@media screen and (max-width: 1200px) {
	.menu {
		background: rgba(0, 0, 0, 0.85);
	}

	.menu a {
		color: #FFF;
	}
}

/* 第一層menu style */
.menu a.active-parent {
	/* 第一層menu滑入鎖定樣式 */
}

/*Mobile - Google翻譯*/
.menu .trans_item {
	display: block;
	text-align: center;
	padding: 20px 0px;
}

.menu .trans_item>a {
	display: inline-block;
	padding: 5px 15px;
	line-height: 28px;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
}

.menu>ul {
	margin: 0;
	padding: 0px;
}

.menu_item {
	position: relative;
	border-bottom: 1px solid rgba(204, 204, 204, 0.5);
	position: relative;
	list-style: none;
	/*background: #FFF;*/
}

.menu_item a {
	padding: 15px 20px;
	text-decoration: none;
	display: block;
	position: relative;
	transform: translate(0, 0) !important;
	line-height: 20px;
}

/*次名稱*/
.menu_item a b {
	display: block;
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	padding-top: 3px;
}

.menu_item a:hover,
.menu_item a:active,
.menu_item a:focus {
	/*color: #eaff00;*/
}

.menu_item a.current {
	/*color: #fff;*/
}

/* 第一層右方小箭頭圖示 */
.menu_item a .arrow {
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.16);
	color: #ffffff;
	line-height: 1;
}

.menu_item a .arrow:before {
	display: block;
	width: 50px;
	height: 50px;
	content: '\f107';
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	line-height: 50px;
	text-align: center;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.menu_item a .arrow.open:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

/* 第二層menu style */
.sub_menu {
	margin: 0;
	padding: 10px 0 5px 0;
	pointer-events: none;
	top: 0;
	display: none;
	opacity: 1;
	visibility: visible;
	position: relative;
	border-top: 1px solid rgba(204, 204, 204, 0.5);
}

.sub_menu li.sub_menu_item {
	display: block;
	position: relative;
	min-width: 100%;
	/*width: 210px;
	background: #FFF;*/
	text-align: left;
}

.sub_menu li.sub_menu_item a {
	line-height: 20px;
	padding: 5px 25px 10px 35px;
	display: block;
}

.sub_menu.open {
	visibility: visible;
	opacity: 1;
	display: block;
	pointer-events: auto;
	transform: translate(0, 0);
}

/* 第二層右方小箭頭圖示 */
.sub_menu li.sub_menu_item a .arrow {
	transform: rotate(-90deg);
	width: 50px;
	text-align: center;
	position: absolute;
	top: 7px;
	right: 0;
	display: inline-block;
	transition: transform 0.3s;
}

.sub_menu li.sub_menu_item a .arrow:before {
	display: inline-block;
	padding: 2px;
	content: '\f107';
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 18px;
}

.sub_menu li.sub_menu_item a .arrow.open {
	transform: rotate(0deg);
}

.sub_menu li.sub_menu_item a:hover {}

/* 第三層menu style */
.sub_menu .sub_menu {
	top: 0;
	left: 0;
	position: relative;
}

.sub_menu .sub_menu li a {
	padding: 10px 20px 10px 35px;
}

.sub_menu .sub_menu.open {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
}

/* 手機板MENU展開按鈕 */
.menu-button {
	padding: 10px;
	border: none;
	cursor: pointer;
	transition: 0s;
	width: auto;
	position: fixed;
	top: 10px;
	right: 5px;
	z-index: 10000;
}

.burger-icon {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.burger-icon,
.burger-icon::before,
.burger-icon::after {
	display: block;
	width: 30px;
	height: 4px;
	background-color: #156A40;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.burger-icon::before,
.burger-icon::after {
	position: absolute;
	content: "";
}

.burger-icon::before {
	top: -10px;
}

.burger-icon::after {
	top: 10px;
}

.menu.open .burger-icon {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menu.open .burger-icon,
.menu.open .burger-icon::before,
.menu.open .burger-icon::after {
	display: block;
	width: 30px;
	height: 4px;
	background-color: #222;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.menu.open .burger-icon::before,
.menu.open .burger-icon::after {
	position: absolute;
	content: "";
}

.menu.open .burger-icon::before {
	top: -10px;
}

.menu.open .burger-icon::after {
	top: 10px;
}

.menu-button.is-active .burger-icon {
	background-color: transparent;
}

.menu-button.is-active .burger-icon::before {
	-webkit-transform: translateY(10px) rotate(45deg);
	-moz-transform: translateY(10px) rotate(45deg);
	-ms-transform: translateY(10px) rotate(45deg);
	-o-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
}

.menu-button.is-active .burger-icon::after {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
}

/* 手機板選單背景區 */
.menu_body {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	transform: translate(-100%, 0);
	width: 0;
	overflow: hidden;
	z-index: 1;
}

.menu_body.open {
	transform: translate(0, 0);
	transition: all 0.2s;
	transition-timing-function: cubic-bezier(0.62, 0.04, 0.82, 0.13);
	/*width: 70%;*/
	width: 280px;
	max-width: 300px;
	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
	min-height: 100% !important;
	overflow-y: scroll;
	z-index: 999;
}

.menu_body.close {
	transform: translate(-100%, 0);
	transition: all 0.2s;
	transition-timing-function: cubic-bezier(0.62, 0.04, 0.82, 0.13);
	text-shadow: none;
	width: 0;
}

/* PC版-選單樣式 */
@media screen and (min-width: 1201px) {
	.menu {
		/*background: #FFF;*/
		min-height: auto;
	}

	/*Mobile - Google翻譯*/
	.menu .trans_item {
		display: none;
	}

	.menu>ul>.menu_item.left>ul {
		left: 0;
	}

	.menu .sub_menu.left-ul>li>a {
		text-align: left;
	}

	.menu>ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.menu_item {
		border-bottom: none;
		padding: 0 20px;
	}

	.menu_item:last-child {
		padding: 0 0 0 20px;
	}

	.menu_item a {
		/* padding: 20px 25px; */
		padding: 10px 15px;
		overflow: visible !important;
		color: #137710;
	}

	/* .menu_item>a .arrow {
		transform: rotate(0deg);
		top: 10px;
		right: -30px;
	}

	.menu_item a .arrow:before {
		font-size: 13px;
		color: #999;
	} */

	.menu_item a .arrow {
		top: 10px;
		right: -15px;
		background-color: transparent;
		color: #999;
	}

	.menu_item a .arrow:before {
		width: 20px;
		height: 20px;
		font-size: 13px;
		line-height: 20px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	/* .menu_item a .arrow.open:before {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	} */

	/* ----------------------------- 
   第一層選單 Hover.css 滑入效果
   ----------------------------- */
	/* 效果一 - 下方線條 */
	.menu>ul>li.menu_item a.hvr-underline-from-left:before {
		background: #eaff00;
		/*線條背景色*/
	}

	/* 效果二 - 背景放射狀 */
	.menu>ul>li.menu_item a.hvr-radial-out {
		background: transparent;
	}

	.menu>ul>li.menu_item a.hvr-radial-out:before {
		background: #06C;
		/*背景色*/
	}

	.hvr-radial-out:active,
	.hvr-radial-out:focus,
	.hvr-radial-out:hover {
		color: #FFF;
		/*滑入時的文字顏色*/
	}

	/* 效果三 - 框線淡入 */
	.menu>ul>li.menu_item a.hvr-border-fade {
		box-shadow: inset 0 0 0 2px transparent, 0 0 1px transparent;
	}

	.menu>ul>li.menu_item a.hvr-border-fade:active,
	.menu>ul>li.menu_item a.hvr-border-fade:focus,
	.menu>ul>li.menu_item a.hvr-border-fade:hover {
		/* 線條背景色 */
		box-shadow: inset 0 0 0 2px #06C, 0 0 1px transparent
	}

	/* ----------------------------- 
   Hover.css 滑入效果 END
   ----------------------------- */
	.sub_menu {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		top: 100%;
		left: 10px;
		pointer-events: none;
		transition: all 0.3s;
		transform: translate(0, 60px);
		z-index: 999;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
		padding: 0;
		border: none;
	}

	.sub_menu li.sub_menu_item {
		padding: 0px;
		width: 210px;
		background: rgba(0, 0, 0, 0.5);
	}

	.sub_menu li.sub_menu_item a {
		padding: 10px 15px;
		border-bottom: 1px dashed #333;
		color: #FFF;
	}

	.sub_menu li.sub_menu_item a:hover {
		color: #eaff00;
	}

	.sub_menu li:last-child a {
		border-bottom: none;
	}

	.sub_menu .sub_menu {
		top: 0;
		left: 210px;
		transition: all 0.3s;
		transform: translate(-60px, 0);
		position: absolute;
	}

	.menu-button.visible-xs {
		display: none;
	}

	.menu_body {
		width: auto;
		height: auto;
		transform: translate(0, 0);
		overflow: visible;
	}

	.menu_body.open {
		width: 100%;
	}

	.menu_body.close {
		width: 100%;
	}
	
	#bc_240{
	margin-bottom:300px;
	
	}
	#bc_235.blockContent{
	margin-top:-250px;
	}
}

/* ------------ 系統上方選單列新版(topmenu_new) End ------------ */
/* ================================ Banner Slider ================================ */
#featured_div {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 150px 0px 0px;
	overflow: hidden;
	max-height: 600px;
	z-index: -1;
	
}

#featured_div .outWrap {
	width: 100%;
	margin: 0px;
}

/* ------ 靜態單張圖樣式 ------ */
#featured_div .featured_show {
	/*max-height: 360px;*/
	
	
}

#featured_div .featured_show img {
	width: 100%;
}

/* ------ 動態圖滑動樣式 ------ */
/* 文字內容(預設不顯示) */
#featured_div .flexslider .slides li .content {
	position: absolute;
	top: 100px;
	left: 100px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	display: block;
	width: 25%;
	padding: 10px;
}

/* 分頁樣式 */
#featured_div .flex-direction-nav a {
	margin: 40px 0px 0px;
	width: 20px;
	height: 20px;
	top: 50%;
	border-radius: 0px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#featured_div .flex-direction-nav a:before {
	font-size: 18px;
	padding-top: 0px;
}

#featured_div .flex-direction-nav .flex-prev {
	left: 0;
}

#featured_div .flex-direction-nav .flex-next {
	right: 0;
}

#featured_div .flexslider:hover .flex-direction-nav .flex-prev {
	left: 80px;
}

#featured_div .flexslider:hover .flex-direction-nav .flex-next {
	right: 80px;
}

/* ================================ Content ================================ */
/* 系統側邊選單列表 */
/* 一層直式 (mainmenu.htm) */
.MainMenu {
	position: relative;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	text-align:center;
	font-size: 20px;
}

.MainMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.MainMenu ul li {
	margin: 0px 0px 5px 0px;
	display: block;
	-o-webkit-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.MainMenu ul li>a {
	display: block;
	padding: 8px 20px;
	margin: 0px;
	/*border: 1px solid #DDD;*/
	border-radius: 99em;
}

/*次名稱*/
.MainMenu ul li>a>b {
	display: block;
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	padding-top: 3px;
}

.MainMenu ul li>a:before {}

.MainMenu ul li>a:after {}

.MainMenu ul li>a:hover {}

/* 一層橫式 (mainmenu.htm) */
.MainMenu ul li.inline {
	display: inline-block;
}

.MainMenu ul li.inline>a {
	margin: 0px 0px 5px 5px;
	background-color: #94b303;
color: #fff;
}

/*次名稱*/
.MainMenu ul li.inline>a>b {
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	padding-top: 0px;
	padding-left: 5px;
	
}

/* 兩層下拉 (mainmenu_float.htm)  */
.FloatMenu {
	padding: 0;
	margin: 0;
}

.FloatMenu nav select {
	display: none;
}

.FloatMenu nav ul {
	display: block;
	z-index: 1;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.FloatMenu nav ul li {
	position: relative;
}

.FloatMenu nav ul li a.current {
	width: 220px;
	border: 1px solid #F5F5F5;
	padding: 5px 10px;
	margin-bottom: 8px;
}

/*次名稱*/
.FloatMenu nav ul li a.current>b {
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	padding-left: 5px;
}

.FloatMenu nav ul li a.m_child>b {
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	padding-left: 5px;
}

/*次名稱end*/
.FloatMenu nav ul li a:link,
.FloatMenu nav ul li a:visited {
	display: block;
	position: relative;
}

.FloatMenu nav ul li a:hover,
.FloatMenu nav ul li a:active {
	text-decoration: none;
}

.FloatMenu nav ul li a>i {
	float: right;
	display: inline-block;
	color: #999;
}

.FloatMenu nav ul li ul.float_sub_menu {
	position: absolute;
	top: 36px;
	left: 1px;
	margin: 0;
	padding: 0;
	background: #f9f9f9;
	border-bottom: 5px solid #EEE;
	display: none;
	z-index: 2;
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

.FloatMenu nav ul li ul.float_sub_menu li {
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ececec;
}

.FloatMenu nav ul li ul.float_sub_menu li a {
	white-space: nowrap;
	width: 220px;
	padding: 5px 15px 5px 10px;
	border: none;
}

.FloatMenu nav ul li ul.float_sub_menu li a:hover {}

/* 內容主區塊 */
#Container {
	position: relative;
	padding: 50px;
	overflow: hidden;
}

/* 頁面主題名稱&&路徑連結區塊 */
.SectionTitle {
	position: relative;
	font-size: 28px;
	padding: 10px 0px;
	margin: 0px 0px 30px 0px;
	text-align: right;
	display: block;
}

/* 頁面主題名稱 */
.SectionTitle h3.st_name {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	/*float: left;*/
	text-align: center;
}

/* 頁面主題次名稱 */
.SectionTitle .second_name {
	padding-left: 10px;
	font-size: 18px;
}

/* 頁面路徑連結 */
.SectionTitle div.st_bread {}

.SectionTitle span.arrow,
.SectionTitle span.navParent_nolink {
	font-size: 14px;
}

.SectionTitle span.navParent_nolink {
	opacity: 0.75;
}

.SectionTitle a {
	font-size: 14px;
}

.SectionTitle a.navParent {}

.SectionTitle a:hover {}

.SectionTitle a:link,
.SectionTitle a:visited {}

/* 欄位區塊 */
/*左*/
#LeftBlock {}

/*#main_block {}*/
/*中*/
#CenterBlock {}

/*右*/
#RightBlock {}

/* 區塊外框 */
.block {
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

/* 區塊標題名稱 */
.blockTitle {
	padding: 20px 0px;
	font-size: 26px;
	margin: 0px;
	text-align: center;
}

.blockTitle .bk_name {}

.left_b .blockTitle {}

.center_b .blockTitle {}

.right_b .blockTitle {}

/* 區塊內容 */
.blockContent {
	padding: 0px;
	margin: 0px;
}

.left_b .blockContent {}

.center_b .blockContent {}

.right_b .blockContent {}

/*.indent {padding-left: 20px;padding-top: 5px;}
.plus_html {margin: 5px 5px 5px 10px;clear: both;}
.show_sub ul {margin: 1px 10px 5px 15px;padding: 1px;}
.show_sub li {list-style-type: none;padding: 3px;margin: 2px 5px 2px 1px;}*/
/* =============================== Footer =============================== */
footer {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 15px 0px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	background-size: cover;
	color: #AEFF00;
	/*background: url(/WebMaster/themes/default/images/footer.jpg) no-repeat center center;*/
	
}

#Footer,
#Footer a {}

#Footer a:hover {
	text-decoration: underline;
}

/* 公司抬頭 && 頁尾選單 */
.FootTitle {
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.FootTitle .FootMenu {
	display: block;
	font-size: 14px;
}

.FootTitle .FootMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-around;
	align-items: stretch;
}

.FootTitle .FootMenu ul li {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.FootTitle .FootMenu ul li a {
	padding: 0px 10px;
	color: #AEFF00;
}

.FootTitle .FootMenu ul li a b {
	display: block;
	font-weight: normal;
	font-size: 13px;
	line-height: 1;
	padding-top: 3px;
}

/* footer內容資訊 */
.footer_flex {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	padding: 20px 0px;
}

.ft_item {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	font-size: 13px;
}

/* QR Code */
.flex_1 {
	position: relative;
	-webkit-justify-content: center;
	justify-content: center;
}

/* 公司資訊 */
.flex_2 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0px 20px 0px 0px;
}

.flex_2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.flex_2 ul li {
	padding-bottom: 10px;
	line-height: 1;
}

.flex_2 ul li:first-child {
	font-size: 18px;
}

.flex_2 ul li>i {
	padding-right: 10px;
}

/* copyright & icon */
.flex_3 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-justify-content: center;
	justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	padding: 0px;
}

.flex_3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

.flex_3 ul li {
	display: inline-block;
	float: left;
	margin: 5px;
}

.flex_3 ul li a {
	color: #FFF;
	display: block;
}

.flex_3 ul li a>i {
	border-radius: 99em;
	border: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
	width: 36px;
	line-height: 36px;
	font-size: 20px;
}

.flex_3 ul li a:hover>i {
	opacity: 0.75;
}

.flex_3 ul li.line {
	margin-left: 15px;
}

.flex_3 .ft_copyright {
	display: block;
	padding: 0px 0px 0px 10px;
}

.flex_3 .ft_copyright h6 {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0px 0px 10px 0px;
	line-height: 1;
}

.flex_3 .ft_copyright h6 a {
	color: #FFF;
}

.flex_3 .ft_copyright h6 a.power {
	opacity: 0.75;
	color: #AEFF00;
}

.flex_3 .ft_copyright h6 a.login {
	padding: 0px 10px;
	font-size: 16px;
	opacity: 0.75;
	color: #AEFF00;
}

/* =============================== 右側side_bar.htm =============================== */
.side_bar {
	position: fixed;
	z-index: 9999;
	top: 50%;
	right: 0px;
	padding: 0px;
	margin: -175px 0px 0px;
}

.side_bar ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.side_bar ul li {
	padding: 0px;
	transition: 0.5s;
	text-align: center;
}

.side_bar ul li.fb_bar a {
	background: #3b5998;
}

.side_bar ul li.plus_bar a {
	background: #dc4e41;
}

.side_bar ul li.instagram a {
	background: #FF2894;
}

.side_bar ul li.line a {
	background: #090;
	height: 50px;
	line-height: 48px;
}

.side_bar ul li.line a img {
	vertical-align: middle;
	border: 0;
}

.side_bar ul li.tel_bar a {
	background: #06C;
}

.side_bar ul li.mail_bar a {
	background: #666;
}

.side_bar ul li.map_bar a {
	background: #F60;
}

.side_bar ul li a {
	display: block;
	color: #F5F5F5;
	background: #09C;
}

.side_bar ul li:hover a {
	opacity: 0.85;
}

.side_bar ul li:last-child a {
	border-bottom: none;
}

.side_bar ul li a>i {
	width: 50px;
	font-size: 1.5em;
	line-height: 50px;
}

/* 置頂 */
#goTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	z-index: 10000;
	cursor: pointer;
	border-radius: 40px;
	border: 2px solid #FFF;
	text-align: center;
	background: #999;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#goTop a {
	font-size: 1.313em;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
}

#goTop a:hover {
	opacity: 0.75;
}
#bb_196,#bb_197{
display:none;
	
}
#bb_234{
z-index:1000;
display:none;
	
}
#bb_235{
/*margin-top: 300px!important;*/
/*z-index:-1;*/

}
#bc_235{
/*margin-top: 300px!important;*/


}
/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
		#bb_235 { padding-top:350px }
}
/* Firefox */
@-moz-document url-prefix() {
	  #bb_235 { padding-top:270px }
	}
#bb_232 {
    width: 60%;
    float: left;
    display: inline;
    padding: 0px 15px 0px 0px;
}
#bb_249 {
    width: 40%;
    float: left;
    display: inline;
    padding: 0px 15px 0px 0px;
}
#bb_250 {
    clear: both;
padding-top: 50px;
}
/*--------------home-------------*/
.a1,.a2,.a3,.a1-2,.a2-2{
transform: rotate(-45deg);
width:250px;
height:250px;
margin:0 auto;

}
.a1:hover,.a2:hover,.a3:hover,.a1-2:hover,.a2-2:hover{
transform: rotate(-45deg);
width:250px;
height:250px;
margin:0 auto;
color:#000000;
cursor: pointer;
background-color:rgba(64,175,9,0.1)

}
.a1{
position: absolute;
border-top: outset 1px #828282;
border-bottom: outset 4px rgba(117, 230, 255, 0.7);
border-left: outset 2px #57CBE5;
border-right: outset 2px #828282;
background-color: rgba(255,255,255,0.2);
top: 100px;
left: 350px;
box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.03);
border-top-right-radius: 15px;
/*background-image:url("icon01.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 90px 20px;*/


}
.a1::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left: 30%;
z-index: -1;
background: url("/WebMaster/themes/default/images/icon01.png") 0 0 no-repeat;
transform: rotate(45deg);
}
.a2::before { 
content: "";
position: absolute;
width: 217px;
height: 150px;
top: 10%;
left: 20%;
z-index: -1;
background: url("/WebMaster/themes/default/images/icon02.png") 0 0 no-repeat;
transform: rotate(45deg);
}
.a3::before { 
content: "";
position: absolute;
width: 217px;
height: 150px;
top: 10%;
left: 20%;
z-index: -1;
background: url("/WebMaster/themes/default/images/icon03.png") 0 0 no-repeat;
transform: rotate(45deg);
}
.a4::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left: 35%;
z-index: -1;
background: url("/WebMaster/themes/default/images/icon04.png") 0 0 no-repeat;
transform: rotate(45deg);
}
.a5::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left: 30%;
z-index: -1;
background: url("/WebMaster/themes/default/images/icon05.png") 0 0 no-repeat;
transform: rotate(45deg);
}
.a6::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left:35%;
z-index: -1;
background: url("/WebMaster/themes/default/images/icon06.png") 0 0 no-repeat;
transform: rotate(45deg);

}
.a1-2{
position: absolute;
border-top: solid 3px #91f5ff;
border-bottom: outset 1px rgba(117, 230, 255, 0);
border-right: solid 3px #57CBE5;
border-left: outset 1px #eee;
background-color: rgba(255,255,255,0.2);
top: 95px;
left: 350px;
box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.03);
border-top-right-radius: 15px;

}
.a2{ 
    position: absolute;
    background-color:rgba(255,255,255,0.15);
    top: 280px;
left: 170px;
border-top:solid 1px #fff;
border-bottom:solid 1px #57CBE5;
border-left:solid 2px #57CBE5;
border-right:solid 2px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);
border-top-left-radius: 10px;
	}
	.a2-2{ 
    position: absolute;
    background-color:rgba(255,255,255,0);
    top: 275px;
left: 170px;
border-top: solid 1px #57CBE5;
border-bottom: solid 1px #57CBE5;
border-right: solid 0.7px #595959;
border-left:solid 2px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);;
border-top-left-radius: 10px;
	}
	.a3{ position: absolute;
top: 460px;
background-color:rgba(255,255,255,0.2);
left: 350px;
border-top:solid 1px #fff;
border-bottom:solid 3px #57CBE5;
border-left:solid 2px #858585;
border-right:solid 2px #eee;
/*box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.2);*/
border-bottom-left-radius: 15px;
}

.a4{
position: absolute;
left: 700px;
top: 0px;
background-color:rgba(255,255,255,0.2);
border-top: outset 1px #939393;
border-bottom:outset 4px rgba(117, 230, 255, 0.7);
border-left:outset 2px #57CBE5;
border-right:outset 2px #eee;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.a4-2{
position: absolute;
left: 700px;
top: -5px;

border-top: outset 1px #01758E;
/*border-bottom:outset 4px rgba(117, 230, 255, 0.7);*/
border-left:outset 2px #fff;
/*border-right:outset 2px #eee;
border-top-left-radius: 20px;*/
border-top-right-radius: 20px;
z-index:-1;


}
.a5{
position: absolute;
left: 880px;
top: 180px;
background-color:rgba(255,255,255,0.4);
border-top:solid 1px #fff;
border-bottom:solid 1px #57CBE5;
border-left:solid 2px #57CBE5;
border-right:solid 2px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 20px;
}
.a6{
position: absolute;
left: 700px;
top: 360px;
background-color:rgba(255,255,255,0.2);
border-top:solid 1px #57CBE5;
border-bottom:solid 1px #57CBE5;
border-left:solid 1px #57CBE5;
border-right:solid 1px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 20px;
border: 1px solid transparent;
border-width: 2px 0 3px 3px;
border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(64, 207, 244) 100%);
border-image-slice: 1;

}
.a6 p2,.a5 p2{
color: #484848;
font-weight: bold;
font-family: "微軟正黑體";
/*line-height: 400px;*/
letter-spacing: 1px;
font-size: 22px;
transform: rotate(45deg);
text-align: center;
/*margin-top: 45%;*/
padding-right: 90px;
}
p2{
color: #484848;
font-weight: bold;
font-family: "微軟正黑體";
/*line-height: 400px;*/
letter-spacing: 1px;
font-size: 22px;
transform: rotate(45deg);
text-align: center;
position: absolute;
padding-right: 100px;
top: 200px;
}
.club_A{
/*width:50%;
float: left;
top: 10%;
position: absolute;*/
position:relative;

left: 17%;
top: 50px;
/*height: 800px;*/
height: 450px;
zoom: 0.8;
-moz-transform: scale(0.8);
-moz-transform-origin: 0 0;
}

.a4,.a4-2,.a5,.a6{
transform: rotate(-45deg);
width:250px;
height:250px;
margin:0 auto;

}
.a4:hover,.a5:hover,.a6:hover{
transform: rotate(-45deg);
width:250px;
height:250px;
margin:0 auto;

cursor: pointer;
color:#000000;
background-color:rgba(64,175,9,0.1)


}
.b1,.b2,.b3,.b4,.b5,.b6{
border-top: outset 1px #939393;
border-bottom:outset 4px rgba(117, 230, 255, 0.7);
border-left:outset 2px #57CBE5;
border-right:outset 2px #eee;
background-color:rgba(255,255,255,0.2);
box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.03);
border-top-right-radius: 10px;
border-top-left-radius: 10px;

width:250px;
height:250px;
margin:50px auto;

}
p3{
color: #353535;
font-weight: bold;
font-family: "微軟正黑體";
line-height: 380px;
letter-spacing: 1px;
font-size: 22px;
display: flex;
justify-content: center;


}

.b1:hover,.b2:hover,.b3:hover,.b4:hover,.b5:hover,.b6:hover{

width:250px;
height:250px;

color:#000000;
cursor: pointer;
background-color:rgba(64,175,9,0.1)
}
.b1::before,.b2::before,.b3::before,.b4::before,.b5::before,.b6::before{
border-top: solid 1px #21cbff;
border-bottom:outset 1px rgba(117, 230, 255, 0.7);
border-left:outset 2px #fff;
border-right:outset 2px #57CBE5;
background-color:rgba(255,255,255,0.2);
box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.03);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
content: "";
width:245px;
height:245px;
color:#333333;

position: absolute;
}
.b1{

background-image:url("/WebMaster/themes/default/images/icon01.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 50px 20px
}
.b2{
background-image:url("/WebMaster/themes/default/images/icon02.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 20px 20px
}
.b3{
background-image:url("/WebMaster/themes/default/images/icon03.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 20px 20px
}
.b4{
background-image:url("/WebMaster/themes/default/images/icon04.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 50px 20px
}
.b5{
background-image:url("/WebMaster/themes/default/images/icon05.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 50px 20px
}
.b6{
background-image:url("/WebMaster/themes/default/images/icon06.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 50px 20px;
}
.shine {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
   padding: 0px 12px;
top: -5px;
left: -34px;
height: 5px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
     -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
       -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
         -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
            box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
     -khtml-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
@media (min-width: 1200px) {

.club_B,#bb_242 {
display:none;
  
 } 

}
/* ========================================= Responsive Start ========================================= */
@media only screen and (max-width: 1440px) {
.club_A {
  
    left: 10%;
 
    height: 780px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
.menu_item a {
 
    padding: 10px 8px;
    overflow: visible !important;

}
}
@media screen and (min-width: 600px) and (max-width: 1200px) {
header .headwrap {
	
	background-image:none;

}
header #rightBox {
   
    top:0 !important;
   
}
}
@media only screen and (max-width: 1200px) {
	.outWrap {
		width: 100%;
		margin: 0;
	}

	header {
		box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15);
	}

	header .headwrap {
		height: 60px;
	}

	#Head {
		margin: 0px;
		height: 60px;
	}

	#Logo img {
		max-height: 40px;
	}

	header #rightBox {
		position: absolute;
		top: -8px;
		right: 55px;
		float: none;
		line-height: 60px;
	}

	header .top_search {
top: 0px;
    float: right;
   
		
	}

	.top_search .btn a {
		display: block;
		padding: 0 15px;
		font-size: 20px;
		text-align: center;
		cursor: pointer;
	}

	.top_search .btn a:hover {
		color: #00C513;


	}

	.top_search .inputBox {
		display: none;
		padding: 10px 15px;
		background: #FFF;
		width: 280px;
		position: absolute;
		top: 100%;
		right: 0;
		z-index: 99;
	}
.btn2 {
    margin-right: -10px;
    top: 0px;
    
}
.btn2 a {
font-size:14px;
    
    
    
}
.btn2 a > i {
    padding-right: 5px;
    font-size: 24px;
    padding-top: 20px;
}
	header #pc_trans {
		display: none;
	}

	#featured_div {
		padding: 120px 0px 0px 0px;
		width: 100%;
		margin: 0px;
	}

	.flexslider .slides>li {
		height: 100%;
		width: 100%;
		display: none;
		-webkit-backface-visibility: hidden;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#Container {
		padding: 20px 15px;
	}

	footer {
		background-color: #595959;
		background-image: none;
	}
	.club_A{

display: none;

}
#bb_235{
margin-top: 0px;
}
 #bb_235 { padding-top:0px!important;
  } 
}

@media only screen and (max-width: 1024px) {
	#featured_div .flex-direction-nav a {
		margin: 30px 0px 0px;
	}

	/*#LeftBlock.lb_id_3 {
	width: 100%;
}
#CenterBlock.cb_id_3 {
	width: 100%;
}*/

}

@media only screen and (max-width: 960px) {
	video#video1 {

		margin-top: -5px !important;

	}
	 button:hover:before{opacity: 1; transform: translate(0,0);}
    button:before{
      content: attr(data-hover);
      /*position: absolute;
      top: 1.1em; left: 0;
      width: 100%;*/
      text-transform: uppercase;
      /*letter-spacing: 3px;
      font-weight: 800;
      font-size: .8em;*/
      opacity: 0;
      transform: translate(-100%,0);
      transition: all .3s ease-in-out;
	  position: absolute;
top: 0.6em;
left: 0;
font-size: 14px;
color: #fff;
    }
      /*button div (button text before hover)*/
      button:hover div{opacity: 0; transform: translate(0%,0)}


/*-------------------------home-----------------*/
.a4,.a4-2,.a5,.a6{
transform: rotate(0deg);
width:250px;
height:250px;
margin:0 auto;

}
.club_A{
width:100%;
top: 10%;
position:relative;
display: none;

}
.a1{

position:relative;

border-top: outset 1px #939393;
border-bottom:outset 4px rgba(117, 230, 255, 0.7);
border-left:outset 2px #57CBE5;
border-right:outset 2px #eee;
background-color:rgba(255,255,255,0.2);
/*top: 100px;
left: 350px;*/
box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.03);
border-top-right-radius: 15px;
/*background-image:url("icon01.png");
z-index:1;
background-repeat: no-repeat; 
background-position: 90px 20px;*/


}
.a1::before { 
content: "";

position:absolute;
width: 150px;
height: 150px;
top: 10%;
left: 30%;
z-index: -1;
background: url("icon01.png") 0 0 no-repeat;
transform: rotate(0deg);
}
.a2::before { 
content: "";
position: absolute;
width: 217px;
height: 150px;
top: 10%;
left: 20%;
z-index: -1;
background: url("icon02.png") 0 0 no-repeat;
transform: rotate(0deg);
}
.a3::before { 
content: "";
position: absolute;
width: 217px;
height: 150px;
top: 10%;
left: 20%;
z-index: -1;
background: url("icon03.png") 0 0 no-repeat;
transform: rotate(0deg);
}
.a4::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left: 35%;
z-index: -1;
background: url("icon04.png") 0 0 no-repeat;
transform: rotate(0deg);
}
.a5::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left: 30%;
z-index: -1;
background: url("icon05.png") 0 0 no-repeat;
transform: rotate(0deg);
}
.a6::before { 
content: "";
position: absolute;
width: 150px;
height: 150px;
top: 10%;
left:35%;
z-index: -1;
background: url("icon06.png") 0 0 no-repeat;
transform: rotate(0deg);

}
.a1-2{
position: absolute;

border-top: outset 1px #91f5ff;
border-bottom:outset 1px rgba(117, 230, 255, 0);
border-right:outset 1px #57CBE5;
border-left:outset 1px #eee;
background-color:rgba(255,255,255,0.2);
top: 95px;
left: 350px;
box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.03);
border-top-right-radius: 15px;

}
.a2{ 
    position: absolute;
    background-color:rgba(255,255,255,0.4);
    top: 280px;
left: 170px;
border-top:solid 1px #fff;
border-bottom:solid 1px #57CBE5;
border-left:solid 2px #57CBE5;
border-right:solid 2px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);;
border-top-left-radius: 10px;
	}
	.a2-2{ 
    position: absolute;
    background-color:rgba(255,255,255,0);
    top: 275px;
left: 170px;
border-top: solid 1px #57CBE5;
border-bottom: solid 1px #57CBE5;
border-right: solid 0.7px #595959;
border-left:solid 2px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);;
border-top-left-radius: 10px;
	}
	.a3{ position: absolute;
top: 460px;
background-color:rgba(255,255,255,0.3);
left: 350px;
border-top:solid 1px #fff;
border-bottom:solid 3px #57CBE5;
border-left:solid 2px #858585;
border-right:solid 2px #eee;
/*box-shadow: 5px 20px 2px rgba(0, 0, 0, 0.2);*/
border-bottom-left-radius: 15px;
}

.a4{
position: absolute;
left: 700px;
top: 0px;
background-color:rgba(255,255,255,0.2);
border-top: outset 1px #939393;
border-bottom:outset 4px rgba(117, 230, 255, 0.7);
border-left:outset 2px #57CBE5;
border-right:outset 2px #eee;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.a4-2{
position: absolute;
left: 700px;
top: -5px;

border-top: outset 1px #01758E;
/*border-bottom:outset 4px rgba(117, 230, 255, 0.7);*/
border-left:outset 2px #fff;
/*border-right:outset 2px #eee;
border-top-left-radius: 20px;*/
border-top-right-radius: 20px;
z-index:-1;


}
.a5{
position: absolute;
left: 880px;
top: 180px;
background-color:rgba(255,255,255,0.4);
border-top:solid 1px #fff;
border-bottom:solid 1px #57CBE5;
border-left:solid 2px #57CBE5;
border-right:solid 2px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 20px;
}
.a6{
position: absolute;
left: 700px;
top: 360px;
background-color:rgba(255,255,255,0.2);
border-top:solid 1px #57CBE5;

border-bottom:solid 1px #57CBE5;
border-left:solid 1px #57CBE5;
border-right:solid 1px #eee;
box-shadow: 0px 20px 2px rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 20px;
border: 1px solid transparent;
border-width: 2px 0 3px 3px;
border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(64, 207, 244) 100%);
border-image-slice: 1;

}



#bb_232 {
    width: 100%;
    
}
#bb_249 {
    width: 100%;
    
}

}

@media only screen and (max-width: 840px) {
	.SectionTitle {
		margin: 0px 0px 20px 0px;
	}

	.MainMenu {
		padding: 0px 0px 10px 0px;
	}

	.MainMenu ul li {
		width: 20%;
		display: inline-block;
		float: left;
		padding-right: 5px;
	}

	.MainMenu ul li>a {
		padding: 5px 10px;
	}

	.FloatMenu nav ul {
		display: none;
	}

	.FloatMenu nav select {
		width: 100%;
		display: block;
		cursor: pointer;
		padding: 10px 15px;
		/*background: #f9f9f9;*/
		border: 1px solid #e3e3e3;
		font-size: 1.05em;
		font-family: "微軟正黑體";
	}

	.block {
		margin: 10px 0px;
	}

	.FootTitle .FootMenu ul {
		flex-wrap: wrap;
	}

	.FootTitle .FootMenu ul li {
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		display: -webkit-inline-flex;
		display: -ms-inline-flex;
		display: inline-flex;
	}

	.footer_flex {
		flex-direction: column;
	}

	.ft_item {
		padding: 20px 30px;
	}

	.flex_1 {
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.flex_2,
	.flex_3 {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.flex_3 ul li {
		margin: 0px 10px 10px 0px;
	}

	.flex_3 ul li.line {
		margin-left: 0px;
	}

	.flex_3 .ft_copyright {
		padding: 0px;
	}

	.vd-img {
		top: 10%;
		left: 10px;
		position: absolute;
		max-width: 50px;


	}

}

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

@media only screen and (max-width: 600px) {
	.MainMenu ul li {
		width: 33.333333%;
	}

	.FootTitle .FootMenu ul {
		justify-content: flex-start;
	}

	.FootTitle .FootMenu ul li a b {
		display: inline-block;
		padding-top: 0px;
		padding-left: 5px;
		font-size: 12px;
	}
	.btn2 {
    /* text-align: center; */
    /* margin-right: -10px; */
    top: 0px;
    position: fixed;
    width: 100%;
    /* display: block; */
    /* float: left; */
  
    margin-left: -20px; 
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
   
}
button {
   
    padding: 0px 5px;
   
}
#Container {
   /* padding: 150px 15px 20px 15px!important;*/
}
header .headwrap {
    height: 120px!important;
}
#Logo {
  
    top: 60px!important;
}
.menu-button {
   
    top: 60px!important;
   
}
}

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

	.top_search .btn a,
	header .top_lang .btnLan {
		padding: 0 10px;
	}

	.top_search .inputBox {
		width: 290px;
		right: -55px;
		margin-top: 65px;
	}

	.SectionTitle {
		text-align: left;
	}

	.SectionTitle h3.st_name {
		font-size: 26px;
		padding: 0px;
		float: none;
	}

	.SectionTitle div.st_bread {
		display: none;
	}

	.MainMenu ul li {
		width: 50%;
	}

	.ft_item {
		padding: 20px;
		margin: 0 auto;
	}

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