@charset "utf-8";
@import url("reset.css");
@import url("../js/fancysource/jquery.fancybox.css");


a.linkcss:link { color: #616161; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px;}
a.linkcss:visited { color: #616161; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px;}
a.linkcss:active { color: #616161; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px;}
a.linkcss:hover { color: #616161; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>>Navi Bar <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.navi{color: #616161; font-size:14px; letter-spacing:1px; line-height:23px; padding:10px 20px 5px 0;}
.navi a:link { color: #616161; text-decoration: none;  font-size:14px; letter-spacing:1px;}
.navi a:visited { color: #616161; text-decoration: none;  font-size:14px; letter-spacing:1px;}
.navi a:active { color: #616161; text-decoration: none;  font-size:14px; letter-spacing:1px;}
.navi a:hover { color: #616161; text-decoration: underline;  font-size:14px; letter-spacing:1px;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>>Product <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.product_album{height:390px}
.product_album li {float:left; list-style:none; width:140px; height:160px; line-height:17px; margin:5px 14px 30px 14px; }
.product_view_img {border:1px solid #dedede; margin-bottom:20px; max-height:500px; max-width:500px;  width:width:expression(this.width>500 ? 500:true); height:height:expression(this.height>500 ? 500:true); overflow:hidden;}
.product_title { color:#2facec; font-size:21px; line-height:30px; font-weight:bold; padding-left:40px; font-family:"微軟正黑體", "新細明體" }
.product_content { color:#000; font-size:12px; line-height:25px; letter-spacing:1px; padding-left:50px; font-family:"微軟正黑體", "新細明體" }
.product_view_content {width:290px; font-size:16px; height:280px; overflow:auto; line-height:25px; padding:40px; letter-spacing:1px;  }
#contentbox::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	/*border-radius: 10px;*/
	background-color: #F5F5F5;
}

#contentbox::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}
#contentbox::-webkit-scrollbar-thumb
{
	/*border-radius: 10px;*/
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgb(91,162,181);
	
}
#contentbox::-webkit-scrollbar-thumb:hover{background-color:rgb(242,235,191);}
.inquiry_content {color:#000; background-color:#D6D6D6; text-decoration:none; font-size:14px; line-height:30px; letter-spacing:1px; padding-left:5px; font-family:"微軟正黑體", "新細明體" }

.inquiry_button_1{line-height:15px; color:#5C4B51;border:#5C4B51 1px solid; background-color:#F2EBBF; width:81px; height:25px; margin:0px 5px;cursor:pointer}
.inquiry_button_1:hover{color:#FFF; background-color:#231815;transition:.4s;}

.inquiry_button_2{transition:.4s; line-height:15px;color:#5C4B51;border:#5C4B51 1px solid; background-color:#F2EBBF; width:100px; height:25px; margin:0px 5px;cursor:pointer}
.inquiry_button_2:hover{color:#FFF;  background-color:#231815;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>>News <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.news_title{letter-spacing:1px; color:#616161; line-height:37px; vertical-align:middle; text-align:left}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>>News View <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.news_view_title{ line-height:23px;text-align:left;font-size:21px; font-weight:bold;color:#2facec;padding:0px 0 5px 35px; font-family:"微軟正黑體"}
.news_view_title a:visited { color:#2facec; font-size:21px; text-decoration:none;  font-weight:bold;  font-family:"微軟正黑體", "新細明體" }
.news_view_title a:link { color:#2facec; font-size:21px;text-decoration:none;  font-weight:bold;  font-family:"微軟正黑體", "新細明體" }
.news_view_title a:active { color:#2facec; font-size:21px;text-decoration:none;  font-weight:bold; font-family:"微軟正黑體", "新細明體" }
.news_view_title a:hover { color:#2facec; font-size:21px;text-decoration:none;  font-weight:bold; font-family:"微軟正黑體", "新細明體" }
.news_content{height:300px;border:1px #cfcfcf solid; background:#f9f9f9; padding:15px 15px 15px 15px; text-align:left; vertical-align:top; line-height:22px}
.news_line{height:10px; background:#f9f9f9; text-align:center; vertical-align:middle;}
.news_attachment{height:30px; background:#f9f9f9; padding:15px 15px 15px 15px; text-align:left; vertical-align:top; line-height:22px}
.news_view_time{ text-align:left;padding:5px 0 5px 35px ;color: #616161;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>>Menu <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.menu_table{ margin:80px 0 0 20px;}
.menubg01{ background-image:url(../../images/menu/0_01.png); width:172px; height:66px; vertical-align:bottom; text-align:left;}
.menu_homeimg{ margin:0 0 7px 15px;}
.menubg02{ background-image:url(../../images/menu/0_02.png); width:39px; height:238px}
.menubg03{ background-image:url(../../images/menu/0_03.png); width:133px; height:39px}
.menubg04{ background-image:url(../../images/menu/0_04.png); width:133px; height:46px}
.menubg05{ background-image:url(../../images/menu/0_05.png); width:133px; height:48px}
.menubg06{ background-image:url(../../images/menu/0_06.png); width:133px; height:47px}
.menubg07{ background-image:url(../../images/menu/0_07.png); width:133px; height:58px}
.menubg03:hover{ background-image:url(../../images/menu/1_03.png); width:133px; height:39px}
.menubg04:hover{ background-image:url(../../images/menu/1_04.png); width:133px; height:46px}
.menubg05:hover{ background-image:url(../../images/menu/1_05.png); width:133px; height:48px}
.menubg06:hover{ background-image:url(../../images/menu/1_06.png); width:133px; height:47px}
.menubg07:hover{ background-image:url(../../images/menu/1_07.png); width:133px; height:58px}
/*      hover,fade效果放在css_menu.css*/
/* [IE] hover,fade效果放在 ie_menu.css*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------- Contact us <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.contact_input{ border:1px solid #CCC}
.contact_title{ padding-left:40px; height:27px}
.contact_map_table{border:#2a2b2b 1px solid; margin:12px 0 12px 0;}
.contact_map_size{width:278px; height:160px;}
.contact_map_info{background-color:#6d6d6d; border-bottom:#2a2b2b 1px solid;color:#FFF; padding:5px 0 5px 10px;line-height:16px}
.contact_map_name{background-color:#e4410b; border-bottom:#2a2b2b 1px solid; color:#FFF; font-size:15px;}
.contact_map_zoom{ -webkit-transition: all .4s ease;position:absolute; line-height:25px; margin-top:-25px; text-decoration:none; cursor:pointer; background-color:#000; color:#fff;width:85px; opacity:0.65}
.contact_map_zoom:hover{ opacity:1;}
.contact_com_title{font-size:22px; font-weight:bold; line-height:30px}
.contact_time_title{color:#1b7caa;font-size:22px;line-height:30px;}
.contact_time_time{background-color:#1b7caa; color:#FFF;line-height:22px}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>>Index <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.index_news_title{ color:#696969; height:20px; width:240px; background-color:#e9e9e9; padding:0 0px 0 5px;}
.index_news_content{ padding:3px 10px 10px 10px; color:#CCC}
.index_news_time{ font-weight:bold;padding:0px 10px 8px 0px; color:#000; }




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main Box <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*    Main Box背景放在css_menu.css*/
/*[IE]Main Box背景放在ie_menu.css*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> TOP <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.search{border: 0px solid;height:33px;width:223px;color:#999; padding:0 0 0px 15px;
    	background:url(../../images/searchbg.png) no-repeat right top; position:relative;
    	 }
search:focus, input:focus{
    outline: 0;
}

.windupkey{ width:28px; height:25px;position:absolute; right:10px; top:33px;  background-image:url(../../images/windupkey.png); border:0; cursor:pointer}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> FOOTER <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.footer{ background-color:#f2f2f2; text-align:right; padding-right:20px;z-index:-1; letter-spacing:1px;
		 box-shadow: -5px   0px  10px  2px  rgba(242,242,242,1),/*左漸陰影*/
					  5px   0px  10px  2px  rgba(242,242,242,1),/*右漸陰影*/
					  0px   3px  0px  2px  rgba(242,242,242,1);}/*下實陰影*/
.footera{color: #000; text-decoration: none;  font-size:12px; letter-spacing:1px; }
.footera a:link { color: #000; text-decoration: none;  font-size:12px; }
.footera a:visited { color: #000; text-decoration: none;  font-size:12px; }
.footera a:active { color: #000; text-decoration: none;  font-size:12px; }
.footera a:hover { color: #000; text-decoration: underline;  font-size:12px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> BANNER <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.banner_table_index{ height:200px;}
.banner_table_pages{ height:157px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> LOCATION <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.location_table{ background-color:#f2f2f2;
				 box-shadow: -5px   0px  10px  2px  rgba(242,242,242,1); z-index:-1;}

.locationbg1{ background-image:url(../../images/location/0_01.png); width:245px; height:53px}
.locationbg2{ color:#FFF;text-align:center; vertical-align:middle; background-image:url(../../images/location/0_02.png); background-repeat:no-repeat; background-position:center; width:70px; height:66px}
.locationbg3{ background-image:url(../../images/location/0_03.png); width:175px; height:66px; line-height:18px }



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html { height:100%;}
.body0 { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none;overflow-y:scroll; font-size:12px;  background-image:url(../../images/bg/bg0.png); background-position: center top; background-repeat:no-repeat; background-color:#FFF }
.body1 { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none;overflow-y:scroll; font-size:12px;  background-image:url(../../images/bg/bg1.png); background-position: center top; background-repeat:no-repeat; background-color:#FFF }
.body2 { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none;overflow-y:scroll; font-size:12px;  background-image:url(../../images/bg/bg2.png); background-position: center top; background-repeat:no-repeat; background-color:#FFF }
.body3 { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none;overflow-y:scroll; font-size:12px;  background-image:url(../../images/bg/bg3.png); background-position: center top; background-repeat:no-repeat; background-color:#FFF }
.body4 { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none;overflow-y:scroll; font-size:12px;  background-image:url(../../images/bg/bg4.png); background-position: center top; background-repeat:no-repeat; background-color:#FFF }
body, td, th { font-size:12px; font-family:"微軟正黑體",Verdana, Geneva, sans-serif; }
.iframe_ch{ display:none} /* 送出處理用 iframe */
img{ display:block;}

.backimg{ transition:ease-out .3s;width:71px; height:71px; background:url(../../images/back0.png);margin:10px 65px 0 0; cursor:pointer}
.backimg:hover{ background:url(../../images/back1.png)}







/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }