@charset "utf-8";
body{
	/*background:url(../../images/temp_a/bg2.jpg) repeat-x;
	background:url(../../images/temp_a/bg2.png) top center no-repeat;*/
}
.wrapper {background:url(../../images/temp_a/bg2.png) top center no-repeat;}
#main{
	margin:auto;
	width:1000px;
	clear:both;
}

/*-----------------------------------------------------------------  架構  ---------*/
#banner{
	clear:both;
	width:1000px;
	height:325px;
	position:relative;
	z-index:1;
}
#banner img , #banner .img{
	width:1100px;
	height:350px;
	zoom: 1;
	position:absolute;
	top:-32px;
	left:-51px;
	z-index:1;
}
.banner-wra-pages { background: url(../../images/temp_a/banner-wra-pages.png) top left no-repeat; width:1150px; height:440px; top:-112px; left:-86px; z-index:75; position:absolute;}
#content{ overflow:hidden; position:relative; zoom:1; width:1000px; clear:both; margin:0 auto; /*padding:0 0 20px 0;*/}

#left{
	background:url(../../images/temp_a/prod_menu_title-01com.jpg) top right no-repeat;
	display:block;
	float:left;
    margin: 18px 0 0 3px;
    width: 205px;
	/*vertical-align:top;*/
}
#left h3 { display:block; height:60px;}
#rightbox{
	float:right;
	background:url(../../images/temp_a/bg_right.jpg) no-repeat right top;
	display:block;
    padding: 25px 0;
    width: 760px;
}
.content-main{	border: 0px solid red;	margin:0 auto; padding:0 0 30px 0;}

/* ------------- search -------------*/
.prod_search form{ padding:10px 0 20px 10px; }
.prod_search span input{ width:200px;}

