@charset "utf-8";@import url("pro_3.css");
body{background:url(../../images/temp_f/bg2.jpg) center top  no-repeat #a5e0dc;}

#main{margin:auto;width:1000px;clear:both;}

/*------------------------------------------ 2a4e70 -----------------------  架構  ---------*/
#content{overflow:hidden; position:relative; zoom:1; width:1000px; margin:0 auto; padding:0 0 20px 0;}
#left{float:left;display:block;width:213px;min-height:300px;vertical-align:top;}
#left h3{display:none;}
#rightbox{float:right;;display:block;width:766px;}
.content_bg{background:url(../../images/temp_f/right_bg_02.png);width:766px;min-height:300px; display:table; padding:0 10px 20px 20px;}
.content-main{width:650px; margin:10px 0 0 5px;padding:0 10px 50px 20px;}
/* ------------- search -------------*/
.prod_search label{ display:none;}
.prod_search form{ background:url(../../images/temp_f/under_search.gif) left top no-repeat;}
.prod_search span input{ width:100px; margin-left:15px;border:none; background:none;}

/*-------------- menu list -------------*/
.menu-box{text-align:left; padding-bottom:100px;clear:both;}
.menu{ font-size:13px;display:block; overflow:hidden;background:url(../../images/temp_f/mubg_02.png) repeat-y;padding:0 10px 10px 25px;}
.menu li a { color:#2a4e70;display:block;width:140px; padding:8px 0 8px 15px; margin:0;border-bottom:px dotted #999;}
.menu li a:hover { color:#ec6726; background:url(../../images/temp_f/mn_over.gif) no-repeat;border-bottom:px dotted #999;}

.menu_s01{color:#999;font-size:12px;width:140px;display:block; padding:0 0 10px 10px; }
.menu_s01 a{color:#2a4e70;display:block;padding:10px 0 8px 23px;;text-decoration:none;background:url(../../images/temp_f/spot.png) no-repeat 0 6px; border-bottom:1px dashed #ccc; }
.menu_s01 a:hover{color:#598bba;padding:10px 0 8px 23px;text-decoration: none;background:url(../../images/temp_f/spot.png) no-repeat 0 6px; border-bottom:1px dashed #ccc;}


/*-------------  prod con ---*/
.prod_con{ display:block; text-align:center; visibility:hidden}

/*---------------------------------------------------------------------------------*/
.title{background:url(../../images/temp_f/tit_bg.png);height:118px;overflow:hidden; display:block;padding:0px 0 0px 10px; }
.title h1{ float:left;margin:50px 0 0 80px}
.title span{color:#959595;float:right; font-size:12px; font-family:微軟正黑軟;text-align:right; margin:57px 50px 5px 0}
.title span a{ color:#959595;}
.title span a:hover{ color:#000; }
.title span b{ color:#959595; font-weight: normal}


/*----------------------------------------------------------------  各頁面內容  ---------------*/
.m_com{display:block; width:650px;padding:20px 10px;text-align:justify;}
.m_com p{display:block;padding:0 0 10px 0;}

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

/*-----------------------------------------------------------------   news  ------------------*/
#news_tab{margin:auto;width:92%;}
#news_tab tr th{color:#333;background:#f3f9f9; line-height:30px;text-align:left;padding:0 0 0 5px;border-top:3px #98d1d0 solid;}
#news_tab tr td{padding:7px 0;border-bottom:1px #d5f8f7 solid;}
#news_tab a{color:#2a4e70;padding:0 0 0 10px;}
#news_tab a:hover{color:#98d1d0;text-decoration:underline;}
#news_tab small{color:#666;margin:0 0 0 10px;}

.td_bg01{ background:#fff; padding:5px ;border-bottom:1px solid #e7e7e7; }
.td_bg02{ background:#fafafa; padding:5px; border-bottom:1px solid #e7e7e7; }
/* ------------- page ------------- */
#move_page { clear:both;text-align:center; margin-top:20px; margin-bottom:30px;}
#move_page .onthis{color:#900;font-size:14px; font-weight:bold;text-decoration:underline; padding-right:5px; padding-left:5px; }
#move_page a {color:#000;font-size:11px; font-weight:normal;text-decoration:none; padding-right:5px; padding-left:5px; }
/*--------------  detail  -------*/
#news_d_tit{overflow:hidden;position:relative;margin:auto;width:750px;font-size:12px;padding:15px 0;}
#news_d_tit h1{float:left;font-size:13px;font-weight:bold;display:inline-block;background:url(../../images/temp_f/spot.png) no-repeat 0 1px;padding:0 0 0 25px;margin:0 0 0 10px;}
#news_d_tit address{color:#2a4e70; font-size:11px;float:right; padding:0px 90px;}
#news_d_info{display:block;clear:both;padding:10px 25px;text-align:justify;}
#news_d_info p{display:block;padding:0 0 15px 0;}

/*----------------------------------------------------------------------------  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_f/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:96%;}
#down tr th{color:#333;background:url(../../images/temp_f/icon_line.jpg) left no-repeat #f6f6f6; line-height:30px;text-align:left;padding:0 0 0 5px;border-top:3px #2a669a 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;}


/*---------------------------------   form ---*/
#ctt_form{margin:auto;width:96%;}
#ctt_form tr th{text-align:right;border-bottom:1px #999 solid;padding:8px 10px 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{color:#333;width:400px;background:#F2F2F2;border:1px #CCC solid;height:22px;}
#ctt_form tr td input{color:#333;width:385px;background:#F2F2F2;height:22px;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;}
	
/* ------------- news ------------- */
.news_date{ float:right;}
.news_listpic{ border:0px #d1d1d1 solid; padding:5px;}

/* ------------- video ------------- */
.video_box{background:url(../../images/temp_f/video_box.jpg) no-repeat; padding:15px; margin-bottom:10px;}

.contact_form{ background:url(../../images/temp_f/contact_bg.jpg) 200px 20px no-repeat}
.contact_form th{ width:100px; ; border-bottom:1px solid #dfffff}
.contact_form td{ width:100px; border-bottom:1px solid #f3f9f9}
.contact_form input { width:300px;height:20px;background:#eee; margin:8px; border:0}
.contact_form textarea {width:300px; background:#eee;margin:8px;border:0}
.contact_form .code {width:100px; background:#eee;}
.contact_form .bt{ width:auto; height:auto;border:0}
.contact_form a{ color:#666}

/* ------------- 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 10px;}
.album{background:url(../../images/temp_f/album_bg.png) no-repeat 0 0;width:215px;min-height:181px;height:auto !important;height:181px;float:left;margin-right:20px;padding:0 0 15px 0;}
.albumimgfix{width:232px;height:160px;text-align:center;position:relative;display:table-cell;vertical-align:middle;}
.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;}


.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_f/ico_point01.gif);}

/* ------------- copyright ------------- */
#footer{ clear:both; display:block; width:100%;height:120px; background:#5ca3b7}
#foot{ clear:both; margin:auto; width:1000px; }
.copy{ color:#fff;font-size:12px; display:block; text-align:left; height:50px; overflow:hidden;padding:10px 0; }
.copy a{ color:#fff; margin:0 5px;}
.design{ display:block; clear:both; text-align:right;}
.design a{ color:#fff;}