@charset "utf-8";@import url("pro_4.css");
body{overflow-x:hidden;}


#banner { width:100%; min-width:1200px; height:418px;background:url(../../images/temp_a/banner_1.jpg) center top no-repeat;position:absolute; top:0;z-index:-1;}
#main{margin:auto;width:100%;min-width:1200px; background:url(../../images/temp_a/bg2.jpg) center top no-repeat;}
#main2{margin:auto;width:100%;min-width:1200px; background:url(../../images/products_bg.jpg) center top no-repeat;}
#top_bg{
	width:100%;
	min-width:1200px;
	height:129px;
	position:absolute;
	top:0;
	display:table;
	background-image: url(../../images/top.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/*-----------------------------------------------------------------  架構  ---------*/
#content{
	width:1200px;
	min-height:800px;
	padding-top: 310px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin:0 auto;
}
#content2{
	width:1200px;
	min-height:800px;
	padding-top: 180px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin:0 auto;
}
#content label { display:block; margin-top:-20px}
#left{
	float:left;
	width:280px;
	overflow:visible;
	margin-left: 40px;
	padding-bottom: 20px;
	margin-top: 20px;
}

#left h3{display:none;}
#rightbox{
	display:block;
	width:850px;
	min-height:650px;
	float: right;
	padding-bottom: 40px;
}
.content-main{ }

/* ------------- search -------------*/
.prod_search label{ display:none;}
.prod_search form{background:url(../../images/temp_a/under_search.gif) left top;}
.prod_search span input{ width:130px; margin-left:15px;border:none; background:none;}

/*-------------- menu list -------------*/
.menu-box{	text-align: left; padding-bottom: 100px;clear:both;}
.menu {
	word-wrap:break-word;
	display:block;
	padding:20px 0px 20px 0px;
	background-image: url(../../images/temp_a/menu_bg.png);
	background-position: center top;
	font-family: Meiryo, "Meiryo UI", \5FAE\8EDF\6B63\9ED1\9AD4;
	min-height:300px;
	font-weight: normal;
}
.menu li a {
	font-size:15px;
	color:#333;
	padding:10px 0 10px 20px;
	display: block;
}
.menu li a:hover {
	color:#fff;
	display: block;
	background-image: url(../../images/temp_a/mu_over.png);
}

