@charset "utf-8";
/* CSS Document */

/* 共通 css開始  */
body{
	font-family: "微軟正黑體";
	line-height: 1.5em;
	margin:0;
	background: rgb(0, 110, 182);
}

main{
	background: #fff;
}

a{
	text-decoration:none;
	outline: none;
	hlbr:expression(this.onFocus=this.blur());		
}

a img{
	border:none;
}

a:hover,a:focus{
	text-decoration: none;
}

:focus,button:focus{
    outline: none;
}

/* 通用 css新增 */
* {
	list-style: none;
	padding: 0;	 
	margin: 0;
/*	transition: all 0.5s ease-in-out;*/
}

@font-face {
	font-family: Oxygen;
	src: url('../fonts/Oxygen-Regular.ttf');
}

@font-face {
	font-family: Oxygen;
	src: url('../fonts/Oxygen-Bold.ttf');
	font-weight: bold;
}

body {
	font-family: Oxygen;
}

ul {
	margin-bottom: 0;
}

input, select {
	border-radius: 0;
}

/* 首頁 header */
.header {
	background: #fff;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.index_header{
	position: fixed;
}

.header .header_above {
	background: #006eb6;
	color: #fff;
	padding: 5px;
}

.header_above_language {
	text-align: center;
	cursor: pointer;
}

.header_above_language:hover {
	color: #000;
}

.header_above_language i:first-child {
	font-size: 20px;
}

.header_above_language i:last-child {
	font-size: 8px;
}

.header_above_link_group,
.header_above_link_favorite_cart_group {
	display: flex;
	align-items: center;
}

.header_above_link_wrap {
	margin: auto 15px;
}

@media (max-width: 992px) {
	.header_above_link_wrap {
		margin: 15px;
	}
}

.header_above_link_wrap:last-child {
	margin-left: 0;
}

.header_above_link {
	color: #fff;
	position: relative;
	transition: all 0.5s ease;
}

.header_above_link:hover {
	color: orange;
}

.header_above_link i {
	font-size: 25px;
}



.header_above_link_wrap_favorite,
.header_above_link_wrap_cart {
	position: relative;
}

.header_above_link_favorite_count,
.header_above_link_cart_count {
	position: absolute;
	background: #fff;
	font-size: 12px;
	color: #006eb6;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	bottom: -3px;
	right: -8px;
	transition: all 0.5s ease;
}

.header_above_link:hover .header_above_link_favorite_count,
.header_above_link:hover .header_above_link_cart_count {
	background: orange;
}

.member_toggle{
	cursor: pointer;
}

.header_above_link .member_toggle_body{
	display:none;
	position: absolute;
	z-index: 99;
	top: 100%;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 5px #333;
}

.member_menu_list{
	border-bottom: 1px solid #006eb6;
	color: #006eb6;
	background: #f3f3f3;
	padding: 10px;
	text-align: center;
	transition: all 0.5s ease-in-out;
}

.member_menu_list:hover{
	color:#fff;
	background: #006eb6;
	
}




.main_header {
	padding: 5px;
	position: relative;
}

.main_header_link_group {
	display: flex;
	align-items: center;
}

.main_header_link_wrap {
	margin-right: 30px;
}

.main_header_link_wrap.active a{
	color: orange;
}

@media (max-width: 992px) {
	.main_header_link_wrap {
		margin-right: 0;
		padding: 10px
	}
}

.main_header_link {
	color: #000;
	font-weight: bold;
	transition: all 0.5s ease;
}

.main_header_link:hover {
	color: orange;
}

.main_header_product_link_wrap {
	position: relative;
}

.main_header_product_link_wrap:after {
	display: none;
	content: '';
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-bottom: 15px solid rgba(98,93,96, .9);
	border-top: 10px solid transparent;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
}

.main_header_product_link_wrap:hover .product_drop_container {
	display: flex;
}

.main_header_product_link_wrap:hover:after {
	display: block;
}

.product_drop_container {
	display: none;
	position: absolute;
	top: calc(100% + 25px);
	background: rgba(98,93,96, .9);
	width: (100vw - 30px);
	z-index: 100;
	padding: 30px 60px 15px;
	flex-wrap: wrap;
}

.product_info_link_wrap {
	width: calc(100% / 7);
	padding: 0px 15px 30px;
}

.product_info_link {
	color: #fff;
	font-size: 14px;
}

.product_info_link:hover {
	color: #fff;
}

.product_info_link_pic_wrap {
	width: 100%;
	height: 115.7px;
	background: #fff;
	position: relative;
}

@media(max-width:1200px){
	.product_info_link_pic_wrap{
		height: 90px;
	}
}

.product_info_link_pic_wrap:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(66,165,245 , .5);
	opacity: 0;
}

.product_info_link:hover .product_info_link_pic_wrap:after {
	opacity: 1;
}

.product_info_link_pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.product_info_link_txt {
	text-align: center;
	line-height: 1.5;
}

@media (min-width: 576px) {
	.product_drop_container {
		width: 540px;
	}
}