/*-------------- menu list -------------*/
.menu-box{	text-align: left; padding-bottom: 100px;clear:both;}
.menu { font-size:13px; line-height:13px; display:block; padding:32px 0 0;; margin:0;}
.menu li { background:url(../../images/temp_a/prod_mn_bg.gif) no-repeat left bottom; padding-bottom:9px; position:relative;}
.menu li a { background:url(../../images/temp_a/prod_mn1.gif) no-repeat left top; color:#666666; display:block; padding:3px 10px 0px 40px; margin:0 0 0px 0; position:relative; top:-9px;}
.menu li a:hover { background:url(../../images/temp_a/prod_mn1_over.gif) no-repeat left top; color:#0b4982;}

.menu_s01 {	font-size: 12px;color: #999; padding-left: 0px; position:relative; top:-9px; margin-left:30px;/* margin-bottom:10px;*/ width:150px; overflow:hidden;}
.menu_s01 A { color:#595959; display:block; /*margin-left:10px; min-height:26px; padding-top:10px;*/line-height:16px;}
.menu_s01 a:link, .menu_s01 a:visited  { color: #999; text-decoration: none; /*background:url(../../images/temp_a/mus_02.gif) no-repeat 0px top;padding-left:30px;*/border-bottom:1px dotted #ccc;	padding-left:15px;}
.menu_s01 a:active, .menu_s01 a:hover { color: #0a4b83; text-decoration: none; /*background:url(../../images/temp_a/mus_02.gif) no-repeat 0px bottom; padding-left:30px;*/BACKGROUND-POSITION: -228px top;border-bottom:1px dotted #ccc;	padding-left:20px;}

.menu_s02 {	font-size: 11px;color: #999;	line-height:18px;}
.menu_s02 A { width:170px; height:18px;margin-left:20px;  BACKGROUND: url(../../images/temp_a/mus_03.gif) no-repeat 0px 50%;color:#595959; display:inline-block; }
.menu_s02 a:link, .menu_s02 a:visited  {padding-left:20px; padding-top:10px;color: #999;	text-decoration: none; background:url(../../images/temp_a/mus_03.gif) no-repeat;border-bottom:1px dotted #ccc;}
.menu_s02 a:active, .menu_s02 a:hover {	padding-left:20px;color: #538400;	text-decoration: none;	background:url(../../images/temp_a/mus_03.gif) no-repeat;BACKGROUND-POSITION: 0px 50%;border-bottom:1px dotted #ccc;}

.menu_s03 {	font-size: 11px;color: #999;	line-height:18px;}
.menu_s03 A { width:170px; min-height:26px;margin-left:40px; padding-top:10px; BACKGROUND: url(../../images/temp_a/mus_03.gif) no-repeat 0px 50%;color:#595959; display:inline-block; }
.menu_s03 a:link, .menu_s03 a:visited  {padding-left:20px;color: #999;	text-decoration: none; background:url(../../images/temp_a/mus_03.gif) no-repeat;border-bottom:1px dotted #ccc;}
.menu_s03 a:active, .menu_s03 a:hover {	padding-left:20px;color: #538400;	text-decoration: none;	background:url(../../images/temp_a/mus_03.gif) no-repeat;BACKGROUND-POSITION: 0px 50%;border-bottom:1px dotted #ccc;}


/*-------------  prod con ---*/
.prod_con{ display:block; text-align:center; padding-left:12px;}
.prod_con img{ display:block; padding-bottom:4px;}

/*---------------------------------------------------------------------------------*/
.title{ background:url(../../images/temp_a/rightbox-title.jpg) top left no-repeat; overflow:hidden; display:block; width:690px;/* total width 700px*/ /* img heigh 48px */ padding:15px 0 15px 15px;}
.title h1{ float:left; font-size:18px; line-height:18px; font-weight:bold; color:#333; display:inline-block; padding:6px 0 0; margin:0;/* background:url(../../images/temp_a/prod_tit.png) no-repeat 0 3px; padding:0 0 0 22px; */}
.title span{ float:right; font-size:11px; line-height:11px; color:#333; text-align:left; display:block; margin:4px 0 0; padding:6px 5px 0 10px; background:url(../../images/temp_a/top-iaon-1.png) left -7px no-repeat;}
.title span a{ color:#343434; /*letter-spacing:0.7em;*/}
.title span a:hover{ color:#094c83; }
.title span b{ font-weight:normal; color:#094c83;}


/*----------------------------------------------------------------  各頁面內容  ---------------*/
.m_com{
	display:block;
	width:695px;
	margin: 0px 55px 0px 0px;
	padding: 3px 0px 20px 5px;
	text-align:justify;
	border-bottom: solid 1px #0a4b83;
}
.m_com p{
	display:block;
	padding:0 0 10px 0;
}
/*-----------------------------------------------------------------   prodcuts  ------------------*/
.pro_des{
	display:block;
	border:1px #F3F3F3 solid;
	padding:5px;
	margin:10px;
	background:#F7F7F7;
	width:500px;
}
/* ------------- product 橫向模式 第4種------------- */
.product_box{background:url(../../images/temp_a/.jpg) bottom no-repeat; float: left; margin:0px 0px;}
.pro{ font-size:11px; line-height:18px;background:url(../../images/temp_a/pro_frame_06.jpg) no-repeat 0 0; float:left; padding:8px 2px 10px; margin:0 8px 20px 8px; width:200px; min-height:190px;}
.proimgfix{ text-align:center; min-width:130px; min-height:140px; padding:10px 0;}
.prolist_description{ clear:both; /* border:0px solid #069;*/ text-align:left;}
.prolist_description img{ margin:auto;}
.pro_name{ font-size:13px; font-weight: bold; text-align:left;  min-height:25px;  padding:5px 15px 3px 15px; height:34px;}
.pro_name a{ color:#333; display:block; text-align:center;}
.InquirySel { display:block; text-align:left;}
/*--------------- detail ----*/
.pro_des_img{ display:block; width:700px; padding-bottom:15px; text-align:center;}
.pro_imb{ min-height:310px;}
.pro_imb img { height:285px;/*width:684px;*/}
.pro_imgs { width:100%; }
.pro_imgs img{border:3px solid #e4e4e4; margin:5px 3px 0 0; display:inline-block; width:50px; height:50px;/* height:50px*/}

.pro_detail{ clear:both;}
.pro_detail h1{ font-size:24px; font-weight:bold; color:#000; line-height:20px; display:block; background:url(../../images/temp_a/pro-title.jpg) no-repeat top left; padding:37px 55px 15px 118px;}
.pro_detail table tr td{ border-bottom:1px #F2F2F2 solid; padding:2px 0;}
.inquiry_but{ display:block; padding:15px 0; text-align:right;}

.pro_titdes{ clear:both; width:700px; padding:20px 0 0 0;}
.pro_titdes h1{ font-size:16px; font-weight:bold; color: #fff; font-family:"微軟正黑體", Arial; background:url(../../images/temp_a/pro_titdes.png) no-repeat; display:block; line-height:36px; padding:0 0 0 30px; margin:0 0 0 -35px;letter-spacing: 0.5em;}
.title_name{ display:block; padding:10px;}
.title_name h2{ font-size:13px; font-weight:bold; display:block; background:url(../../images/temp_a/prod_tit2.png) no-repeat 0 2px; color:#333; padding:0 0 5px 20px; }
.back{ border-top:solid 1px #ccc; text-align:center; clear:both; width:700px; padding:5px 0px;}


/*-----------------------------------------------------------------   inquiry  ------------------*/
#inq{
	margin:auto;
	width:96%;
	border-bottom:1px #CCC solid;
}
#inq tr th{	padding-left: 30px;	background:url(../../images/temp_a/icon_line.jpg) no-repeat center left; background-color: #f6f6f6; padding:5px; border-top:3px solid #598803;}
#inq tr td{ padding:5px 0;}
#inq_bt{ display:block; padding:10px 0; text-align:center;}
#inq_info{ clear:both; display:block; width:670px; margin-left:15px; padding:15px; border:2px #CCC solid; background:#F2F2F2;}


/*-----*/
.Prd_Photo {
	display: inline;
	position: absolute;
	float:left;
	z-index:10;
}
.Prd_Photo div {
	display: none;
	position:relative;
	top: -11px;
	text-align:left;
}
.inq-img{ height:70px;}
.Prd_Name {
	/*display: inline;*/
	text-align: left;
	width:100%;
	/*float:left;*/
}
.Prd_Photo img {
	border:1px solid #888;
}


/*-----------------------------------------------------------------   news  ------------------*/
#news_tab{
	margin-top:5px;
	width:700px;
}
#news_tab tr th{
	background:url(../../images/temp_a/bg_tab_bar.jpg) repeat-x top;
	color:#FFF;
	line-height:30px;
	padding:0 0 10px;
}
#news_tab tr.tit , #news_tab tr.tit:hover {background:url(../../images/temp_a/bg_tab_bar.gif) top left no-repeat #fff; height:30px;}
#news_tab a{
	font-size:14px;
	color:#333;
	display:block;
	width:550px;
}
#news_tab small{
	font-size:12px;
	color:#555;
	display:block;
	width:125px;
	text-align:center;
}
#news_tab tr:hover { background-color:#EEE;line-height:20px;}
#news_tab td{ padding:5px 0;}
.td_bg01{ background:#fff; padding:5px ;border-bottom:1px solid #e7e7e7; }
.td_bg02{ background:#fafafa; padding:5px; border-bottom:1px solid #e7e7e7; }
/* ------------- store ------------- */
#down { width:700px;}
#down a { color:#0a4b82;}
#down a:hover { color:#000; text-decoration:underline;}
/* ------------- page ------------- */
#move_page { text-align:center; margin-top:20px; margin-bottom:30px;}
#move_page .onthis{	font-size:14px; font-weight:bold;	color:#61974C; text-decoration:underline; padding-right:5px; padding-left:5px; }
#move_page a { font-size:11px; font-weight:normal;	color:#000000; text-decoration:none; padding-right:5px; padding-left:5px; }
/*--------------  detail  -------*/
#news_d_tit{
	overflow:hidden;
	position:relative;
	margin:0;
	width:700px;
	font-size:12px;
	padding:15px 0;
}
#news_d_tit h1{
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	background:url(../../images/temp_a/prod_des3.png) no-repeat 0 3px;
	padding:0 0 2px 25px;
	margin:0 0 0 10px;
}
#news_d_tit address{
	float:right;
	color:#999;
}
#news_d_info{
	display:block;
	clear:both;
	padding:10px 15px;
	text-align:justify;
	width:670px;
}
#news_d_info p{
	display:block;
	padding:0 0 15px 0;
}


/*----------------------------------------------------------------------------  video  --------------------------*/
#video2{
	clear:both;
	display:block;
	width:auto;
	margin:0 0 0 30px;
}
.video01{
	float:left;
	display:block;
	
	text-align:center;
	margin:0 20px 25px 0;	
}
.video01 a{
	font-weight:bold;
	color:#094277;
	text-decoration:none;
	background:#666;
	border:1px #F2F2F2;
	float:left;
	display:block;
	padding:5px 0 0 0;
	width:156px;
	height:200px;
}
.video01 a:hover{
	color:#ce0061;
}



/*---------------------------------   form ---*/
#ctt_form{
	margin:auto;
}
#ctt_form tr th{
	text-align:right;
	border-bottom:2px #999 solid;
	padding:8px 3px 0 15px;
	vertical-align:top;
}
#ctt_form tr th span{
	color:#F00;
	margin:0 5px 0 0;
}
#ctt_form tr td{
	padding:5px 20px 5px 15px;
	border-bottom:1px #ccc solid;
}
#ctt_form tr td select{
	width:380px;
	/*background:#333;
	color:#FFF;*/
	border:1px #CCC solid;
	height:22px;
}
#ctt_form tr td input{
	width:365px;
	/*background:#333;
	color:#FFF;*/
	border:1px #CCC solid;
	height:22px;
	padding:0 5px;
}
#ctt_form tr td textarea{
	width:365px;
	/*background:#333;
	color:#FFF;*/
	border:1px #CCC solid;
	height:100px;
	padding:5px;
}
	



/* ------------- news ------------- */
.news_date{ float:right;}
.news_listpic{ border:0px #d1d1d1 solid; padding:5px;}
/* ------------- contact ------------- */
.inquiry{}
/* ------------- video ------------- */
.video_box{background:url(../../images/temp_a/video_box.jpg) no-repeat; padding:15px; margin-bottom:10px;}
/* ------------- contact 上下樣式 -------------
.contact_add{ font-size:10px; line-height:16px; color:#adb0a5;background:url(../images/mutitle_contact.jpg) no-repeat; padding:50px 10px 30px 300px; }
.contact_add strong{ color:#000;}
.contact_form{ } */
/* ------------- contact 左右樣式 ------------- */
.contact_add{ line-height:18px;/* color:#adb0a5;*/ background:url(../../images/temp_a/mutitle_contact.jpg) no-repeat -30px top; padding:25px 50px 30px 265px; width:385px;}
.contact_map { background:url(../../images/temp_a/mutitle_contact_map.jpg) top left no-repeat; padding:15px 5px 0;}
.contact_add strong{}
.contact_form{ border:0px #0C0 solid; padding:15px 0 0;}
/* ------------- button ------------- */
.but_cancel{ font-size:10px; color:#FFF;padding:10px; margin:10px; border:0px;}
.but_send{font-size:12px; color:#FFF;padding:10px;margin:10px; border:0px;}
/* ------------- table ------------- */
.td_01{	border-bottom: 1px dotted #c0c0c0;padding:5px;}
.td_02{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
.td_03{	border-bottom:1px solid #e8e8e8;	padding-top: 3px;}
/* ------------- topbar ------------- */
#webcall { width:16px; position:absolute;right:0px;top:0px;z-index:1; margin-left:4px;}
/* -------------- album ------------- */
.album_box{
	clear:both;
	margin-bottom:20px;
	}
.album{
	background:url(../../images/temp_a/album_frame_01.jpg) no-repeat 0 0;
	width:192px;
	min-height:142px;
	height:auto !important;
	height:142px;
	float:left;
	margin-right:7px;
}
.albumimgfix{
	min-height:130px;
	height:auto !important;
	height:130px;
	padding-top:5px;
	text-align:center;
	}

.albumlist_description{
	padding-top:10px;
	}
.albumlist_description img{ float:right; border:0px;}
.album_name{
	text-align:center;
	}
.album_imb{
	float:left;
	margin-right:20px;
	}
.album_imb img{
	border:1px solid #cbcbc9;
	}
.album_description{
	width:480px;
	float:right;
	}
.album_descriptionimg{
	margin-bottom:20px;
	}
.album_name02{
	font-size:32px;
	color:black;
	margin-bottom:20px;
	}


.c_orang{	color: #F00;}
.f9pt{ font-size:10px;}
.f12pt{font-size:12px;}
.f10px{font-size:10px;}
.c_gray01{ color:#828282;}
.c_gray02{ color:#a9a9a9;}
.c_black{ color:#000;}
.c_red{ color:#ac1100;}
.fhight16{ line-height:16px;}
.point01{ list-style-image:url(../../images/temp_a/ico_point01.gif);}
/* ------------- main ------------- */
.content{	border: 0px solid #cee;}

.content-main ul ol li{ margin:-20px;}
.both{clear:both;}
/* ------------- cat01------------- */
.catlis_box{border: 0px solid #ffcccc;}
.catlis{ float:left; margin:0px 10px;font-size:11px; width:90%; line-height:18px;padding:10px 0px 20px 0px;background:url(../../images/temp_a/pro_line.jpg) bottom no-repeat;border:1px solid #069;}
.catlis a:link, .pro a:visited  {}
.catlis a:active, .pro a:hover {	color:#0a4b82;	text-decoration: underline;}
.catlis img{ float:left;}
.catlislist_description{	margin-left:20px;	float:left;	border:1px solid #069;	width:60%;}
.catlislist_description img{ margin-left:300px;}
.catlis_name{	color: #000;font-size:13px; font-weight: bold;background:url(../../images/temp_a/pro_bg_name.jpg) no-repeat; height:36px; padding-left:15px;padding-top:15px;}
.catlis_description{	float:left;	border:0px solid #006;	width:400px;}
.catlis_descriptionimg{ width:305px;float:left;}
.catlis_imgs img{border:1px solid #d3d3d3; margin:0px 5px; float:right;}
.catlis_name02{ font-size:16px; background:url(../../images/temp_a/point_01.jpg) no-repeat; padding-left:20px;}
.catlis_titdes{background:url(../../images/temp_a/titles_description.jpg) no-repeat; padding-top:65px;}
/* ------------- sitemap------------- */
table.sitemap {}
table.sitemap a { color:#036; display:block;padding:2px 5px;}
table.sitemap a:hover { color:#666; text-decoration: underline;}
table.sitemap table a { color:#666;}
table.sitemap strong { display:block; background: url(../../images/temp_a/sitemap.png) no-repeat  left top #ccc; margin: 0 0 0 15px;}
table.sitemap strong a:hover { color:#fff; background: url(../../images/temp_a/sitemap-hover.png) no-repeat  left top #036; text-decoration:none; }