@charset "utf-8";
/* *********************************** */
/* header 右上方 icon  (灰-預設 vs 白) */
/*
.round_link a .Gray {
    display: none;
}
.round_link a .White {
    display: inline-block;
}*/
.main_part {  max-width: 100%;}

.round_link a .White ,.round_link a ,.round_link a .Gray {
    width: 32px;
    height: 28px;
}

.box_link li:first-child a object.Black,.box_link li:first-child a object.Gray{width:22px;height:22px;}
.box_link li:first-child+li a object.Black,.box_link li:first-child+li a object.Gray{width:40px;height:40px;}

.round_link {
    float: none;}
	
/*上方menu調整*/
#header {
	height: 150px;}	

#menuTop ul:before {
   border-top: none;}

/*滿版*/
.main_part{
	max-width: 100%;}
	
/*聯絡資訊調整*/

.contact_content{
	width: 80%;}
	
.last .animated-arrow{
	background: #666666;}	
	
.list_before li.btn .animated-arrow	{
	background: #666666;}		

/* *********************************** */


/* footer 右上方 icon  (黑-預設 vs 灰) */
/*
.box_link li a object.Black {
    display: none;
}
.box_link li a object.Gray {
    display: inline-block;
}*/


/* *********************************** */
/* 沒有開購物車-預設 vs 有開購物車 */
/**/
.search_link a.with_shopping_mode {
	display: inline-block;
}
.banner {display:none;}
.edit {
    width: 100%;
    padding: 0px 0;
}
.show_content {
    width: 100%;
    margin: auto;
    padding: 0px 0px;
}
.main_part {
    width: 100%;
    padding: 0px 0px;
}
.path {display:none;}

@media screen and (max-width: 768px) {
	
/*手機版大圖*/
.bxslider li.one { background-image: url(../fu/banner1.png) !important; }
.bxslider li.two { background-image: url(../fu/banner2.jpg) !important; }	
	
	
/*手機版大圖*/
.mobile_WP {display: block;line-height: 0;}
.parallax_box { height: auto;}
#bottom_menu.with_shopping_mode {
    display: block;}


#header {
    height: 80px;}
	
#header .logo{
	padding: 5px 20px;}



}

#header {
    background: #01265f;
}


#menuTop li a, .search_link a, .topTop a i, .search_txt + .fa, .product-layer-two li a {
	color: #ffffff	;
}
.search_txt, #menuTop li ul, .product-layer-two li a {
	border: 1px solid #FFFFFF	;
}
.footer, #bottom_menu {
    border-top: 1px solid #FFFFFF	;
}
.footer_menu {
	border-bottom: 1px solid #FFFFFF	;
}
.product-layer-two li a:after {
	border-color: transparent #FFFFFF	 transparent transparent;
}


#menuTop li,#bottom_menu, .product-layer-two li li,.product-layer-two li li a {
	background: ;
}

#menuTop li li a, #bottom_menu li a, .product-layer-two li li a {
	color: ;
}
#bottom_menu {
    border-top: 1px solid ;
}
.product-layer-two li:hover ul {
	border:1px solid ;
	border-top: 2px solid ;	
}
#bottom_menu li {
	border-right: 1px solid ;
}

#menuTop li li:hover, .product-layer-two li li:hover a,.product-layer-two li li:hover{
	background: ;
}

#menuTop li li:hover a, .product-layer-two li li:hover a{
	color: ;
}



.other_subalbum li {
	background: ;
}

.block {
	background: ;
}
.other_subalbum li {
	border: 1px solid ;
}
.subalbum-menu h2,
.other_subalbum li a,
.product_pic #bx-pager {
	color: ;
}

.other_subalbum li:hover, .other_subalbum li.active {
	background: ;
}

.other_subalbum li:hover, .other_subalbum li.active {
    border: 1px solid ;
}
.other_subalbum li:hover a, .other_subalbum li.active a {
    color: ;
}


.products-list .more {
    border: 1px solid #ADA17E;
    color: ;
}
.animated-arrow {
    background: ;
}
.products-list .price b {
	color: ;
}

.animated-arrow {
    color: ;
}
.arrow {
	fill: ;
}

.animated-arrow:hover,
.other_album_choice li,
.products-list a:hover .more {
    background: ;
}
.products-list a:hover .more {
	border-color: ;
}