@media (min-width: 768px) {
	.product_drop_container {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.product_drop_container {
		width: 960px;
	}

	.product_drop_container {
		transform: translateX(-46%);
	}
}

@media (min-width: 1200px) {
	.product_drop_container {
		width: 1140px;
	}

	.product_drop_container {
		transform: translateX(-55%);
	}
}



.main_header_search {
	display: flex;
	border: 1px solid #a2a2a2;
}

.main_header_search_input, .main_header_search_btn ,.main_header_search_input_mobile {
	border: 0;
	outline: 0;
	padding: 5px 10px;
	background: #fff;
	
}


@media (max-width: 575px){
	.main_header_search_wrap{
		width: 140px;
	}
	.main_header_search_input_mobile{
		width: 100px;
	}
}

.main_header_search_btn {
	position: relative;
	cursor: pointer;
}

.main_header_search_btn:before {
	content: '';
	height: 25px;
	width: 2px;
	position: absolute;
	background: #878787;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.header_contact {
	background: #ebebeb;
	position: relative;
	padding: 5px;
}

.header_contact_location_link_group {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	display: flex;
}

@media (max-width: 1200px) {
	.header_contact_location_link_group {
		position: static;
		transform: translateY(0);
	}

	.header_contact_phone {
		margin: 10px 0;
	}
}

.header_contact_location_link_group i {
	font-size: 1.5rem;
}

.header_contact_location_link_wrap {
	margin: 0 15px;
	position: relative;
}

.header_contact_location_link {
	color: #000;
	cursor: pointer;
	transition: all 0.5s ease;
}

.header_contact_location_link:hover {
	color: orange;
}

.header_contact_location_link_wrap:hover:after,
.header_contact_location_link_wrap:hover .header_contact_info {
	display: block;
}

.header_contact_location_link_wrap:after {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 10px solid rgba(255,255,255,.7);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 5px solid transparent;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.header_contact_location_link_wrap.no_header_contact_info:after {
	display: none;
}

.header_contact_info {
	position: absolute;
	top: 35px;
	left: -90px;
	background: rgba(255,255,255,.9);
	/* z-index: 1000; */
	width: 700px;
	padding: 15px 40px;
	display: none;
}

.header_contact_info_txt {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 2px;
}

.header_contact_info_txt a {
	color: #000;
}

.header_contact_info_txt a:hover {
	color: #FFBE54;
}

.header_contact_info_person_wrap {
	display: flex;
	justify-content: space-between;
	margin: 10px -40px 0;
}

.header_contact_info_person {
	width: 50%;
	padding: 0 40px;
}

.header_contact_info_person_title {
	background: #d2e8f6;
	color: #5b5b5b;
	padding: 0 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

.header_contact_info_person_method {
	margin-bottom: 10px;
	display: block;
	color: #000;
}

.header_contact_info_person_method a {
	color: #000;
}

.header_contact_info_person_method a:hover {
	color: #FFBE54;
}

.header_contact_info_person_method_icon {
	margin-right: 5px;
}

@media (max-width: 576px) {
	.header_contact_location_link_wrap {
		margin: 0 10px;
	}
}

.header_contact_phone_group {
	display: flex;
}

.header_contact_phone {
	margin-left: 20px;
}

.header_contact_phone_link {
	color: #000;
	font-weight: bold;
}

.header_contact_phone_link:hover {
	color: orange;
}

.header_contact_phone_content {
	color: #006eb6;
	display: inline;
}

.header_contact_phone_content a {
	color: #006eb6;
	transition: all 0.5s ease;
}

.header_contact_phone_content a:hover {
	color: orange
}


/* 漢堡按鈕 */
.mobile_menu {
	background: #fff;
	border-bottom: 1px solid #006eb6;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	height: 70px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

.mobile_menu_toggle {
	background: transparent;
	border: 0;
	padding: 5px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.mobile_menu_toggle i {
	font-size: 25px;
}

.header ::selection {
	background: transparent;
}

@media (max-width: 992px) {
	.mobile_menu {
		display: flex;
	}

	.header {
		display: none;
		width: 0;
	}

	.mobile_header {
		overflow: hidden;
		position: fixed;
		top: 70px;
		z-index: 1000;
		overflow: auto;
		height: calc(100vh - 70px);
		width: 100vw;
		display: none;
	}

	.index_banner {
		margin-top: 70px;
	}
}

@media (min-width: 992px) {
	.mobile_header {
		display: none !important;
	}
}

/* mobile 頁首 */
.mobile_main_header {
	position: fixed;
	z-index: 100;
	background: #006eb6;
	width: 100%;
	height: 600px;
	overflow: auto;
	top: 0;
	left: 0;
	padding: 20px 25px;
	overflow: overlay;
	display: none;
}

.mobile_main_header::-webkit-scrollbar {
	width: 5px;
}

.mobile_main_header::-webkit-scrollbar-track {
	background: transparent;
}

.mobile_main_header::-webkit-scrollbar-thumb {
	background: rgba(0,0,0,.3);
}

.mobile_main_header::-webkit-scrollbar-thumb:hover {
	background: rgba(0,0,0,.5);
}

.mobile_main_header_background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.7);
	z-index: 100;
	display: none;
}

.mobile_main_close_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 25px;
	cursor: pointer;
	padding: 15px;
}

.mobile_main_nav_wrap {
	max-width: 400px;
	margin: auto;
	text-align: center;
}

.mobile_main_logo {
	margin-bottom: 15px;
	display: inline-block;
}

.mobile_main_logo img {
	width: 140px;
	max-width: 100%;
}

@media(max-width:450px){
	.mobile_main_logo img {
		width: 110px;
		max-width: 100%;
	}
}

.mobile_main_search_wrap {
	margin-bottom: 15px;
}

.mobile_main_search {
	display: inline-flex;
	max-width: calc(100vw - 200px);
	border: 1px solid #a2a2a2;
	border-radius: 5px;
	overflow: hidden;
}

.mobile_main_search_input,
.mobile_main_search_btn {
	border: 0;
	outline: 0;
	max-width: calc(100vw - 240px);
	padding: 5px 10px;
	background: #fff;
}

.mobile_main_search_btn {
	position: relative;
}

.mobile_main_search_btn:before {
	content: '';
	height: 25px;
	width: 2px;
	position: absolute;
	background: #615a5a;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.mobile_main_language {
	display: inline-block;
	position: relative;
}

.mobile_main_language_select {
	background: transparent;
	border: 0;
	cursor: pointer;
	color: #fff;
	padding: 5px 15px 5px 20px;
	font-size: 16px;
	position: relative;
    z-index: 1;
}

.mobile_main_language i {
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.mobile_main_language_select option {
	background: #3f3e3e;
}

.mobile_main_language:hover .mobile_main_language_select,
.mobile_main_language:hover i {
	color: #3f3e3e;
}

.mobile_main_language:hover option {
	color: #fff;
}


.mobile_main_nav_item {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.mobile_main_nav_product{
	cursor: pointer;
}


.mobile_main_nav_icon{
	width: 20px;
	height: 20px;
	object-fit: contain;
	transition: all 0.5s ease;
}

.mobile_navi_product_wrap.close{
	position: fixed;
	top: 0;
	left: -100vw;
	width: 100%;
	height: 100vh;
	background: #035c94;
	z-index: 9999;
	transition: all 0.4s ease; 
}

.mobile_navi_product_wrap{
	position: fixed;
	left: 0vw;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #035c94;
	z-index: 9999;
	transition: all 0.4s ease; 
}

.mobile_main_navi_product_title{
	padding: 15px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}

.mobile_main_navi_product_close{
	width: 24px;
	height: 24px;
	position: absolute;
	background: #fff;
	color: #035c94;
	border-radius: 50%;
	top: calc(50% - 12px);
	right: 20px;
	padding-bottom: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 3px;
	cursor: pointer;
}

.mobile_main_nav_item:hover, .mobile_main_nav_dropdown_item:hover {
	color: #3f3e3e;
}

.mobile_main_nav_title {
	position: relative;
	cursor: pointer;
}

.mobile_main_navi_product_item{
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 5px;
	text-align: left;
	display: block;
}

.mobile_main_navi_product_item:hover{
	color:#fff;
}

.mobile_main_nav_title:hover {
	color: #fff;
}

.mobile_main_navi_product_contain{
	height: calc(100vh - 55px);
	overflow-y: auto;
}

.mobile_main_navi_product_contain::-webkit-scrollbar {
  width: 2px;
}
 
.mobile_main_navi_product_contain::-webkit-scrollbar-track {
  background: #ddd;
}
 
.mobile_main_navi_product_contain::-webkit-scrollbar-thumb {
  background: #666; 
}

.mobile_main_nav_title_icon {
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	font-size: 15px;
}

.mobile_main_nav_dropdown {
	display: none;
	margin-bottom: 15px;
	background: rgba(255,255,255,.1);
}

.mobile_main_nav_dropdown_item {
	display: block;
	padding: 10px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

.mobile_main_location_control {
	cursor: pointer;
}

.mobile_main_location {
	background: rgba(255,255,255,.7);
	width: 100%;
	overflow: overlay;
	padding: 20px 10px;
	text-align: left;
	display:none;
}

.mobile_main_location::-webkit-scrollbar {
    width: 5px;
}

.mobile_main_location::-webkit-scrollbar-track {
    background: transparent; 
}
 
.mobile_main_location::-webkit-scrollbar-thumb {
	background: #888; 
}

.mobile_main_location::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

.location_info_txt {
	margin-bottom: 10px;
	font-weight: bold;
}

.location_info_txt a {
	display: block;
	color: #000;
}

.location_info_txt a:hover {
	color: #FFBE54;
}

.location_info_person {
	margin-bottom: 15px;
}

.location_info_person_title {
	background: #d2e8f6;
	color: #5b5b5b;
	margin-bottom: 10px;
	font-weight: bold;
}

.location_info_person_method {
	margin-bottom: 10px;
	display: block;
	color: #000;
}

.location_info_person_method_icon {
	margin-right: 5px;
}

.location_info_person_method a {
	color: #000;
}

.location_info_person_method a:hover {
	color: #FFBE54;
}

.copy_btn, .copy_btn_pc{
	padding: 5px 15px;
	border: 1px solid #006eb6;
	background: #006eb6;
	color: #fff;
	cursor: pointer;
	transition: all 0.5s ease;
}

.copy_btn_pc{
	margin-top: 25px;
}

.copy_btn:hover, .copy_btn_pc:hover{
	opacity:0.7;
}

/* menu 按鈕 */
.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.hamRotate.active {
	transform: rotate(45deg);
}
.hamRotate180.active {
	transform: rotate(180deg);
}
.line {
	fill:none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke:#000;
	stroke-width:5.5;
	stroke-linecap:round;
}
.ham1 .top {
	stroke-dasharray: 40 139;
}
.ham1 .bottom {
	stroke-dasharray: 40 180;
}
.ham1.active .top {
	stroke-dashoffset: -98px;
}
.ham1.active .bottom {
	stroke-dashoffset: -138px;
}




/* 首頁 banner */
.index_slider{
	width: 100%; /* 1920 * 350 */
	height: 350px;
	margin-top: 140px;
	position: relative;
	z-index: 0;
}

.index_slider .slider_arrow_prev{
	width: 40px;
    height: 40px;
	border: 1px solid #001650;
    background-color: #fff;
	border-radius: 50%;
    position: absolute;
    top:50% ;
	transform: translateY(-50%);
    right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	transition: all 0.5s ease;
	cursor: pointer;
	z-index: 2;
}

.index_slider .slider_arrow_next{
	content: "";
    width: 40px;
    height: 40px;
	border: 1px solid #001650;
    background-color: #fff;
	border-radius: 50%;
    position: absolute;
    top: 50% ;
	transform: translateY(-50%);
    left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	transition: all 0.5s ease;
	cursor: pointer;
	z-index: 2;
}

.slider_arrow_prev:hover ,.slider_arrow_next:hover{
	background: #006eb6;
	 color: #fff;
}

@media(max-width:991px){
	.index_slider{
		margin-top: 70px;
	}
}

.index_banner {
	background-size: cover;
	width: 100%;
	height: 350px;
	position: relative;
}

@media(max-width:767px){
	.index_banner{
		margin-top:0px;
	}
}


.index_banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index_main_slider{
	height: 350px;
	margin-top: 140px;
	width: 100%;
}

.index_banner_product {
	width: 100%; /* 1920 * 350 */
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	margin-top: 175px;
	background: #006eb6;
}

.product_fixed_bar{
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
    top: 141px;
    width: 100%;
    z-index: 1099;
    background: #006eb6;
}

.product_fixed_item{
	padding: 5px 15px;
}

.product_fixed_item a{
	color: #fff;
	transition: all 0.5s ease;
}

.product_fixed_item a:hover{
	color:orange;
}

@media(max-width:767px){
	.product_fixed_bar{
		flex-wrap: wrap;
	}
	.product_fixed_item{
		width: 50%;
		text-align: center;
	}
}

@media(max-width:1200px){
	.index_banner{
		margin-top: 0;
	}
	.product_fixed_bar{
		top: 188px;
	}
	.index_banner_product{
		height: auto;
		margin-bottom: 10px;
		margin-top: 222px;
	}
}

@media(max-width:991px){
	.index_banner{
		margin-top: 0px;
	}
	.index_banner_product{
		height: auto;
		margin-bottom: 10px;
		margin-top: 100px;
	}
	.product_fixed_bar{
		top: 70px;
	}
}

.index_banner_txt {
	padding: 20px;
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	letter-spacing: 3px;
	right: 20%;
	background: url('../img/banner_txt.png') no-repeat center / 100% 100%;
	margin: 0 10px;
	text-shadow: 1px 1px 4px #000;
	box-shadow: 0 0 6px #000;
}

.index_banner_txt::after {
	content: '';
	background: url('../img/logo_white.png') no-repeat;
	width: 140px;
	height: 55px;
	position: absolute;
	right: -50px;
	bottom: -20px;
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.7))
}



@media (max-width: 576px) {
	.index_banner_txt {
		background: url('../img/banner_txt.png') no-repeat center / 100% 100%,
					linear-gradient(rgba(0,0,0,.3) 100%, rgba(0,0,0,0) 100% ) center / 100% 100%;
	}
	.index_banner_txt_title {
		font-size: 18px;
	}

	.index_banner_txt_content {
		font-size: 12px;
	}
}

/* 內頁 banner */
.page_banner {
	background: url('../img/page_bg.png') no-repeat center / cover;
	height: 310px;
	position: relative;
	z-index: 1;
	margin-top: 140px;
}

@media(max-width:1200px){
	.page_banner{
		margin-top: 188px;
	}
}

@media(max-width:991px){
	.page_banner{
		margin-top: 70px;
	}
}

@media(max-width:575px){
	.page_banner{
		height: 180px;
	}
}

.page_banner.contact_banner {
	background: url('../img/contact_bg.png') no-repeat center / cover;
}

.page_banner_txt {
	background: rgba(0,0,0,.6);
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 0 25px;
	width: 300px;
}

.page_banner_txt h3 {
	text-align: center;
	line-height: 1.1;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 30px;
}

.page_banner_txt::after {
	content: '';
	display: block;
	height: 2px;
	background: #fff;
	box-shadow: 0 0 10px 10px rgba(255,255,255,.2);
	position: absolute;
	bottom: 25px;
	left: 40px;
	right: 40px;
}

.page_banner_sub_title {
	font-size: 16px;
	font-family: Oxygen;
	letter-spacing: 1px;
}

@media (max-width: 1600px) {
	.page_banner_txt + .index_banner_txt {
		display: none;
	}
}


/* 最新消息 & 電子報 */
.news {
	padding: 20px 0;
	background: #fff;
}

.news_info {
	padding-right: 15px;
}

.news_letter {
	padding-left: 15px;
}

.news_card {
	background: #ebebeb;
	padding: 15px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	margin-bottom: 15px;
}

.news_title {
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 3px;
	padding: 0 30px 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

.news_list_group {
	align-self: stretch;
	padding: 0 0 10px;
}

.news_list {
	padding: 0 35px;
}

.news_list:not(:last-child) a {
	border-bottom: 1px dotted #000;
}

.news_list:hover {
/*	background: #fff;*/
}

.news_list:hover .news_list_link {
	font-weight: bold;
/*	color: #000;*/
}

.news_list_link {
	display: flex;
	align-items: center;
	color: #000;
	padding: 5px;
	transition: all 0.5s ease;
}

.news_list_link:hover{
	background: #6ab7e9;
	color: #fff;
}


.news_list_link_content {
	white-space: nowrap; 
	overflow: hidden;
    text-overflow: ellipsis;
	
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;

}

.news_list_link_date {
	margin-right: 10px;
	font-size: 14px;
}

.news_more_btn {
	background: transparent;
	border: 1px solid #000;
	padding: 3px 15px;
	font-size: 14px;
	cursor: pointer;
	color: #000;
	transition: all 0.5s ease;
}

.news_more_btn:hover {
	background: #6ab7e9;
	border: 1px solid #6ab7e9;
	color: #fff;
}

.news_more_btn i {
	margin-left: 10px;
}


/* 熱門產品 */

.hot_products {
	padding-bottom: 25px;
}

.hot_products_title {
	text-align: center;
	margin-bottom: 20px;
}

.hot_products_sub_title {
	font-size: 16px;
}

.hot_product_card_wrap_lg {
	padding-bottom: 150%;
}

.hot_product_card_lg {
	box-shadow: -1px -1px 2px 2px rgba(0,0,0,.2);
	background: #fff;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	padding: 5px;
	display: flex;
	flex-direction: column;
}

.hot_product_card_lg .hot_product_card_pic_wrap {
/*	margin: auto 0;*/
}

.hot_product_wrap {
	width: calc(100% - 10px);
	margin: 5px;
	height: 100%;
}

.hot_product_card {
	box-shadow: -1px -1px 2px 2px rgba(0,0,0,.2);
	background: #fff;
	padding: 10px;
	display: flex;
	flex-direction: column;
	height: calc(100% - 10px)
}

.hot_product_card_header {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.hot_product_card_part_no_txt {
	font-size: 12px;
}

.hot_product_card_part_no_number {
	font-size: 16px;
	font-weight: bold;
}

.hot_product_card_btn_group {
	display: flex;
	margin-left: auto;
	
}

.hot_product_card_share_btn{
	cursor: pointer;
}

/* .hot_product_wrap {
	width: 100%;
	height: 0;
	padding-bottom: 150%;
}

.hot_product_card {
	box-shadow: -1px -1px 2px 2px rgba(0,0,0,.2);
	background: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.hot_product_card_header {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.hot_product_card_part_no_txt {
	font-size: 12px;
}

.hot_product_card_part_no_number {
	font-size: 16px;
	font-weight: bold;
}

.hot_product_card_btn_group {
	display: flex;
	margin-left: auto;
} */

.hot_product_card_heart_btn,
.hot_product_card_share_btn {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.hot_product_card_share_btn {
	font-size: 16px;
	border: 2px solid #000;
	border-radius: 50%;
	transition: all 0.5s ease;
}

.hot_product_card_share_btn:hover {
	background: #000;
	color: #fff;
}

.hot_product_card_heart_btn {
	font-size: 24px;
	margin-left: 3px;
}

.hot_product_card_heart_btn.active .fa-favorite-border:before,
.hot_product_card_heart_btn:hover .fa-favorite-border:before {
	content: '\f07a';
	color: #f20808;
}

.hot_product_card_footer {
	display: flex;
}

.hot_product_card_addCart_btn,
.hot_product_card_moreInfo_btn {
	/* width: 50%; */
	border: 1px solid #000;
	background: #fff;
	padding: 5px;
	font-size: 12px;
	color: #000;
	text-align: center;
	flex-grow: 1;
	transition: all 0.5s ease;
}

.hot_product_card_addCart_btn:hover,
.hot_product_card_moreInfo_btn:hover {
	background: #6ab7e9;
	border: 1px solid #6ab7e9;
	color: #fff;
	
}

.hot_product_card_addCart_btn i,
.hot_product_card_moreInfo_btn i {
	margin-right: 3px;
}

.hot_product_card_addCart_btn {
	margin-right: 1%;
}

@media (max-width: 576px) {
	.hot_product_card_footer {
		flex-direction: column;
	}

	.hot_product_card_addCart_btn {
		margin-right: 0;
		margin-bottom: 5px;
	}
}


.hot_product_card_pic_wrap {
	width: 100%;
/*	padding-bottom: calc(100% / 290 * 170);  290 * 170 */
/*	margin: auto 0;*/
	position: relative;
	margin-bottom: 10px;
}

.hot_product_card_pic {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.hot_product_card_words{
	position: absolute;
	bottom: 10px;
}

.hot_product_card_content {
	font-size: 12px;
	line-height: 1.1;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.hot_product_card_content a{
	color:#000;
	font-size: 16px;
	
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}

.hot_product_card_content_top a{
	font-size: 24px;
	color: #000;
	margin-bottom: 5px;
}

.hot_product_card_description a{
	color:#000;
	font-weight: bolder;
	font-size: 16px;
}

.hot_product_card_content_top{
	margin-bottom: 5px;
}

.hot_products_more_btn {
	background: transparent;
	border: 1px solid #000;
	padding: 3px 20px;
	font-size: 16px;
	border-radius: 100px;
	display: inline-block;
	margin: 20px auto 0;
	letter-spacing: 1px;
	color: #000;
	transition: all 0.5s ease;
}

.hot_products_more_btn:hover {
	background: #6ab7e9;
	border: 1px solid #6ab7e9;
	color: #fff;
}

.hot_products_more_btn i {
	margin-left: 10px;
}


/* 合作夥伴 */
.partner_above {
	background: url('../img/partner_bg.png') no-repeat center / cover;
	width: 100%; /* 1920 * 200 */
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.partner_title {
	text-align: center;
	color: #fff;
	padding: 0 20px;
	line-height: 1.5;
	position: relative;
	font-size: 20px;
}

.partner_sub_title {
	font-size: 14px;
}

.partner_title::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	box-shadow: 0 0 10px 10px rgba(255,255,255,.2);
	position: absolute;
	bottom: 0;
	left: 0;
}

.partner_content {
	padding: 25px 0 10px;
}

.partner_pic_wrap {
	margin-bottom: 55px;
	width: 100%;
	height: auto;
	position: relative;
}

.partner_pic {
	width: 100%;
	max-width: 250px;
	height: 100%;
	object-fit: contain;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s ease;
}

.partner_pic:hover{
	box-shadow: 1px 1px 5px #666;
	
}

/* 頁腳 */
.footer {
	background: #fff;
	box-shadow: 0 -3px 3px rgba(0,0,0,.2);
	position: relative;
}

.footer_item_group {
	display: flex;
	padding: 55px 0;
}

.footer_item {
	flex-grow: 1;
	margin-right: 30px;
	margin-bottom: 30px;
}


.footer_item:not(.products) {
	flex-shrink: 0;
}

.footer_item_link {
	position: relative;
	display: block;
	color: #848383;
	font-size: 14px;
	line-height: 2;
}

.footer_item_link:hover {
	color: orange;
}

.footer_item_title {
	font-size: 16px;
	font-weight: bold;
}

.footer_item_3col{
	display:flex;
	flex-wrap: wrap;
	max-width: 350px;
}

.footer_item_products_link_wrap {
/*	flex-grow: 1;*/
/*	margin-right: 15px;*/
	width: 33%;
	padding: 5px;
}

.footer_item_products_link_wrap .footer_item_link {
	font-size: 12px;
	line-height: 1.7;
}

.footer_other_link_container {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.footer_other_link_group {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
}

.footer_other_link_group_column .footer_item_link {
	margin-bottom: 10px;
	text-align: center;
}

.footer_other_link_group_column img:hover{
	opacity: 0.7;
	transition: all 0.54s ease;
}

.footer_other_link_group .footer_item_link:not(:last-child) {
	margin-right: 15px;
}

.footer_other_link_group .fb {
	font-size: 2.3rem;
	color: #0b72e6;
}

.footer_other_link_group .line, .footer_other_link_group .skype {
	font-size: 2rem;
}

.footer_other_link_group .line {
	color: #2bd31a;
}

.footer_other_link_group .skype {
	color: #03b4ea;
}

.footer_copyright {
	color: #fff;
	background: #006eb6;
	font-size: 14px;
	padding: 17px;
}

@media(max-width:500px){	
	.footer_copyright {
		font-size: 12px;
	}
}

.footer_copyright .container {
	display: flex;
	align-items: center;
	text-align: center;
}

.footer_copyright_link {
	color: #fff;
}

.footer_copyright_link_group {
	display: flex;
	justify-content: center;
	margin-right: 100px;
}

@media (max-width: 992px) {
	.footer_copyright_link_group, .footer_copyright_reserved, .footer_copyright_geyes_design {
		margin-right: 0;
	}
}

@media(max-width:575px){
	.footer_copyright{
		padding:7px;
	}
}

.footer_copyright_link {
	padding: 0 5px;
}

.footer_copyright_link:hover {
	color: orange;
}

.footer_copyright_link_wrap:not(:first-child) .footer_copyright_link {
	border-left: 1px solid #6b9ccb;
}

.footer_copyright_reserved,
.footer_copyright_geyes_design {
	margin-bottom: 0;
	margin-right: 20px;
}

.footer_copyright_geyes_design a {
	color: #fff;
}

.footer_copyright_geyes_design a:hover {
	color: #FFBE54;
}

@media (max-width: 576px) {
	.footer_copyright_link_wrap:not(:first-child) .footer_copyright_link {
		border-left: 0;
	}

	.footer_item:not(.footer_other_link_container) {
/*		width: 40%;*/
    	padding-left: 10px;
	}
/*
	.footer_item:not(.footer_item_product) {
		width: 40%;
    	padding-left: 50px;
	}
*/
}

@media(max-width:575px){
	.footer_item_product{
		width: 100%;
	}
}

.tool_links_wrap {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 60px;
	z-index: 3;
}

.tool_links {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tool_link {
	position: relative;
	margin-bottom: 10px;
/*	border: 1px solid #2196f3;*/
	border-radius: 5px;
}

.line_btn_hidden{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	top: 0;
	left: 0;
}

.line_btn_hidden iframe{
	width: 100%!important;
	height: 100%!important;
}

.tool_link_bg_white {
	background: #fff;
	border-radius: 3px;
	transition: all 0.2s ease;
}

.tool_link_bg_white:hover{
	box-shadow: 1px 1px 5px #666;
}

.tool_link_top {
	background: #000;
	color: #fff;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	cursor: pointer;
}

.tool_link_top:hover {
	color: orange;
}

.tool_link_top i {
	font-size: 10px;
}

@media (max-width: 1600px) {
	.tool_links_wrap {
		right: 10px;
	}
}

@media (max-width: 1200px) {
	.tool_links_wrap {
		right: 5px;
		bottom: 60px;
	}
}

@media (max-width: 576px) {
	.tool_links_wrap {
		transform: scale(0.8);
	}
}

/* 公司簡介 */
.about_container {
	padding: 30px 0 50px;
}

.about_content {
	padding: 0 30px;
}

.about_pc_img{
	display: block;
}
.about_mobile_img{
	display: none;
}


.about_mobile_img img{
	max-width: 100%;
}

@media (max-width: 991px) {
	.about_mobile_img{
		display: block;
	}

	.about_pc_img{
		display: none;
	}
	.about_content {
		padding: 0px;
	}
}

.main-w3 img{
	max-width: 100%
}



.content_link_group {
	margin-bottom: 30px;
}

@media(max-width:991px){
	.content_link_group {
		display: none;
	}
}

.content_link_wrap.active,
.content_link_wrap:hover {
	background: #006eb6;
	color: #fff;
}

.content_link {
	color: #006eb6;
	display: block;
	padding: 7px 40px;
	box-shadow: 3px 3px 5px rgba(0,0,0,.2);
	color: #006eb6;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	transition: all 0.5s ease;
}

.content_link.active,
.content_link:hover {
	background: #006eb6;
	color: #fff;
}

.content_link.active::before,
.content_link:hover::before {
	content: '';
	width: 15px;
	height: 15px;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	transform: rotate(45deg);
}

.about_content_txt {
	letter-spacing: 3px;
	margin-bottom: 90px;
}

.about_content_pic_wrap {
	width: 75%;
}

.about_content_pic {
	width: 100%;
	height: auto;
}

/* 電子報 */
.newsletter_container {
	padding: 60px 0 40px;
}

.newsletter_content {
	background: #f4f4f4;
	padding: 15px 0 70px;
	margin-bottom: 38px;
}

.newsletter_content_header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.newsletter_content_header>img {
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	padding: 0 10% 20px;
	border-bottom: 2px solid #fff;
}

.newsletter_search_form {
	display: flex;
	width: 100%;
	padding: 20px 10%;
}

.newsletter_keyword_search_input,
.newsletter_search_categories_select,
.newsletter_search_year_select,
.newsletter_search_month_select,
.newsletter_search_form button {
	border: 0;
	background: transparent;
}

.newsletter_search_submit{
	margin-left: 20px;
	background: #fff;
	border: 1px solid #000;
	padding: 3px 10px;
}

.newsletter_search_submit:hover{
	color: #fff;
	background: #000;
}

@media (max-width: 768px) {
	.newsletter_keyword_search_input,
	.newsletter_search_categories_select,
	.newsletter_search_year_select,
	.newsletter_search_month_select,
	.newsletter_search_form button {
		margin: 15px 0;
	}
}

.newsletter_keyword_search_input {
	flex-grow: 1;
}

.newsletter_search_categories_select {
	border: 1px solid #000;
	padding: 5px 10px 5px 5px;
}

.newsletter_keyword_search {
	margin: 0 5%;
	flex-grow: 1;
	border-bottom: 1px solid #000;
	display: flex;
	padding: 0 10px;
}

.newsletter_search_time_select_group {
	display: flex;
	align-items: flex-end;
}

.newsletter_search_year_select,
.newsletter_search_month_select {
	border-bottom: 1px solid #000;
	margin-left: 10px;
}

.newsletter_search_result_link_time {
	margin-right: 20px;
}

.newsletter_search_result_link_time,
.newsletter_search_result_link_content {
	display: inline;
}

.newsletter_search_result {
	padding: 0 10%;
}

.newsletter_search_result:not(:first-child) .newsletter_search_result_link {
	border-top: 1px dotted #000;
}


.newsletter_search_result_link {
	color: #000;
	width: 100%;
	display: block;
	padding: 20px;
	white-space: nowrap;
 	overflow: hidden;
  	text-overflow: ellipsis;
	transition: all 0.5s ease;
}

.newsletter_search_result_link:hover {
	background: #6ab7e9;
	color: #fff;
}

@media (max-width: 768px) {
	.newsletter_search_result_link {
		font-size: 14px;
	}
}

.newsletter_search_result:hover {
/*	background: #fff;*/
}
.newsletter_search_result:hover .newsletter_search_result_link {
	font-weight: bold;
}

.pagination {
	display: flex;
	justify-content: center;
}

.pagination_link_wrap {
	margin: 0 5px;
	border: 1px solid #BDBDBD;
	width: 30px;
	height: 30px;
}

.pagination_link {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 30px;
	color: #000;
}

.pagination_link:hover,
.pagination_link.active {
	background: #006eb6;
	color: #fff;
}

/* 技術支援 */
.tech_support_container {
	padding: 55px 0 30px;
}

.tech_support_content {
	margin-bottom: 70px;
}

.tech_support_item {
	margin-bottom: 20px;
}

.tech_support_item.disappear{
	display: none;
}

.tech_support_item_content {
	background: #edf8ff;
	padding: 20px 40px;
	margin-top: 5px;
	display: none;
	line-height: 1.7;
}

.tech_support_item_header {
	background: #6ab7e9;
	color: #fff;
	display: flex;
	padding: 15px;
	align-items: center;
	cursor: pointer;
}

.tech_support_item.active .tech_support_item_header, .tech_support_item_header:hover {
	background: #6ab7e9;
	color: #fff;
}

.tech_support_item_header_num {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #000;
}

.tech_support_item.active .tech_support_item_header_num,
.tech_support_item_header:hover .tech_support_item_header_num {
	border-color: #fff;
}

.tech_support_item_content_toggle {
	margin-left: auto;
	color: #006eb6;
	font-size: 30px;
}

.tech_support_item.active .tech_support_item_content_toggle,
.tech_support_item_header:hover .tech_support_item_content_toggle {
	color: #fff;
}

/* 專業字彙 */
.tech_support_spacing {
	height: 66px;
}

.tech_support_above {
	display: flex;
	padding-bottom: 15px;
	flex-wrap: wrap;
	/* align-items: center; */
}

.vocabulary_prefix_select {
	padding: 5px 20px;
	color: #fff;
	background: #767676;
	margin-bottom: 15px;
}

.tech_support_search {
	margin-left: auto;
	display: flex;
	border: 1px solid #a2a2a2;
	margin-bottom: 15px;
}

.tech_support_search_input,
.tech_support_search_btn {
	border: 0;
	outline: 0;
	padding: 5px 10px;
	background: #fff;
}

.tech_support_search_btn {
	position: relative;
}

.tech_support_search_btn:before {
	content: '';
	height: 25px;
	width: 2px;
	position: absolute;
	background: #878787;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/* 雜誌連結 */
.magazine_link_wrap {
	padding: 0 10px 5px;
}

.magazine_link {
	display: block;
	background: #ededed;
	padding: 15px;
	color: #000;
	margin-bottom: 10px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	transition: all 0.5s ease;
}

.magazine_link:hover {
	background: #6ab7e9;
	color: #fff;
}

/* 聯絡我們 */
.contact_container {
	padding: 45px 0 100px;
}

.contact_link_group {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

@media(max-width:991px){
	.contact_link_group {
		display: none;
	}
}

.contact_link {
	width: 125px;
	height: 125px;
	border-radius: 50%;
	background: #f6f6f6;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	color: #000;
	flex-shrink: 0;
}

.contact_link_icon {
	color: #000;
	font-size: 40px;
	margin-bottom: 5px;
}

.contact_link + .contact_link {
	margin-left: 30px;
}

@media (max-width: 576px) {
	.contact_link {
		width: 100px;
		height: 100px;
		font-size: 14px;
	}

	.contact_link + .contact_link {
		margin-left: 10px;
	}
}

.contact_link:hover, .contact_link:hover .contact_link_icon,
.contact_link.active, .contact_link.active .contact_link_icon {
	color: #fff;
	transition: all 0.5s ease;
}

.contact_link.active, .contact_link:hover {
	background: #007ecd;
	font-weight: bold;
}

.contact_global_map_wrap{
	position:relative;
}

.taiwan_map_tag{
	position: absolute;
	width: 56px;
    height: 30px;
/*    background: rgba(0,0,0,0.5);*/
    top: 55%;
    left: 37%;
    z-index: 2;
	cursor: pointer;
}

.shanghai_map_tag{
	position: absolute;
	width: 56px;
    height: 30px;
/*    background: rgba(0,0,0,0.5);*/
    top: 45%;
    left: 36%;
    z-index: 2;
	cursor: pointer;
}

.usa_map_tag{
	position: absolute;
	width: 56px;
    height: 30px;
/*    background: rgba(0,0,0,0.5);*/
    top: 41%;
    left: 78%;
    z-index: 2;
	cursor: pointer;
}

@media(max-width:1200px){
	.taiwan_map_tag{
		top: 55%;
		left: 34%;
	}

	.shanghai_map_tag{
		top: 45%;
		left: 33%;
	}

	.usa_map_tag{
		top: 41%;
		left: 83%;
	}
}

.contact_global_map {
	width: 100%;
	height: 270px;
	object-fit: cover;
	margin-bottom: 55px;
}

@media(max-width:991px){
	.taiwan_map_tag{
		top: 55%;
		left: 31%;
	}

	.shanghai_map_tag{
		top: 45%;
		left: 29%;
	}

	.usa_map_tag{
		top: 40%;
		left: 91%;
	}
	
	.contact_global_map {
		height: 250px;
	}
}




@media(max-width:767px){
	.contact_global_map{
		display: none;
	}
	.contact_txt{
		display: none;
	}
}

.contact_txt {
	text-align: center;
	text-indent: 30px;
	margin-bottom: 35px;
}

.contact_location_link_group {
	display: flex;
	justify-content: space-around;
	background: #f6f6f6;
	padding: 30px 0;
	border-radius: 20px 20px 0 0;
	margin: 0 0 10px;
	flex-wrap: wrap;
}

.contact_location_link_wrap {
	width: 20%;
	font-size: 24px;
	/* width: 20%; */
	text-align: center;
	font-weight: bold;	
}

.contact_location_link_wrap + .contact_location_link_wrap {
	border-left: 1px solid #000;
}

@media(max-width:767px){
	.contact_location_link_wrap{
		font-size: 18px;
	}
}

.contact_location_link {
	display: block;
	color: #000;
}

.contact_location_link_text {
	display: inline;
}

.contact_location_link small {
	font-size: 16px;
}

@media(max-width:767px){
	.contact_location_link_text{
		display: block;
		width: 100%;
	}
	.contact_location_link small{
		width: 100%;
		font-size: 13px;
	}
}

.contact_location_link_wrap:hover .contact_location_link,
.contact_location_link_wrap.active .contact_location_link {
	color: #36aef0;
	position: relative;
}

.contact_location_link_wrap.active .contact_location_link::before {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	background: url('../img/location.png') no-repeat center;
	width: 25px;
	height: 40px;
}

.contact_location_link_wrap:hover .contact_location_link::before {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	background: url('../img/location.png') no-repeat center;
	width: 25px;
	height: 40px;
	transition: all 0.4s ease;
}

@media (max-width: 768px) {
/*
	.contact_location_link_wrap:hover .contact_location_link::before,
	.contact_location_link_wrap.active .contact_location_link::before {
		top: 50%;
		left: 50%;
		transform: translate(-85px,-50%);
	}

	.contact_location_link_wrap + .contact_location_link_wrap {
		border-left: 0;
		margin-top: 10px;
	}
*/
}

.contact_location_info_container {
	padding-right: 40px;
	border-right: 1px solid #6d6d6d;
}

.contact_location_info_container iframe{
	width: 304px;
	height: 233.92px;
}

@media (max-width: 1200px) {
	.contact_location_info_container iframe{
		width: 243px;
		height: 187px;
	}
}

@media (max-width: 991px) {
	.contact_location_info_container iframe{
		width: 274px;
		height: 210px;
	}
}

@media (max-width: 767px) {
	.contact_location_info_container iframe{
		width: 100%;
		height: 496px;
	}
}

@media (max-width: 575px) {
	.contact_location_info_container iframe{
		width: 100%;
		height: calc(100vw - 90px);
	}
}

@media (max-width: 768px) {
	.contact_location_info_container {
		padding-right: 0;
		border-right: 0;
	}
}

.contact_location_list_content_wrap {
	display: none;
}

.contact_location_list_content {
	background: #f1faff;
	padding: 30px 15px;
	width: 100%;
	margin: 0;
}

.contact_location_info {
	color: #6d6d6d;
	margin-bottom: 20px;
}

.contact_location_info a {
	color: #6d6d6d;
}

.contact_location_info a:hover {
	color: #36aef0;
}

.contact_location_info i {
	width: 25px;
	height: 25px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
	border: 2px solid #6d6d6d;
	border-radius: 50%;
}

.contact_location_info .fa-phonecall0001 {
	font-size: 12px;
}

.contact_location_info_map {
	width: 100%;
	height: auto;
}

.contact_location_department {
	color: #6d6d6d;
}

.contact_location_department_title {
	background: #006eb6;
	color: #fff;
	font-size: 20px;
	padding: 10px;
	display: inline-block;
	margin-bottom: 10px;
}

.contact_location_department .contact_name {
	background: #fff;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

.contact_method {
	margin-bottom: 10px;
	font-size: 14px;
	display: block;
	color: #6d6d6d;
}


.contact_method a {
	color: #6d6d6d;
}

.contact_method a:hover {
	color: #36aef0;
}

.contact_method_img {
	margin-right: 5px;
}

/* 全球代理 */

.agency_container {
	display: flex;
	flex-direction: column;
}

.agency_row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.agency_pic_wrap, .agency_info_wrap {
	width: 50%;
	height: 330px;
}

.agency_pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.agency_info_wrap {
	background: #f8f8f8;
	padding: 30px;
}

.agency_info_title {
	font-weight: bold;
	font-size: 30px;
	color: #006eb6;
}

.agency_info_sub_title {
	font-weight: bold;
	font-size: 20px;
}

.agency_info_list_group li {
	list-style: disc inside ;
	font-size: 14px;
}

@media (max-width: 992px) {
	.agency_pic_wrap, .agency_info_wrap {
		width: 100%;
		height: 330px;
	}
}

@media (max-width: 768px) {
	.agency_info_wrap {
		height: inherit;
	}
}

/* 人才招募 */
.recruiting_container {
	display: flex;
	flex-direction: column;
}

.recruiting_row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.recruiting_pic_wrap, .recruiting_info_wrap {
	width: 50%;
	height: 330px;
}

.recruiting_pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.recruiting_info_wrap {
	background: #f8f8f8;
	padding: 30px;
}

.recruiting_info_title {
	font-weight: bold;
	font-size: 30px;
	color: #006eb6;
}

.recruiting_info_sub_title {
	font-weight: bold;
	font-size: 20px;
}

.recruiting_info_list {
	position: relative;
	padding-left: 30px;
}

.recruiting_info_list:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #000;
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
	left: 10px;
}

.recruiting_info_link_group {
	display: flex;
	justify-content: center;
	margin-top: 80px;
}

.recruiting_info_link {
	padding: 10px 20px 10px 40px;
	color: #fff;
	background: #f61d52;
	border-radius: 200px;
	margin: 0 15px 20px;
}

.recruiting_info_link:hover {
	background: #c00332;
}

.recruiting_info_link:last-child {
	background: #ff7407;
}

.recruiting_info_link:last-child:hover {
	background: #c55805;
}

.recruiting_info_link .fa-arrow-right-btl {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-left: 5px;
}

.recruiting_info_link:hover {
	color: #fff;
}

@media (max-width: 992px) {
	.recruiting_pic_wrap, .recruiting_info_wrap {
		width: 100%;
		height: 330px;
	}
}

@media (max-width: 768px) {
	.recruiting_info_wrap {
		height: inherit;
	}
}

@media (max-width: 576px) {
	.recruiting_info_link_group {
		flex-direction: column;
		align-items: center;
	}
}

/* 產品專區 mobile 選擇區域 */
.search_container {
/*	display: none;*/
/*	position: absolute;*/
	top: 0;
	/* left: 15px; */
	/* width: calc(100% - 30px); */
	width: 100%;
	background: #fff;
	z-index: 1;
}

.search_spec_header{
	display: flex;
	align-items: center;
}

.search_index_href{
	color: #000;
}

.search_cat_big_title{
	font-size: 35px;
	font-weight: bold;
	color: #0070b8;
	line-height: 1.5em;
	padding: 10px 0;
}

.product_filter_delete{
	width: 20px;
	height: 20px;
	background: #0070b8;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.5s ease;
}

.product_filter_delete:hover{
	opacity: 0.7;
}

.mobile_search_container {
	position: relative;
}

.mobile_search_control {
	color: #fff;
	text-align: center;
	background: #006eb6;
	font-weight: bold;
	padding: 10px;
	letter-spacing: 1px;
	z-index: 2;
	position: relative;
	margin-bottom: 50px;
	cursor: pointer;
}

.mobile_search_control:hover {
	background: #017ed1;
}

@media (min-width: 992px) {
	.search_container {
		/* 蓋過 jquery slideToggle 隱藏效果 */
		display: block !important;
	}

	.mobile_search_control {
		display: none;
	}
}

/* 產品專區 */
.product_content_container {
	padding: 30px 0 40px;
}

@media(max-width:767px){
	.product_content_container {
		padding: 60px 0 40px;
	}
}

.your_selections, .search {
/*	border: 1px solid rgba(0,0,0,.07);*/
}

.your_selections {
	margin-bottom: 20px;
}

.your_selections_header, .search_header {
	color: #fff;
	text-align: center;
	background: #006eb6;
	font-weight: bold;
	padding: 10px;
	letter-spacing: 1px;
}

.product_category_list{
	position: relative;
	transition: all 0.5s ease;
	width: 100%;
}

/*
.product_category_list::after{
	content: "";
	width: 100vw;
	height: 100%;
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}
*/



.product_category_list_close{
	display: none;
	position: absolute;
	right: 30px;
	top: -25px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #006eb6;
	color: #fff;
	font-weight: bold;	
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.mobile_product_navi_wrap{
	display: none;
}

@media(max-width:991px){
	.product_category_list.active{
		left: -90vw;	
	}
	.product_category_list{
		position: fixed;
		width: 90vw;
		height: calc(100vh - 75px);
/*		overflow-y: auto;*/
		top: 69px;
		left: 0%;
		z-index: 9999;
	}
	
	.product_cat_list{
		height: calc(100vh - 200px);
		overflow-y: auto;
	}
	
	.product_cat_list::-webkit-scrollbar {
	  width: 2px;
	}

	.product_cat_list::-webkit-scrollbar-track {
	  background: #ddd;
	}

	.product_cat_list::-webkit-scrollbar-thumb {
	  background: #666; 
	}
	
	.product_category_list_close{
		display: flex;
	}
	.your_selections{
		margin-bottom: 0;
	}
	
	.mobile_product_navi_wrap{
		display: block;
		cursor: pointer;
	}
	
	
	
}

.your_selections_item_wrap {
	background: #fff;
	padding: 10px;
}

.your_selections_item {
	display: flex;
}

.your_selections_item:not(:last-child) {
	margin-bottom: 10px;
}

.your_selections_clr_btn {
	color: #c20505;
	margin-right: 10px;
	cursor: pointer;
}

.your_selections_content {
	flex-grow: 1;
}

.your_selections_category, .your_selections_category_item {
	display: inline;
}

.your_selections_category {
	font-weight: bold;
	font-size: 14px;
}

.your_selections_category_item {
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 20px;
}

.your_selections_category:after {
	content: ' :';
}

.search_content {
	border-bottom: 1px solid rgba(0,0,0,.07);
}

.search_category {
	display: block;
	background: #d5eeff;
	padding: 5px;
	margin-top: 10px;
	cursor: pointer;
	transition: all 0.5s ease;
	color: #000;
}

.search_specitem.search_category{
	background: #94cbf1;
}

.search_category a{
	display: block;
	color: #000;
}

.search_category:hover{
    background: #006eb6;
	color: #fff;
}

.search_specitem.search_category:hover{
	background: #04578e;
}

.search_category:hover a{
	color: #fff;
}

.search_detail {
	max-height: 350px;
	overflow: overlay;
/*	display: none;*/
}

.search_detail_wrap{
	display: none;
}

.search_detail::-webkit-scrollbar {
	width: 10px; 
}

.search_detail::-webkit-scrollbar-track {
	background: transparent; 
}
   
.search_detail::-webkit-scrollbar-thumb {
	background: #545454; 
}

.search_detail_option {
	padding: 5px;
	margin: 3px 0;
	cursor: pointer;
}

.search_detail_option:hover, .search_detail_option.active {
	background: #f5f5f5;
}

.search_detail_option_check {
	margin-right: 5px;
}

.search_detail_option_txt {
	display: inline;
	font-size: 14px;
}

.search_footer {
	display: flex;
	padding-top: 10px;
}


.search_footer_reset_search_btn,
.search_footer_search_btn {
	width: 50%;
	padding: 10px;
	text-align: center;
	background: #fff;
	border: 1px solid #00a2ff;
	color: #00a2ff;
	font-size: 14px;
	transition: all 0.5s ease;
}

.search_footer_reset_search_btn:hover,
.search_footer_search_btn:hover {
	color: #fff;
	background: #00a2ff;
}

.search_footer_reset_search_btn i,
.search_footer_search_btn i {
	margin-right: 5px;
}

.mobile_search_setting {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100vh;
	background: #fff;
	overflow: auto;
	padding: 40px 15px;
}

.mobile_search_setting_close {
	padding: 5px 10px;
	text-align: center;
	cursor: pointer;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
	opacity: .8;
}

.mobile_search_setting_close:hover {
	opacity: 1;
}



.search_result_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.search_result_show_mode_btn_group {
	display: flex;
}

.search_result_show_mode_btn {
	margin-right: 10px;
	color: #d0cfcf;
	font-size: 40px;
	cursor: pointer;
}

.search_result_show_mode_btn.active,
.search_result_show_mode_btn:hover {
	color: #5f5f5f;
}

.search_result_search_bar {
	position: relative;
	display: flex;
	border: 1px solid #a2a2a2;
}

.search_product_input_hint{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.5em;
	line-height: 1.6em;
	font-size: 13px;
	
	background: #fff;
	border: 1px solid #000;
	border-radius: 5px;
}

.search_result_search_bar_input, .search_result_search_bar_btn {
	border: 0;
	outline: 0;
	padding: 5px 10px;
	background: #fff;
	z-index: 1;
}

.search_result_search_bar_input {
	font-size: 14px;
}

.search_result_search_bar_btn {
	position: relative;
}

.search_result_search_bar_input:before {
	content: '';
	height: 25px;
	width: 2px;
	position: absolute;
	background: #878787;
	top: 50%;
	right: 34px;
	transform: translateY(-50%);
}

.search_result_search_bar_btn:before {
	content: '';
	height: 25px;
	width: 2px;
	position: absolute;
	background: #878787;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.search_result_item_container {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 160px;
}

.search_result_item_wrap {
	padding: 10px;
}

.search_result_show_mode_grid .search_result_item_wrap {
	width: 33.33%;
}

@media (max-width: 1200px) {
	.search_result_show_mode_grid .search_result_item_wrap {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.search_result_show_mode_grid .search_result_item_wrap {
		width: 100%;
	}
}

.search_result_item {
/*	box-shadow: -1px -1px 2px 2px rgba(0,0,0,.2);*/
	border: 1px solid #444;
	background: #fff;
	width: 100%;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.search_result_item_header {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.search_result_item_part_no_txt {
	font-size: 12px;
}

.search_result_item_part_no_number {
	font-size: 16px;
	font-weight: bold;
}

.search_result_item_btn_group {
	display: flex;
	margin-left: auto;
}

.search_result_item_heart_btn,
.search_result_item_share_btn {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.search_result_item_share_btn {
	font-size: 16px;
	border: 2px solid #000;
	border-radius: 50%;
}

.search_result_item_share_btn:hover {
	background: #000;
	color: #fff;
}

.search_result_item_heart_btn {
	font-size: 24px;
	margin-left: 3px;
}

.search_result_item_heart_btn.active .fa-favorite-border:before,
.search_result_item_heart_btn:hover .fa-favorite-border:before {
	content: '\f07a';
	color: #f20808;
}

.search_result_item_footer {
	display: flex;
	justify-content: center;
}

.search_result_item_addCart_btn,
.search_result_item_moreInfo_btn {
	width: 50%;
	border: 1px solid #000;
	background: #ddd;
	padding: 5px;
	font-size: 12px;
	color: #000;
	text-align: center;
	transition: all 0.5s ease;
}

.search_result_item_addCart_btn:hover,
.search_result_item_moreInfo_btn:hover {
	background: #6ab7e9;
	border: 1px solid #6ab7e9;
	color: #fff;
}

.search_result_item_addCart_btn i,
.search_result_item_moreInfo_btn i {
	margin-right: 3px;
}

.search_result_item_addCart_btn {
	margin-right: 1%;
}

.search_result_item_pic_wrap {
	width: 100%;
	margin: auto 0;
	position: relative;
}

.search_result_item_pic_wrap_lg {
/*	padding-bottom: calc(100% / 350 * 300);  350 * 300 */
}

.search_result_item_pic {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.search_result_item_content {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 10px;
	height: auto;
	overflow-x: hidden;
	
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}

/* 產品 list 格式 */
.search_result_show_mode_list .search_result_item_wrap {
	width: 100%;
}

.search_result_item_list {
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,.2);
	background: #fff;
	width: 100%;
	height: 145px;
	padding: 10px;
	padding-left: 20%;
	position: relative;
	transition: all .5s ease;
}

@media(max-width:1200px){
	.search_result_item_list{
		height: auto;
	}
}

.search_result_item_list:hover{
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,.2);
}

.search_result_item_list .search_result_item_pic_wrap {
	position: absolute;
	z-index: 1;
    top: 50%;
    left: 1%;
    width: 18%;
    transform: translateY(-50%);
}

.search_result_item_list .search_result_item_header {
	align-items: flex-start;
}

.search_result_item_list .search_result_item_footer {
	width: 40%;
	margin-left: auto;
}

.search_result_item_list img, .search_result_item_footer img{
	object-fit: contain;
}

.search_result_item_list .search_result_item_content {
/*	height: inherit;*/
}



@media (max-width: 768px) {
	.search_result_item_list .search_result_item_footer {
		width: 100%;
	}

	.search_result_item_list .search_result_item_pic_wrap {
		top: 10px;
		transform: translateY(0);
		width: 115px;
/*		padding-bottom: calc(130px / 290 * 170);*/
	}

	.search_result_item_list {
		padding-left: 130px;
	}
}

@media (max-width: 576px) {
	

	.search_result_item_list .search_result_item_footer {
		flex-direction: column;
	}

	.search_result_item_list .search_result_item_addCart_btn,
	.search_result_item_list .search_result_item_moreInfo_btn {
		width: 100%;
		margin-bottom: 5px;
	}

}

/* 產品 table 格式 */
.search_result_table_container {
	overflow: auto;
	width: 100%;
	box-shadow: 0 -3px 2px 2px rgba(0,0,0,.1);
}

.search_result_table_container::-webkit-scrollbar {
    height: 5px;
}

.search_result_table_container::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
.search_result_table_container::-webkit-scrollbar-thumb {
	background: #888; 
}

.search_result_table_container::-webkit-scrollbar-thumb:hover {
	background: #555; 
}

.search_result_table_header, .search_result_table_body {
	width: 825px;
}

.search_result_table_header {
	/* width: 100%; */
	display: flex;
	background: #006eb6;
	color: #fff;
	font-weight: bold;
	justify-content: flex-end;
}

.search_result_table_header_item,
.search_result_table_item {
	padding: 10px 10px;
	font-size: 12px;
}

.search_result_table_item_checkbox_wrap {
	width: 50px;
	text-align: center;
}

.search_result_table_item_pic_wrap {
	width: 100px;
	padding: 0 10px 0 0;
	position: relative;
}

.search_result_table_item.partNO,
.search_result_table_header_item.partNO {
	width: 115px;
	word-break: break-all;
}

.search_result_table_item.categoty,
.search_result_table_header_item.category {
	width: 100px;
}

.search_result_table_item.subcategory,
.search_result_table_header_item.subcategory {
	width: 150px;
}

.search_result_table_item.brand,
.search_result_table_header_item.brand {
	width: 130px;
}

.search_result_table_item.stock_qty,
.search_result_table_header_item.stock_qty {
	width: 80px;
}

.search_result_table_item.territory,
.search_result_table_header_item.territory {
	width: 100px;
}

.search_result_table_row {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-bottom: 1px solid rgba(0,0,0,.07);
	color: #000;
	transition: all 0.5s  ease;
}

.search_result_table_row:hover {
	color: #fff;
	background: #6ab7e9
}

.search_result_table_item {
	font-size: 12px;
}

.search_result_table_item_pic {
	width: 100%; /* 75 * 60 */
	height: auto;
	object-fit: cover;
}

.search_result_table_item.partNO {
	font-size: 16px;
	font-weight: bold;
}

.search_result_table_footer {
	display: flex;
	justify-content: center;
	padding: 20px 0;
	background: #fff;
	box-shadow: 0 3px 2px 2px rgba(0,0,0,.1);
	margin-bottom: 70px;
}

.search_result_table_footer_btn {
	padding: 5px 15px;
	color: #fff;
	margin: 0 15px;
	cursor: pointer;
	text-align: center;
}

.search_result_table_footer_btn i {
	margin-right: 5px;
}

.add_compare_list_btn {
	background: #797979;
	border: 1px solid #797979;
	transition: all 0.5s ease;
}

.add_compare_list_btn:hover {
	background: #fff;
	color: #616161;
}

.add_tracking_list_btn {
	background: #e9980c;
	border: 1px solid #e9980c;
	transition: all 0.5s ease;
}

.add_tracking_list_btn:hover {
	background: #fff;
	color: #e9980c;
}

.add_query_list_btn {
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	transition: all 0.5s ease;
}

.add_query_list_btn:hover {
	background: #fff;
	color: #1e1e1e;
}

@media (max-width: 768px) {
	.search_result_table_footer_btn {
		font-size: 14px;
		margin: 0 5px;
	}
}

@media (max-width: 576px) {
	.search_result_table_footer {
		flex-direction: column;
	}

	.search_result_table_footer_btn {
		font-size: 14px;
		margin: 10px;
		border-radius: 5px;
	}
}

/* 產品內頁 */
.product_info_container {
	padding-left: 70px;
}

.product_info_content {
	display: flex;
	margin-bottom: 20px;
}

.product_info_content_wrap {
	width: 50%;
	display: inline-block;
}

.product_info_pic_wrap {
	width: calc(100% - 70px);
	margin-right: 70px;
	margin-bottom: 15px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.07);
	padding: 30px;
}

.product_info_pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product_info_share_and_copy_btn_group {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
	margin-right: 70px;
}

.product_info_share_and_copy_btn_group button {
	background: #fff;
	border: 2px solid #212121;
	display: flex;
	color: #212121;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 20px;
	transition: all 0.5s ease;
}

.product_info_share_and_copy_btn_group button:hover {
	background: #212121;
	color: #fff;
}

.product_info_copy_btn {
	margin-left: 15px;
}

.share_pop_up{
	display:none;
/*	width: 300px;*/
/*	height: 200px;*/
	background: #fff;
	border-radius: 10px;
	font-size: 36px;
	font-weight: bold;
	padding: 50px;
	letter-spacing: 2px;
	line-height: 1.5em;
	text-align: center;
}


#copy_product_link {
	/* width: 0; */
	/* height: 0; */
	overflow: hidden;
	opacity: 0;
	position: fixed;
	z-index: -1;
}

.product_info_category {
	background: #006eb6;
	color: #fff;
	font-size: 14px;
	padding: 2px 10px;
	margin-bottom: 5px;
}

.partNO_txt {
	color: #7b7b7b;
	font-size: 14px;
	margin-bottom: 5px;
}

.product_info_partNO {
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 10px;
}

.product_info_fullname {
	margin-bottom: 10px;
}

.product_info_name {
	border-bottom: 2px solid #006eb6;
	margin-bottom: 10px;
}

.product_info_details {
	font-weight: bold;
	margin-bottom: 30px;
}

.product_info_detail_item_link {
	color: #0086c9;
}

.product_info_detail_item_link:hover {
	color: orange;
}

.product_info_btn_group {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.product_info_btn {
	width: 31%;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s ease;
}

.product_info_btn:hover{
/*	color:#fff;*/
	opacity: 0.7;
}

.product_intro_content_img {
	max-width: 100%;
}

.product_intro_above, .related_products_above {
	background: #42a5de;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

.product_intro_content_img {
	margin: 70px auto;
	display: block;
}

.product_intro_previous_page {
	background: #fff;
	color: #42a5de;
	padding: 10px;
	display: block;
	margin: 40px auto;
	width: 135px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #42a5de;
	transition: all 0.4s ease;
}

.product_intro_previous_page:hover {
	color: #fff;
	background: #42a5de;
}

.related_products_above {
	background: #929292;
	margin-bottom: 40px;
}

.related_products_swiper_container {
	padding: 0 25px;
}

.related_product_card_wrap {
	width: 100%;
}

.related_product_card {
	border: 1px solid #c4c4c4;
	width: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	display: block;
	color: #000;
	transition: all 0.54s ease;
}

.related_product_card:hover {
	background: #dddcdc;
	color: #000;
}

.related_product_partNO_txt {
	font-size: 12px;
}

.related_product_partNO {
	font-size: 18px;
	font-weight: bold;
	font-family: oxygen;
	margin-bottom: 20px;
	line-height: 1;
	overflow: hidden;
}

.related_product_pic_wrap {
	width: calc(100% - 20px);
	height: 0;
	padding-bottom: calc(100% - 20px);
	margin: auto;
	position: relative;
	margin-bottom: 20px;
}

.related_product_pic_wrap:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 30%;
	height: 5px;
	background: #c4c4c4;
}

.related_product_pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.related_product_content {
	font-size: 12px;
	font-family: oxygen;
	height: 50px;
	line-height: 1.1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.related_products_swiper_container {
	position: relative;
	z-index: 1;
}

.related_product_swiper_btn {
	width: 45px;
	height: 45px;
	border: 1px solid #c4c4c4;
	border-radius: 50%;
	color: #000;
	background: #fff;
	cursor: pointer;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
}

.related_product_swiper_btn:hover {
	background: #dddcdc;
}

.related_product_swiper_btn i {
	font-size: 20px;
}

.related_product_swiper_prev_btn {
	left: 0;
	transform: translate( calc(-50% + 25px) , -50%);
}

.related_product_swiper_next_btn {
	right: 0;
	transform: translate( calc(50% - 25px) , -50%);
}

@media (max-width: 992px) {
	.product_info_container {
		padding-left: 0;
	}
}


@media (max-width: 768px) {
	.product_info_content {
		flex-direction: column;
	}

	.product_info_content_wrap {
		width: 100%;
	}

	.product_info_pic_wrap {
		margin-right: 0;
		width: 100%;
	}

	.product_info_share_and_copy_btn_group {
		margin-right: 0;
	}
}

/* 會員登入 */
.member_bg {
	padding: 75px 0 70px;
	margin-top: -35px;
	position: relative;
	background: url('../img/member_bg_left.png') no-repeat top left,
				url('../img/member_bg_right.png') no-repeat bottom right;
}

.member_form_wrap {
	padding: 40px 80px 10px;
	box-shadow: 0px 2px 3px 3px rgba(0,0,0,.07);
	background: #fff;
}

.member_form_above {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.member_link {
	background: #f0f0f0;
	color: #707070;
	width: 120px;
	padding: 10px;
	text-align: center;
	margin: 0px 10px;
	flex-shrink: 0;
}

.member_link:hover,	.member_link.active, .member_link.active:hover {
	background: #42a5de;
	color: #fff;
}

.member_form_row {
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 20px;
}

.member_form_row > .member_form_label {
	color: #42a5de;
	margin-right: 15px;
	font-size: 20px;
	margin-bottom: 0;
}

.member_form_row > .member_form_control {
	flex-grow: 1;
	border: 1px solid #c4c4c4;
	padding: 10px;
	border-radius: 5px;
}

.member_form_row > .member_form_control::placeholder {
	color: #c4c4c4;
}

.member_form_row > .member_form_control:focus {
	border: 1px solid #42a5de;
}

.member_form_control input{
	border:0;
	border-bottom: 1px solid #999;
	width: 100%;
}

.forgot_password_link {
	position: absolute;
	top: 100%;
	right: 0;
	font-size: 14px;
	color: #747474;
}

.forgot_password_link:hover {
	color: #42a5de;
}

.member_submit_btn {
	background: #fff;
	border: 1px solid #42a5de;
	color: #42a5de;
	width: 140px;
	padding: 10px;
	margin: auto;
	font-weight: bold;
}

.member_submit_btn:hover {
	background: #42a5de;
	color: #fff;
}

@media (max-width: 992px) {
	.member_form_wrap {
		padding: 40px 40px 10px;
	}
}

@media (max-width: 576px) {
	.member_form_wrap {
		padding: 40px 10px 10px;
	}

	.member_form_row {
		flex-direction: column;
		align-items: flex-start;
	}

	.member_form_control {
		width: 100%;
	}
}

.member_form_group {
	display: flex;
	padding-top: 30px;
	position: relative;
	margin-bottom: 60px;
	margin-top: 30px;
}

.member_form_group .member_form_label {
	position: absolute;
	top: 0;
	font-size: 14px;
	color: #2d2d2d;
}

.member_form_label.required:before {
	content: '*';
	color: red;
}

.member_form_group .member_form_control {
	flex-grow: 1;
	border: 0;
	border-bottom: 1px solid #c0c0c0;
}

.member_form_check {
	flex-shrink: 0;
	margin-left: 25px;
}

.member_form_group select.member_form_control {
	flex-basis: 25%;
	flex-grow: 0;
	color: gray;
}

select.member_form_control option:not(:first-child) {
	color: #000;
}

.member_form_check label, .member_form_check input[type="radio"] {
	margin-bottom: 0;
	cursor: pointer;
}

.member_form_row > .member_form_group {
	flex-grow: 1;
	margin-bottom: 40px;
}

.member_form_row > .member_form_group:not(:first-child) {
	margin-left: 25px;
}

.member_submit_btn2 {
	background: #fff;
	border: 1px solid #009cff;
	width: 260px;
	max-width: 100%;
	padding: 15px;
	margin: auto;
	font-weight: bold;
	color: #009cff;
	border-radius: 5px;
	text-align: center;
	transition: all 0.5s ease;
}

.member_submit_btn2:hover {
	color: #fff;
	background: #009cff;
}

@media (max-width: 576px) {
	.member_form_row > .member_form_group {
		flex-grow: 0;
		margin-bottom: 40px;
		width: 100%;
	}

	.member_form_row > .member_form_group:not(:first-child) {
		margin-left: 0;
	}

	.member_form_group select.member_form_control {
		margin-bottom: 20px;
	}
}

/* 帳號管理 */
.member_content_spacing {
	height: 57px;
}

.member_content_wrap {
	padding: 30px;
	background: #fff;
}

.member_nav {
	display: flex;
	flex-direction: column;
	padding: 0px 15px;
}

.member_nav_title {
	color: #006eb6;
	border-bottom: 3px solid #006eb6;
	padding: 15px 0;
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: bold;
}

.member_nav_link {
	color: #9E9E9E;
	padding: 15px 0;
	font-weight: bold;
	width: 100%;
	font-size: 20px;
	display: flex;
	align-items: center;
}

.member_nav_link .fa-angle-right {
	opacity: 0;
	margin-left: auto;
	font-size: 10px;
}

.member_nav_link.active,
.member_nav_link:hover {
	color: #f0b017;
}

.member_nav_link.active .fa-angle-right,
.member_nav_link:hover .fa-angle-right {
	opacity: 1;
}

.account_manage_wrap, .change_password_form {
	padding: 0 15px 0 70px;
	max-width: 600px;
}

.account_manage_wrap .member_form_group {
	margin-bottom: 20px;
}

.member_form_control:read-only {
	border-bottom: 0;
}

@media (max-width: 992px) {
	.account_manage_wrap, .change_password_form {
		padding: 0 15px;
	}
}

@media (max-width: 768px) {
	.member_content_wrap {
		padding: 15px 0;
	}
}

/* 交易查詢 */
.transaction_inquiry_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 0;
}

.transaction_inquiry_block {
	width: 200px;
	border: 2px solid #000;
	border-radius: 10px;;
	cursor: pointer;
}

.transaction_inquiry_icon {
	text-align: center;
	font-size: 50px;
	padding: 40px 0;
}

.transaction_inquiry_txt {
	text-align: center;
	border-top: 2px solid #000;
	font-weight: bold;
	padding: 15px 0;
}

.transaction_inquiry_block.client {
	border-color: #ffaf00;
	color: #ffaf00;
}

.transaction_inquiry_txt.client {
	border-top-color: #ffaf00;
}

.transaction_inquiry_block.client:hover {
	background: #ffaf00;
	color: #fff;
}

.transaction_inquiry_block:hover .transaction_inquiry_txt {
	border-top-color: #fff;
}

.transaction_inquiry_block.vendor {
	border-color: #009cff;
	color: #009cff;
	margin-left: 50px;
}

.transaction_inquiry_txt.vendor {
	border-top-color: #009cff;
}

.transaction_inquiry_block.vendor:hover {
	background: #009cff;
	color: #fff;
}

@media (max-width: 992px) {
	.transaction_inquiry_wrap {
		flex-direction: column;
	}

	.transaction_inquiry_block.vendor {
		margin-left: 0;
		margin-top: 50px;
	}
}

/* 詢問車 */
.select_product_container {
	padding: 0px 15px;
}

.select_product_title {
	background: #96d6ff;
	padding: 10px;
	text-align: center;
	font-size: 20px;
}

.select_product {
	display: flex;
	position: relative;
	padding: 30px;
	border: 1px solid rgba(0,0,0,.1);
	border-top: 0;
	flex-wrap: wrap;
}

.select_product_pic_wrap {
	width: 100px;
	height: 100px;
	margin-right: 30px;
}

/*
.select_product_pic_wrap img{
	border: 1px solid #999;
}
*/

.select_product_info{
	width: calc(100% - 135px);
	height: 100%;
}

.select_product_pic {
	width: 100%; /* 250 * 250 */
	height: 100%;
	object-fit: cover;
}

.select_product_name {
	color: #006eb6;
	font-weight: 900;
	padding: 10px 0 ;
	display: inline-block;
}

.select_product_partNO {
	font-weight: bold;
	font-size: 20px;
/*	padding-top: 10px;*/
}

.select_product_del_btn {
	border: 0;
	background: transparent;
	position: absolute;
	top: 10px;
	right: 10px;
}

.select_product_amount {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: #006eb6;
	font-weight: bold;
	font-size: 20px;
	padding-top: 35px;
	width: 230px;
	justify-content: flex-end;
	align-items: center;
	margin-left: auto;
}

.select_product_amount_input_wrap {
	border: 1px solid rgba(0,0,0,.1);
	display: flex;
	margin: 0 10px;
}

.select_product_amount_input_wrap .fap2 {
	width: 24px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.select_product_amount_input_wrap .fap2:hover {
	background: rgba(0,0,0,.07);
}

.select_product_amount_input {
	border: 0;
	width: 100px;	
	text-align: center;
	padding-left: 10px;
	margin: 3px 0;
	border-right: 1px solid rgba(0,0,0,.1);
	border-left: 1px solid rgba(0,0,0,.1);
}

@media (max-width: 992px) {
	.select_product_amount {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.select_product {
		padding: 15px;
	}

	.select_product_amount_txt {
		display: none;
	}

	.g-recaptcha {
		transform: scale(0.9);
	}
}

.inquirer_info_wrap {
	max-width: 600px;
	margin-top: 70px;
}

.inquirer_info_title {
	color: #009cff;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 20px;
}

.inquirer_info_title:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	background: #009cff;
	width: 60px;
	height: 5px;
}

.inquiry_textarea {
	width: 100%;
	font-size: 12px;
	border: 0;
	border-bottom: 1px solid #000;
	margin-bottom: 70px;
}

/* 願望清單 */
.wish_list_wrap {
	padding: 0px 15px;
/*	margin-bottom: 70px;*/
}

.wish_list_title {
	background: #96d6ff;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	position: relative;
}

.wish_list_select_all_wrap {
	position: absolute;
	top: 10px;
	left: 5px;
	align-items: center;
    display: flex;
}

.wish_list_select_all_label {
	margin-bottom: 0;
	font-size: 12px;
	margin-right: 5px;
}

#wish_list_select_all_check {
	width: 20px;
	height: 20px;
}

.wish_list {
	display: flex;
	align-items: flex-start;
	padding: 15px;
	padding-left: 80px;
	padding-right: 30px;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	border-top: 0;
}

.wish_list_select_check {
	position: absolute;
	top: 55px;
	left: 30px;
	width: 20px;
	height: 20px;
}

.wish_list_pic_wrap {
	width: 100px;
	height: 100px;
	margin-right: 30px;
	flex-shrink: 0;
}

.wish_list_pic {
	width: 100%; /* 250 * 250 */
	height: 100%;
	object-fit: cover;
}

.wish_list_info {
	word-break: break-all; /* 強制當中所有 div 換行 */
}

.wish_list_name {
	padding: 10px 0px;
	font-weight: bolder;
	color: #006eb6;
	display: inline-block;
}

.wish_list_partNO {
	font-weight: bold;
	font-size: 18px;
	padding: 5px 0;
}

.wish_list_content {
	font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
}

.wish_list_del_btn {
	border: 0;
	background: transparent;
	position: absolute;
	top: 10px;
	right: 10px;
}

.wish_list_bottom {
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
	margin-top: 30px;
}

.wish_list_btn {
	margin: 0 15px;
	width: 200px;
}

@media (max-width: 576px) {
	.wish_list {
		flex-direction: column;
	}
}

/* 比較清單 */
.compare_list_wrap {
	padding: 0px 15px;
	margin-bottom: 70px;
}

.compare_list_title {
	background: #96d6ff;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	position: relative;
}

.compare_list_content {
	display: flex;
	align-items: flex-start;
	width: 100%;
	border-top: 1px solid #000;
	margin-top: 30px;
	margin-bottom: 110px;
	position: relative;
}

.compare_list_content::after {
	width: 1px;
	height: 680px;
	content: '';
	background: #000;
	position: absolute;
	top: 0;
	right: 0;
}

.compare_list_header {
	font-weight: bold;
	font-size: 18px;
	border-left: 1px solid #000;
}

.compare_list_item {
	border: 1px solid #000;
	border-left: 0;
	border-top: 0;
	text-align: center;
	padding: 10px 5px;
	width: 165px;
	height: 45px;
	position: relative;
	overflow-y: scroll;
}

.compare_list_item::-webkit-scrollbar {
  width: 2px;
}
 
.compare_list_item::-webkit-scrollbar-track {
  background: #ddd;
}
 
.compare_list_item::-webkit-scrollbar-thumb {
  background: #666; 
}


.compare_list_item:nth-child(odd) {
	background: #eff8fd;
}

.compare_list_item:nth-child(1) {
	background: #fff;
}

.compare_list_spacing {
	height: 50px;
}

.compare_list_select {
	padding: 5px;
	font-size: 14px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.compare_list_select_all_label {
	margin-bottom: 0;
	margin-right: 5px;
}

.compare_list_check, .compare_list_select_all_check{
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.compare_list_pic_wrap {
	height: 165px;
}

.compare_list_pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
}

.compare_list_item_descrip {
	height: 120px;
}

.compare_list_link {
	color: #0086c9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 25px;
}

.compare_list_link:hover {
	color: orange;
}

.compare_list_body {
	display: flex;
	overflow: auto;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}

.compare_list_body::-webkit-scrollbar {
	height: 10px;
}

.compare_list_body::-webkit-scrollbar-track {
	background: #ebebeb;
}

.compare_list_body::-webkit-scrollbar-thumb {
	background: #797979; 
}

.compare_list_body::-webkit-scrollbar-thumb:hover {
	background: #575656; 
}

.compare_list_bottom {
	display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

.compare_list_btn {
	width: 200px;
	margin: 0;
}

.compare_list_btn + .compare_list_btn {
	margin-left: 30px;
}

@media (max-width: 576px) {
	.compare_list_item {
		font-size: 12px;
		line-height: 1.1;
	}

	.compare_list_header .compare_list_item {
		font-size: 14px;
		width: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.compare_none_text{
	width:100%;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}


/* 最新消息 */
.news_wrap {
	width: 100%;
	height: 190px;
	position: relative;
	margin-bottom: 5px;
}

@media(max-width:767px){
	.news_wrap {
		height: auto;
	}
}

.news_box {
	display: block;
	border: 1px solid rgba(0,0,0,.1);
	padding: 10px 10px 20px;
	width: 100%;
	height: 100%;
/*	position: absolute;*/
	top: 0;
	left: 0;
	color: #000;
	transition: all 0.4s ease;
}

.news_box:hover {
	color: #fff;
	background: #2A9DDD;
}

.news_box:hover .news_time {
	color: #000;
	background: #e6f3f7;
}

.news_box:hover .news_box_title {
	border-color: #fff;
}

.news_box:hover .news_box_content {
	color: #fff;
}

.news_box:hover .news_box_more_btn {
	opacity: 1;
}

.news_above {
	display: flex;
	margin-bottom: 10px;
}

.news_time {
	background: #dfdfdf;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	text-align: center;
	padding: 15px;
	margin-right: 10px;
}

.news_date {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}

.news_year_month {
	font-size: 12px;
	font-weight: bold;
}

.news_box_title {
	border-bottom: 1px solid #777777;
	font-weight: bold;
}

.news_box_content {
	font-size: 14px;
	line-height: 1.5;
	color: #787878;
	/* 控制幾行出現… */
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news_box_more_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #e6f3f7;
	color: #000;
/*	opacity: 0;*/
	font-size: 14px;
    font-weight: bold;
    padding: 0px 20px;
}

.news_pagination_wrap {
	display: inline-flex;
	margin-bottom: 70px;
}

.news_pagination_prev, .news_pagination_next {
	color: #212121;
	padding: 5px 10px;
}

.news_pagination_prev:hover, .news_pagination_next:hover {
	color: orange;
}

.news_pagination_link {
	background: #212121;
	color: #fff;
	position: relative;
	padding: 5px 10px;
}

.news_pagination_link:hover, .news_pagination_link.active {
	background: orange;
	color: #fff;
}

.news_pagination_link:nth-child(n+3):after {
	content: '';
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

/* 最新消息內頁 */
.news_page_wrap {
	padding: 30px 0;
	width: 100%;
	margin: 40px 0;
	box-shadow: 0 -1px 2px 2px rgba(0,0,0,.2);
}
.news_page_above {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.news_page_title {
	border-bottom: 1px dotted #9E9E9E;
	font-weight: bold;
	flex-grow: 1;
    margin-right: 80px;
	margin-left: 10px;
	font-size: 20px;
	display: flex;
	align-items: center;
}

.news_page_content {
	text-align: center;
	padding: 30px;
}

.news_page_content img {
	max-width: 100%;
}

.news_page_prev_btn {
	margin: auto;
	background: #fff;
	border: 1px solid #777777;
	padding: 10px 20px;
	letter-spacing: 3px;
	margin-bottom: 70px;
	transition: all 0.5s ease-in-out;
}

.news_page_prev_btn:hover {
	background: orange;
	color: #fff;
}

.compare_none_text{
	padding: 50px 0;
	font-size: 28px;
}

button.icon.lineBubble30, button.icon.t60{
	
}

.icon img{
	width: 45px!important;
	height: 45px!important;
}


.support_list_result{
	display:flex;
	margin-bottom: 10px;
	padding: 15px;
	background: #eee;
}

@media(max-width:575px){
	.support_list_result{
		display:block;
	}
}

.support_list_result.hidden_block{
	display:none;
}

.support_list_result img{
	width: 150px;
	height: 150px;
	object-fit: contain;
}

.support_list_links{
	display:block; 
	padding: 15px;
	width: calc(100% - 150px);
}

@media(max-width:575px){
	.support_list_links{
		width: 100%;
	}
}

.support_list_result_name{
	font-weight: bolder;
}

.support_list_result_desp{
	word-break: break-all;
}

.support_list_result_desp a{
	color:#000;
	word-break: break-all;
}

.support_list_result_desp a:hover{
	opacity: 0.6;
}


.noLinkTxt_blueDeep{
	display: flex;
	margin: auto;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1100px;
}

.partner_table{
	width: 25%;	
}

.partner_table div{
	border: 1px solid #aaa;
	padding: 5px;
	transition: all 0.5s ease;
}

.partner_table a{
/*	display: block;*/
	padding: 6px;
	color: #000;
	transition: all 0.5s ease;
/*	border: 1px solid #000;*/
}

.partner_table div:hover{
	background: #0070b8;
	
}

.partner_table div:hover a{
	color: #fff;
	
}

@media(max-width:1200px){
	.noLinkTxt_blueDeep{
		max-width: 950px;
	}
}

@media(max-width:991px){
	.noLinkTxt_blueDeep{
		max-width: 750px;
	}
	.partner_table{
		width: 50%;	
	}
}

@media(max-width:767px){
	.noLinkTxt_blueDeep{
		max-width: 550px;
	}
	.partner_table{
		width: 50%;	
	}
}

@media(max-width:575px){
	.noLinkTxt_blueDeep{
		max-width: unset;
		width: 100%;
	}
	.partner_table{
		width: 100%;	
	}
}

.table1 font{
	line-height: 1.6em;
}

.Price_Compare_title{
	font-size: 40px;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
}

#table2{
	max-width: 1100px;
	width: 100%;
	margin: auto;
	margin-bottom: 50px;
}

#table2 td{
	padding: 3px;
	transition: all 0.5s ease;
}

#table2 td:hover{
	background: #0070b8
}

#table2 td a{
	display: block;
}

#table2 td:hover a{
	color: #fff!important;
}