.menu_s01{color:#000;font-size:12px;  display:block;padding:0}
.menu_s01 a{color:#2566af;display:block; padding-left:30px;  text-decoration: none; border-bottom:1px dashed #ccc; padding:10px 0 8px 30px;}
.menu_s01 a:hover{color:#fff;padding-left:30px; text-decoration: none;background:url(../../images/temp_a/mn_over.gif) no-repeat; border-bottom:1px dashed #ccc;}

.menu_s02 {color:#999;font-size: 12px;line-height:18px;}
.menu_s02 a{color:#595959;width:170px; min-height:26px;margin-left:20px; BACKGROUND: url(../../images/temp_a/mus_03.gif) no-repeat 0px 50%; display:inline-block; }
.menu_s02 a:link, .menu_s02 a:visited{color:#999;padding-left:20px; 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{color:#538400;padding-left:20px; 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:none; text-align:center;}

/*---------------------------------------------------------------------------------*/
.title{ overflow:hidden; display:block; padding:15px 17px 100px 0px;border-bottom:0px solid #e5e5e5}
.title h1{color:#000;float:left; font-size:16px; font-weight:bold;  display:inline-block;}
.title span{color:#000;float:right; font-size:12px;  text-align:right; margin:0; padding:0px 0 0 0; }
.title span a{ color:#000;}
.title span a:hover{ color:#000; }
.title span b{ color:#000; font-weight: normal}

.title2{ overflow:hidden; display:block; padding:15px 17px 40px 0px;}
.title2 span{color:#fff;float:right; font-size:12px;  text-align:right; margin:0; padding:0px 0 0 0; }
.title2 span a{ color:#fff;}
.title2 span a:hover{ color:#fff; }
.title2 span b{ color:#fff; font-weight: normal}

/*----------------------------------------------------------------  各頁面內容  ---------------*/
.m_com{
	display:block;
	text-align:justify;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
.m_com p{ font-size:13px; line-height:24px;display:block;padding:0 0 10px 0;}
.m_com h1{ color:#F00; font-size:16px; font-weight:bold}
.m_com h2{ color:#600; font-size:15px; font-weight:bold}

/*---  iqnuriy2.php ------------*/
.Prd_Photo {display: inline;position: absolute;float:left;z-index:10;margin:40px 0 0 -250px;}
.Prd_Photo div {display: none;position:relative;background:#fff;top: -11px;text-align:left;}
.Prd_Name {display: inline;text-align: left; width:100%;float:left;}
.Prd_Photo img { max-width:300px;max-height:300px; border:1px solid #888;}

/*-----------------------------------------------------------------   news  ------------------*/
#news_tab{ font-size:16px;margin:auto;width:98%;}
#news_tab tr th{color:#fff;background:#7a8e90; line-height:30px; height:35px;text-align:left;padding:0 0 0 5px;}
#news_tab tr td{padding:9px 0;border-bottom:1px #CCC solid;}
#news_tab a{color:#000;background: url(../../images/temp_a/arrow.gif) no-repeat scroll 2px 9px transparent;padding-left: 12px;}
#news_tab a:hover{color:#000;text-decoration:underline;}
#news_tab small{color:#000;margin:0 0 0 10px;}

.td_bg01{ background:#fff; padding:5px;border-bottom:1px solid #838181; }
.td_bg02{ background:#fff; padding:5px;border-bottom:1px solid #838181; }

#accordion { width:92%; margin:auto}

/* ------------- page ------------- */
#move_page { clear:both;text-align:center; margin-top:20px; margin-bottom:30px;}
#move_page .onthis{
	color:#900;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	border: 1px solid #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#move_page a {
	color:#000;
	font-size:15px;
	font-weight:normal;
	text-decoration:none;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border: 1px solid #E8E8E8;
}
/*--------------  detail  -------*/
#news_d_tit{overflow:hidden;position:relative;margin:auto;width:100%;font-size:12px;padding:0px 0;}
#news_d_tit h1{ color:#5B3E3E;font-size:18px;font-weight:bold;display:inline-block;float:left;background:url(../../images/temp_a/prod_des3.png) no-repeat 0 9px;padding:0 0 0 25px;margin:0 0 0 5px;font-family: Meiryo, "Meiryo UI", \5FAE\8EDF\6B63\9ED1\9AD4;font-weight: normal;}
#news_d_tit address{color:#CCC;float:right; padding:0px 20px;}
#news_d_info{display:block;clear:both;padding:10px 25px;text-align:justify;}
#news_d_info p{display:block;padding:0 0 15px 0;}

/* -------------  (有圖new)------------- */
#news_tab2 a {
	color:#5B3E3E;
	font-size:18px;
	font-family: Meiryo, "Meiryo UI", \5FAE\8EDF\6B63\9ED1\9AD4;
	font-weight: normal;
}
#news_tab2 p {
	border-top:1px solid #e7e7e7;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#news_tab2 tr td{ height:150px; vertical-align:top;overflow:hidden; padding:0px 10px 0px 0}
.news_date{ float:right;}
.news_listpic{
	width:100px;
	height:150px;
	text-align:center;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	border:0px #d1d1d1 solid;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 22px;
	padding-left: 10px;
}
.news_listpic img{width:200px; height:150px;}
#news_tab2 small{
	font-size:11px;
	color:#999;
}

/*----------------------------------------------------------------------------  video  --------------------------*/
#video2{width:auto;padding:0 10px;}
.video01{float:left;display:inline-block;text-align:center;margin:0 20px 25px 0;	}
.video01 a{color:#1c4468;font-size:13px;font-weight:bold;text-decoration:none;background:url(../../images/temp_a/bg_foot2.jpg) repeat-x 0 50px #000;float:left;display:block;padding:5px 0 0 0;width:165px;height:150px;}
.video01 a img{clear:both;text-align:center;padding:0 0 5px 0;}
.video01 a:hover{color:#000;text-decoration:underline;}
/*-----------------------------------------------------------------   download  ------------------*/
#down{margin:auto;width:98%;}
#down tr th{color:#333;background:url(../../images/temp_a/icon_line.jpg) left no-repeat #f6f6f6; line-height:30px;text-align:left;padding:0 0 0 5px;border-top:3px #7a8e90 solid;}
#down tr td{padding:7px 0;border-bottom:1px #CCC solid;}
#down a{color:#666;}
#down a:hover{color:#0c2fad;text-decoration:underline;}
#down small{color:#666;margin:0 0 0 20px;}

/*-----------------------------------------------------------------   download 有圖 ------------------*/
.down2 {line-height:14px;float:left;width:47%;height:146px;padding:5px;background:url(../images/pro_frame_06.jp) no-repeat 0px 0px;
margin:10px 5px ;border:1px solid #eee;}
.down2_pic {width:140px;height:140px;background-color: #F9F9F9;text-align: center;position: relative;display:table-cell;vertical-align: middle;border: 1px solid #CCC;}
.down2_des {line-height:18px;float:right;width:55%; margin-top:-140px}
.down2_name { padding:5px 0px; margin:0px 0 10px 0px;border-bottom:1px solid #eee} 
.down2_name a{ color:#666; font-weight:bold} .down2_name a:hover{ color:#000;}
.down2_des small { color:#900;display:block}

/*---------------------------------   form ---*/
#ctt_form{margin:auto;width:700px;}
#ctt_form tr th{text-align:right;border-bottom:1px #999 solid;padding:0px 10px 0 15px;}
#ctt_form tr th span{color:#F00;margin:0 5px 0 0;}
#ctt_form tr td{padding:30px 20px 10px 15px;border-bottom:1px #ccc solid;}
#ctt_form tr td select{color:#333;width:400px;background:#F2F2F2;border:1px #CCC solid;height:22px;}
#ctt_form tr td input{color:#333;width:385px;background:#F2F2F2;height:24px;padding:0 5px;border:1px #CCC solid;}
#ctt_form tr td textarea{color:#333;width:385px;background:#F2F2F2;height:100px;padding:5px;border:1px #CCC solid;}

/* ------------- video ------------- */
.video_box{background:url(../../images/temp_a/video_box.jpg) no-repeat; padding:15px; margin-bottom:10px;}
/* ------------- contact 上下樣式 -------------*/
.contact_form h1{ padding:10px 0 0 30px;}
.contact_form table { width:90%; margin:auto}
.contact_form tr td{padding:8px 0;}
.contact_form tr th{ width:100px; text-align:right}
.contact_form input{background:#f9f9f9;width:95%; height:22px; padding:2px 3px;border:1px solid #ccc}
.contact_form textarea{background:#f9f9f9;width:95%; height:100px;margin:3px 0px;padding:2px 3px;border:1px solid #ccc}
.contact_form .code{ width:auto}   .contact_form a { color:#333}
.contact_form .bt{ width:auto; height:auto; margin:0;padding:0;border:0}
.contact_form .but_send{background:none;width:auto; height:auto;padding:0;border:0}
.contact_form img { margin:0 5px;}

/* ------------- button ------------- */
.but_cancel{color:#FFF;font-size:10px;  margin:0 20px 0 0; border:0px;}
.but_send{color:#FFF;font-size:12px;  margin:0; 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{float:left;padding:15px 0 15px 40px;}
.album{background:url(../../images/temp_a/album_bg.png) no-repeat 0 0;width:215px;height:198px;float:left;margin:20px 15px;padding:0 0 15px 0;}
.albumimgfix{width:232px;height:160px;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.albumimgfix img { max-width:200px; max-height:140px}
.albumlist_description{padding-top:10px;}
.albumlist_description img{ float:right; border:0px;}
.album_name{text-align:center;}
.album a{ color:#666}  .album a:hover{ color:#000}
.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;}

/* -------------- epaper ------------- */
#epaper { margin:500px; margin:auto; padding:20px 50px; border:3px solid #eee}
.epaper1 { margin:10px 0; width:300px; height:26px;border:1px solid #ccc}

.c_orang{color: #F00;}
.f9px{ font-size:10px;}
.f12px{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);}