.animated-arrow:hover,
.other_album_choice li a,
.products-list a:hover .more {
    color: ;
}
.animated-arrow:hover .arrow {
	fill: ;
}



.footer {
	background: #01265f	;
}


.footer_info ul, .footer_info ul li a, .footer_menu li a{
	color: #ffffff	;
}

.honors_page .edit{padding:0;}
.box_container {width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;}
.all_box{width:100%; max-width:1200px; margin:0 auto; line-height:34px; font-family:"微軟正黑體",Arail; font-size:17px; border:0; text-decoration:none; padding:0; letter-spacing:2px; color:#444;}
.all_box img {width:auto; max-width:100%;}
.box_container .cbg02 .all_box .license01 .license02 h2 {font-size: 20px; text-align:center;}
.box_container .cbg02 .all_box .license01 .license03 h2 {font-size: 20px; text-align:center;}

.clear{clear:both;}
.conter01{text-align:center;}

.s01{margin:4% 0;}
.s02{margin-bottom:4%;}
.s03{margin:2% 0;}
.s04{margin-top:4%;}



.license01{width:100%; padding:1%; border-top:#d4bf54 5px solid; background-color:rgb(225 225 225);}
.license02{width:33%; padding:1%; float:left;}
.license03{width:25%; padding:1%; float:left;}

.w001{display:inline;}
.w002{display:none;}

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

}

@media screen and (max-width:480px) {
.license02{width:48%; padding:1%;}
.license03{width:48%; padding:1%;}
.w001{display:none;}
.w002{display:inline;}

}

.fix_lang { display:none; position: absolute; top:40%; right:0; z-index:9999; width:48px;}
.fix_lang a { display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#555; text-align:center;}
.fix_lang a:nth-child(2) { background:#f2b600;}
@media screen and (max-width: 768px) {
.fix_lang { display:block; top:0; width:32px;}
}

.honors_page .edit{padding:0;}
.box_container {width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;}
.all_box{width:100%; max-width:1200px; margin:0 auto; line-height:34px; font-family:"微軟正黑體",Arail; font-size:17px; border:0; text-decoration:none; padding:0; letter-spacing:2px; color:#444;}
.all_box img {width:auto; max-width:100%;}

.clear{clear:both;}
.conter01{text-align:center;}

.s01{margin:4% 0;}
.s02{margin-bottom:4%;}
.s03{margin:2% 0;}
.s04{margin-top:4%;}



.license01{width:100%; padding:1%; border-top:#F2B600 5px solid; background-color:rgba(255,255,255,0.4);}
.license03{width:25%; padding:1%; float:left;}


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

}

@media screen and (max-width:480px) {
.license03{width:48%; padding:1%;}

}

.honors_page .edit{padding:0;}
.box_container {width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;}
.all_box{width:100%; max-width:1200px; margin:0 auto; line-height:34px; font-family:"微軟正黑體",Arail; font-size:17px; border:0; text-decoration:none; padding:0; letter-spacing:2px; color:#444;}
.all_box img {width:auto; max-width:100%;}
.box_container .cbg02 .all_box .license01 .license02 h2 {font-size: 20px; text-align:center;}

.clear{clear:both;}
.conter01{text-align:center;}

.s01{margin:4% 0;}
.s02{margin-bottom:4%;}
.s03{margin:2% 0;}



.license01{width:100%; padding:1%; border-top:#F2B600 5px solid; background-color:rgba(255,255,255,0.4);}
.license02{width:33%; padding:1%; float:left;}

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

}

@media screen and (max-width:480px) {
.license02{width:48%; padding:1%;}
}

.honors_page .edit{padding:0;}
.box_container {width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;}
.all_box{width:100%; max-width:1200px; margin:0 auto; line-height:34px; font-family:"微軟正黑體",Arail; font-size:17px; border:0; text-decoration:none; padding:0; letter-spacing:2px; color:#444;}
.all_box p { margin-bottom:10px;padding: 15px;}
.all_box img {width:auto; max-width:100%;}

.clear{clear:both;}
.conter01{text-align:center;}

.x01{ background:rgba(242,182,0,0.5);border-left:#F2B600 3px solid; border-right:#F2B600 3px solid; padding-top:2%; text-align:center;}

.s01{margin:4% 0;}
.s02{margin-bottom:4%;}
.s03{margin:2% 0;}

.bg01{background:url(./fn/abg01.html); padding:3% 0;}
.bg01 tr td:nth-child(1) {
    width: 25%;
}
.bg01 tr td:nth-child(2) {
    width: 75%;
    padding-left: 12%;
}

.bg02{background:url(./fn/abg02.html) no-repeat; height:565px; background-position:center; background-color:#b9b7bf;}
.bg03{background:url(./fn/1-11.html); background-repeat: repeat-x; height:54px;}
.bg04{background:url(./fn/abg04.html); padding-bottom:4%;}

.hs_box_ad {}
.hs_box_ad table { width:100%;}
.hs_box_ad td { display:block; float:left; width:23%; margin:1%; padding:1%; background:url(./fn/abg05.html);}
.hs_box_ad img { max-width:100%;}

.hs_box_ad p {display:block; background-color:#F2B600; color:#000000; text-align:center; padding:2% 0; width:90%; margin:0 auto 5% auto;}

.hs_box_ad01 {}
.hs_box_ad01 table {margin-top:3%;}
.hs_box_ad01 td {width:145px;}
button {
	border: none;
	background: #F2B600;
	color: #212121;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease; 
}
button:hover {
	background: rgba(0,0,0,0);
	color: #F2B600;
	box-shadow: inset 0 0 0 3px #F2B600;
}

.q01{width:44%; padding:1%; float:left; text-align:center; margin:0 2%; box-sizing:border-box;}
.q02{width:50%; padding:0%; float:left; box-sizing:border-box;}
.q03{width:100%; text-align:center; background-color:#777777;}
.q04{width:90%; color:#FFFFFF; padding-top:8%; padding-left:5%;}
.box_container .bg02 .all_box .q04 h2 {font-size: 20px;}
.q05{width:40%; padding:1%; float:left; text-align:center; margin:0 2%; box-sizing:border-box;}
.q06{width:50%; padding:1%; float:left; box-sizing:border-box;}
.q021 {width:40%; padding:1%; float:left; box-sizing:border-box;}

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

}

@media screen and (max-width:480px) {
.hs_box_ad td {width:48%; display:inline-block; float:left;}
.hs_box_ad01 table {margin-top:5%;}
.hs_box_ad01 td {width:30%;}
.q01{width:100%; margin:0;}
.q02{width:100%;}
.q04{width:100%; padding-top:20%;}
.q05{width:98%; margin:0;}
.q06{width:100%;}
.q021 {width:100%;}
}

.box_container {width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;}
.all_box{width:100%; max-width:1200px; margin:0 auto; line-height:34px; font-family:"微軟正黑體",Arail; font-size:17px; border:0; text-decoration:none; padding:0; letter-spacing:2px; color:#444;}
.all_box img {width:auto; max-width:100%;}
.box_container .cbg02 .all_box .license01 .license02 h2 {font-size: 20px; text-align:center;}
.box_container .cbg02 .all_box .license01 .license03 h2 {font-size: 20px; text-align:center;}
.cbg01{background:url(./fn/cbg01.html); background-repeat: repeat-x; height:31px; margin-bottom:3%;}
.license01{width:100%; padding:1%; border-top:#F2B600 5px solid; background-color:rgb(225 225 225);}
.license02{width:33%; padding:1%; float:left;}

@media screen and (max-width:480px) {
.license02{width:48%; padding:1%;}
.license03{width:48%; padding:1%;}
.w001{display:none;}
.w002{display:inline;}

}

.conter01{text-align:center;}

.s01{margin:4% 0;}

.fix_lang { display:none; position: absolute; top:40%; right:0; z-index:9999; width:48px;}
.fix_lang a { display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#555; text-align:center;}
.fix_lang a:nth-child(2) { background:#f2b600;}
@media screen and (max-width: 768px) {
.fix_lang { display:block; top:0; width:32px;}
}

.contact-block {
  width: 100%;
  text-align: center;
}


.contact-bar {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  border: 2px solid #F2B600;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  background: #fff;
}


.contact-icons {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.contact-icons a {
  width: 30%;
  border: 2px solid #F2B600;
  padding: 10px 0;
  background: #fff;
}

.contact-icons img {
  width: 40px;
  height: 40px;
}

.video-section {
  width: 100%;
  padding-top: 6%;
}

.video-row {
  display: flex;
  gap: 20px;
}


.video-box {
  flex: 1;
  position: relative;
  padding-top: 40%; 
}

.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 768px) {
  .video-row {
    flex-direction: column;
  }
}

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