/*
以後
*/
body {
	margin:0;
	padding:0;
	border:0;
	color:#000;
	font:normal 15px/normal Arial,'微軟正黑體','新細明體','細明體',Tahoma,Verdana,Helvetica,Sans-Serif;
	background-color:#000;
}
img {border:0;}
form {margin:0;}


a:link,a:visited {/*color:#fff;*/ text-decoration:none;} 
a:hover {color:#090; text-decoration:none;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.taj {text-align: justify;}

.tdu {text-decoration:underline;}
.tdn{text-decoration:none;}

.fwb{font-weight:bold;}
.fsn {font-style:normal;}

.fk{clear:both;}
.fl {float:left;}
.fr {float:right;}

.ccenter {margin:0 auto 0 auto;}

.dnone {display:none;}
.dblock {display:block;}
.dinline {display:inline;}

.cp {cursor:pointer;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}
.p2 {text-indent:2em;}

.ffff {color:#fff;}
.fffc {color:#ffc;}
.f222 {color:#222;}
.f888 {color:#888;}
.ff00 {color:#f00;}
.fc66 {color:#c66;}
.f00f {color:#00f;}
.f000 {color:#000;}
.fc30 {color:#c30;}
.fc93 {color:#c93;}
.f33f {color:#33f;}
.f639 {color:#639;}
.ff60 {color:#f60;}
.f690 {color:#690;}
.fff0 {color:#ff0;}
.f11 {font-size:11px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f14 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}

/*主要css*/
#Globals {
	width:1260px;
	margin:0 auto;
	padding:0;
}
#Globals #bg_banner {
	width:1260px;
	height:75px;
	margin:0 auto;
	padding:0;
	background:url(../images/bg/bg_0.jpg) left top no-repeat;
}
#Globals #bg_banner #left_box {
	float:left;
	width:200px;
	height:75px;
	margin:0 0 0 22px;
	/*background:url(../images/bg/bg_01.jpg) no-repeat;*/
}
#Globals #bg_banner #left_box_home {
	float:left;
	width:200px;
	height:75px;
	background:url(../images/logo/logo_home.jpg) no-repeat;
}

#Globals #bg_banner #top_box {
	float:left;
	width:1006px;
	height:16px;
	padding:4px 32px 0 0;
	text-align:right;
	font-size:12px;
	font-weight:900;
	/*background:url(../images/bg/bg_02.jpg) no-repeat;*/
}
#Globals #bg_banner #top_box a:link,#Globals #bg_banner #top_box a:visited {color:#fff; text-decoration:none;} 
#Globals #bg_banner #top_box a:hover {color:#43a9ff; text-decoration:none;}

#Globals #bg_banner #bottom_box {
	float:left;
	width:1260px;
	height:33px;
	background:url(../images/bg/bg_13.jpg) no-repeat;
}

#Globals #bg_banner #bottom_box_2 {
	float:left;
	width:1260px;
	height:16px;
}

#box_main_left{width:1038px; margin:0; padding:0; float:left;}


.chang_red a:link,.chang_red a:visited {color:#fff;} 
.chang_blue a:link,.chang_blue a:visited {color:#376afb;} 
.chang_green a:link,.chang_green a:visited {color:#0f0;} 
.chang_purple a:link,.chang_purple a:visited {color:#d400d4;} 
.chang_white a:link,.chang_white a:visited {color:#fff;} 

#Globals #bg_title {
	width:1260px;
	height:200px;
	/* background:url(../images/swf/index.jpg) no-repeat center top; */
}
#Globals #bg_title_2 {
	width:960px;
	height:35px;
	margin:0;
	padding:63px 0 0px 300px;
	font-size:13px;
	font-weight:600;
	font-family: Verdana, Arial, sans-serif;
}
#Globals #bg_title_2 a:link,#Globals #bg_title_2 a:visited {color:#f00; text-decoration:none;} 
#Globals #bg_title_2 a:hover {color:#ff0; text-decoration:none;}

#Globals #bg_page {
	width:1260px;
	margin:0;
	padding:0;
	font-weight: 600;
	line-height:1.5em;
}

.bg_right_box {
	float:left;
	width:1137px;
	color:#fff;
	background:#fffef9;
	min-height:450px;
	height: auto !important;
	height: 500px;
	margin:0 0 0 0;
	padding:0px 50px 70px 73px !important; /*IE7 IE8*/
	padding:0px 50px 70px 73px;
}
.bg_right_box a:link,.bg_right_box a:visited {color:#f00; text-decoration:none;} 
.bg_right_box a:hover {color:#ff0; text-decoration:underline;}

.bg_right_box_2 {
	float:left;
	width:1137px;
	color:#fff;
	background:#fffef9;
	min-height:450px;
	height: auto !important;
	height: 500px;
	margin:-10px 0 0 0;
	padding:0px 50px 30px 73px !important; /*IE7 IE8*/
	padding:0px 50px 30px 73px;
}
.bg_right_box_2 a:link,.bg_right_box_2 a:visited {color:#f00; text-decoration:none;} 
.bg_right_box_2 a:hover {color:#ff0; text-decoration:underline;}

.title_bg_box {
	background:url(../images/foot/box.jpg) no-repeat bottom left;
}
.title_bg_chessboard {
	background:url(../images/foot/chessboard.jpg) no-repeat bottom left;
}
.title_bg_chessboard_2 {
	background:url(../images/foot/chessboard_2.jpg) no-repeat bottom left;
}
.title_bg_umbrella {
	background:url(../images/foot/umbrella.jpg) no-repeat bottom left;
}
.title_bg_shops {
	background:url(../images/foot/shops.jpg) no-repeat bottom left;
}
.title_bg_news {
	background:url(../images/foot/news.jpg) no-repeat bottom left;
}
.title_bg_title {
	background:url(../images/foot/web2.jpg) no-repeat bottom left;
}
.title_bg_black {
	background: #000;
}

#Globals #bg_page #bg_right_box #bg_content_box {
	padding:0px 0 0 0;
}
#Globals #bg_bottom {
	width:1260px;
	height:76px;
	margin:0;
	padding:0;
	color:#fff;
}

#Globals #bg_bottom_left {
	float: left;
	width: 604px;
	height: 25px;
	padding: 27px 0 0 30px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	background: url(../images/logo/foot_logo.jpg) no-repeat right bottom;
}
#Globals #bg_bottom_left_en {
	float: left;
	width: 384px;
	height: 29px;
	padding: 23px 0 0 30px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	background: url(../images/logo/foot_logo.jpg) no-repeat right bottom;

}
#Globals #bg_bottom_right {
	float:left;
	width:466px;
	height:52px;
	margin:0px auto 0 auto;
	padding-top:10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
#Globals #bg_bottom_right_en {
	float:left;
	width:686px;
	height:42px;
	margin:10px auto 0 auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
#Globals #bg_bottom_right_en a:link,
#Globals #bg_bottom_right_en a:visited,
#Globals #bg_bottom_right a:link,
#Globals #bg_bottom_right a:visited {
	color:#fff;
	text-decoration:none;
}
#Globals #bg_bottom_right_en a:hover,
#Globals #bg_bottom_right a:hover {
	color:#ff0;
	text-decoration:none;
}
#Globals #bg_bottom_ds {
	width:1260px;
	text-align:right;
	font-size:10px;
}
#Globals #bg_bottom_ds a:link,#Globals #bg_bottom_ds a:visited {color:#fff; text-decoration:none;} 
#Globals #bg_bottom_ds a:hover {color:#43a9ff; text-decoration:none;}

/*修正ie6.0選項有間隔*/
*+html #bg_page #bg_left_box ul {
 zoom:1;
} /*hack ie7*/
* html #bg_page #bg_left_box ul {
 zoom:1;
} /*hack ie6*/
*+html #bg_page #bg_left_box ul a {
 zoom:1;
 vertical-align:top;
} /*hack ie7*/
* html #bg_page #bg_left_box ul a {
 zoom:1;
 vertical-align:top;
} /*hack ie6*/


/*頁尾跳頁*/
/*
.func, .feat, .spec {
	height:32px;
}
.func {
	background:url(/sitedir/images/btitle/functional.jpg) no-repeat left center;
}
.feat {
	background:url(/sitedir/images/btitle/features.jpg) no-repeat left center;
}
.spec {
	background:url(/sitedir/images/btitle/specifications.jpg) no-repeat left center;
}
.exte {
	background:url(/sitedir/images/btitle/exterior.jpg) no-repeat left center;
}
/*跳頁*/
.make_page {
	width:100%;
	text-align:center;
	padding-top:10px;
}
.make_page img {
	vertical-align:middle;
}
.make_page a.bpl,
.make_page a.bpl:visited,
.img {
	color:#fff;
}
b.bb {
	text-decoration: underline;
	color:#ff0;
}
.make_page a.pl,
.make_page a.pl:visited {
	color:#fff;
}
.make_page a.pl:hover {
	color:#ff0;
}
hr {
	border:0;
	height:2px;
	background:#c8be3c;
	color:#c8be3c;
	margin:20px 0;
}
/*錯誤訊息*/
.error a,
.error a:visited {
	color:#ff0;
}
.error a:hover {
	color:#f00;
}

/*回最上面*/
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #f00;
    color: white;
    cursor: pointer;
	margin-bottom:120px;
	border-radius:10px;
}
.contact_left h1{
	font-size: 32px;
	color: #FFF;
	font-family: 微軟正黑體;
	/* letter-spacing: 2px; */
	margin-bottom: 15px;
}
.contact_left h5{
	font-size: 18px;
	color: #FFF;
	margin-top: 0px;
	padding-top: 0px;
	letter-spacing: 2px;
}
.contact_left p{
	font-size: 16px;
	font-family: 微軟正黑體;
	letter-spacing: 2px;
	line-height: 24px;
}
.contact_form .download {
	margin-bottom: 100px;
}
.contact_form .download ul{
	text-align: center;
}
.contact_form .download ul li{
	display: inline-block;
	margin:0 60px;
}
.contact_form .download ul a{
	border: 1px solid #Fff;
	border-radius: 10px;
	padding: 20px 30px;
	color: #FFF;
	text-decoration: none;
	font-family: 微軟正黑體;
	font-size: 18px;
}
.contact_form .download ul a:hover{
	color: #42aaff;
}
.contact_form .contact_form_title{
	margin-top: 30px;
	padding-left:40px;
}
.contact_form .contact_form_title h5{
	text-align: center;
	background: #e3e3e3;
	border-radius: 10px;
	padding: 6px 0;
	font-size: 16px;
	font-family: 微軟正黑體;
	margin-bottom: 10px;
	color: #333;
}
.contact_form table.contact_table input{
	margin: 5px 0;
}
.contact_form table.contact_table input[type="text"]{
	border-radius: 10px;
	padding: 5px 0px 5px 10px;
}
.contact_form table.contact_table textarea{
	border-radius: 10px !important;
	padding-left: 10px;
}
.tar{
	font-family: 微軟正黑體;
}
.tar label{
	padding-left: 10px;
}
.download-box .number,.download-box .size{
	width: 150px;
	text-align: center;
}
.download-box .down{
	width: 250px;
	text-align: right;
}
.download-box .down a{
	color: #F00;
}
.download-box .name{
	width: 320px;
}

.sel_op {
	left:450px;
	top:160px;
	position:absolute;
	z-index:2;
}
.sel_op_2 {
	left:800px;
	top:160px;
	position:absolute;
	z-index:2;
}
.sel_link {
	padding:6px 10px 6px 10px;
	margin-left:20px;
	border:solid 1px #CCCCCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.sel_link a:link,
.sel_link a:visited {
	color:#fff;
	text-decoration:none;
}
.sel_link a:hover {
	color:#ff0;
	text-decoration:none;
}
/*加入會員*/
.member-number input,.member-paddword input{
	width: 200px;
	padding: 5px;
	margin: 5px;
	background: #FFF;
	border-radius: 5px;
	border: none;
}
.member-send input{
	padding:5px 58px;
	background:#fff ;
	color: #000;
	border: none;
	outline: 0;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 900;
	margin-top: 15px;
}
.member-send a{
	color: #FFF !important;

}
.member-note{
	margin-top: 30px;
}
.member-note h1{
	font-size: 20px;
	color: #6a9df8;
	text-align: center;
}
.member-note h5{
	font-size: 16px;
	padding: 0;
	margin: 0;
	text-align: center;
}
.member-note ul{
	list-style: decimal;
	text-align: left;
}
.member-note ul .blue{
	color: #6a9df8;
}
.member-note ul .red{
	color: #f36c69;
}
.member-note .container{
	width: 500px;
	padding: 15px 30px;
	border: 2px solid #FFF;
	border-radius: 15px;
}
.number-title{
	width: 75px;
	text-align: justify !important;
	display: inline-block;
}
.number-input{
	width: 320px;
	display: inline-block;
}
/*加入會員*/
/* 加入會員-填寫資料表格 */
.member-table h5{
	color: #FFF;
	font-size: 16px;
	margin: 5px 0;
}
.member-table h5.red{
	color: #f36c69;
}
.member-table li label,.member-table li input{
	display:inline-block !important;
	float: none !important;
	font-size: 15px !important;
}
.member-table li label{
	width: 100px;
	text-align: center;
	border-right: 1px solid #FFF;
	margin: 0px !important;
	padding: 15px 0;

}
.member-table li input{
	background-color: #000 !important;
	border: none !important;
	margin-left: 15px !important;
	color: #FFF !important;
	outline: none;
	width: 300px;
}
.member-table ul{
	border: 1px solid #fff !important;
	border-radius: 5px;
	margin-top: 15px !important;
	width: 500px !important;
}
.member-table ul li{
	border-bottom: 1px solid #fff !important;
	padding: 0px !important;
	margin: 0px !important;
	height: auto !important;
	width: auto !important;

}
.member-table ul .buyer input{
	padding: 0px !important;
	margin: 0px !important;
	margin-left: 15px !important;

}
.member-table ul .buyer input[type="radio" ] {
        width: 15px;
        height: 15px !important;
        background: #fff !important;
        -webkit-appearance: none;
}
.member-table ul .buyer input[type="radio" ]:checked {
	background: #00f !important; 
}
.member-table ul .buyer span{
	vertical-align: middle;
}
.member-send .button{
	border: 0px !important;
}
.member-send .button input{
	background: #FFF !important;
	color: #000 !important;
	padding: 5px 8px !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	margin-top: 15px !important;
	height: auto !important;
}
/* 加入會員-填寫資料表格 */
/* 20213-03-08新首頁 */
.product-wrap{
	width: 1000px;
	margin: auto;
	left: 0px;
	right: 0;
}
.product-wrap .content p{
	font-size: 18px;
	line-height: 150%;
	margin-bottom: 0;
	padding: 15px 55px 15px 15px;
	letter-spacing: 2px;
	text-align: justify;
	text-justify:inter-ideograph;
}
.product-wrap .item{
	width: 300px;
	display: inline-block;
	text-align: center;
	margin:20px 10px;
}
.product-wrap .item img{
	width: 100%;
	border-bottom-right-radius: 15px 15px;
	border-bottom-left-radius: 15px 15px;
}
.product-wrap .item p{
	background: #44509b;
	margin: 0;
	font-size: 24px;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 15px;
	border-top-right-radius: 15px 15px;
	border-top-left-radius: 15px 15px;
}
.product-wrap .two-center{
	text-align: center;
}
/* 20213-03-08新首頁 */
/* 20213-03-08新頁尾 */
.new-bottom{
	background: #5d5c5c;
}
.new-bottom .container{
	width: 1000px;
	margin: auto;
	left: 0px;
	right: 0;

}
.new-bottom .item{
	width: 300px;
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
}
.new-bottom .item h5{
	font-size: 24px;
	color: #d0d0d0;
	padding-left: 40px;
	margin-bottom: 15px;
}
.new-bottom .item ul{
	list-style: none;
}
.new-bottom .item ul li{
	color: #FFF;
	padding: 5px 0;
}
.new-bottom .item ul li a{
	color: #FFF;
	
}
.new-bottom .icon p{
	padding-left: 40px;
	color: #FFF;
	margin-bottom: 5px;
}
.new-bottom .icon .mar-20{
	margin-top: 20px;
}
.new-bottom .icon ul{
	margin: 0px;
}
.new-bottom .icon li{
	display: inline-block;
	margin-right: 15px;
}
.new-bottom .information{
	margin-top: 40px;
}
.new-bottom .information ul{
	list-style: none;
	text-align: center;
}	
.new-bottom .information ul li{
	display: inline-block;
}
.new-bottom .information ul li a{
	color: #FFF;
}
.new-bottom .copright{
	text-align: center;
	color: #FFF;
	padding-bottom: 20px;
}
/* 20213-03-08新頁尾 */
/* 經銷合作 */
.dis-wrap{
	width: 50%;
	float: left;
}
.dis-wrap .img-wrap p{
	color: #FFF;
	font-size: 16px;
}
.dis-wrap .text-wrap{
	padding: 0px 60px;
}
.dis-wrap .text-wrap h5{
	padding: 5px 0;
	font-size:20px;
	text-align: center;
	border-radius: 25px;
	background: #3b56e5;
	margin: 0;
}
.dis-wrap .text-wrap p{
	font-size: 16px;
	margin: 5px 0;

}
.dis-wrap .text-wrap a{
	color: #71a0ef;
}
/* 線上購物提示視窗 */



.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}



.search_2 {
  width: 300px;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchTerm {
  width: 200px;
  border: 1px solid #000;
  /*border-right: none;*/
  padding: 5px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #000;
  font-size: 14px;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 40px;
  height: 33px;
  border: 1px solid #000;
  background: #000;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 18px;
}
/* 2024-04-22產品顯示方式 */
.item{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.item-wrap{
	width: 24%;
	float: left;
	margin-bottom: 25px;
	background: #feffcc;
	margin-right: 5px;
	margin-left: 5px;
}


.item-wrap p{
	padding: 0;
	margin: 0;
	color: #000;
}
.item-wrap .img-wrap{
	text-align: center;
    position: relative;
    height: 0px;
    padding-bottom: 270px;
    overflow: hidden;
    width: 100%;
    background: #fff;
}
.item-wrap .img-wrap img{
	max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.item-wrap .content{
	
	padding: 15px;
	color: #000;
	
}
.item-wrap .content input{
	width: 60px !important;
}
/* 2024-04-22產品顯示方式END */
.add_list_title{
	color: #f6ea8c;
}
.item-wrap_2{
	/* width: 32%; */
	float: left;
	margin-bottom: 25px;
	background: #feffcc;
	margin-right: 5px;
	margin-left: 5px;
}
.item-wrap_2 p{
	padding: 0;
	margin: 0;
	color: #000;
}

.item-wrap.item-wrap_2 .add_btn{
	width: 105px !important;
}
.item-wrap_2 .purchased_btn{
	font-size: 16px;
}
.item-wrap_2 .img-wrap{
	text-align: center;
    position: relative;
    height: 0px;
    padding-bottom: 270px;
    overflow: hidden;
    width: 100%;
    background: #fff;
}
.item-wrap_2 .img-wrap img{
	max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.item-wrap_2 .content{
	
	padding: 15px;
	color: #000;
	
}
.item-wrap_2 .content input{
	/*width: 60px !important;*/
}
	

/* 2025-05-27選單 */
#bg_banner .ddsmoothmenu ul li a{
	
}
.menu-wrap{
	background: none !important;
}
.menu-text{
	margin-top: 3px;
	position: relative;
	padding: 5px;
	border-top: 2px solid rgba(0, 0, 0, 0);
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.menu-text span{
	font-weight: 400;
	line-height: 120%;
    font-family: "微軟正黑體";
    text-align: center;
    display: block;
    color: #FFF;
}
.menu-text:hover {
	
}
.menu-text:hover::before,
.menu-text:hover::after {
  content: "";
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  width: 100%;
  height: 1px;  /* 線條粗細 */
  background: linear-gradient(
    to right,
    rgba(48,146,223,.25),      /* 透明 */
    rgba(48,146,223,1) 50%,  /* 中央最亮 */
    rgba(48,146,223,.25)       /* 透明 */
  );
  filter: blur(.1px);        /* 柔化邊緣 */

}

.menu-text::before {
  top: 0;
  box-shadow:
    0 -1px 2px rgba(48,146,223,0.8),
    0 -2px 4px rgba(48,146,223,0.6);
}

.menu-text::after {
  bottom: 0;
  box-shadow:
    0  1px 2px rgba(48,146,223,0.8),
    0  2px 4px rgba(48,146,223,0.6);
}

.menu-text:hover .menu-tw{
	color: #3092df;

}
.menu-text .menu-en{
	font-size: 14px;
}
.menu-text:hover .menu-en{
	color: #FFF;
}