@charset "utf-8";
/* VR Website 99.01.06 */
body { background:#000 url(../images/page_bg.gif) repeat-x;}
.clear { clear:both; font-size:1px; height:0; line-height:0;}
ul, li {
	list-style: none;
	text-align: left;
	line-height:14px;
	margin: 0px;
	padding: 0px;font-family:Arial, Helvetica, sans-serif; font-size:12px;
	}
ul { display:block; }
/* menu */
#menu { margin:0 auto; display:block; width:880px; padding:0px;}
#menu2 { margin:0 auto; display:block; width:880px;}
.menu_b {margin:0px; padding:0px;}
/* main */ 
#main {margin:0 auto; display:block; width:880px;_width:918px;}
/* home content */
#home_content {display:inline;margin:0px; padding:0px;clear:both;}
#home_content .home_news { display:block; width:412px; height:155px; background-color:#545454; margin:1px 0px 0px 19px; float:left;}
#home_content .home_news ul { margin-top:8px;}
#home_content .home_news li { display:block;background:url(../images/icon.gif) no-repeat 20px -57px;*background:url(../images/icon.gif) no-repeat 20px -58px;padding:2px 0px 5px 30px; color:#ccc;}
#home_content .home_news li a{ padding:5px 0px 5px 0px; color:#fff;  text-decoration:none;}
#home_content .home_news li a:hover {text-decoration:underline;}
.list_name { color:#fff; margin-left:10px;}
h2.home_title { font-size:16px; color:#dcb61c; background:url(../images/icon.gif) no-repeat 20px 8px; font-weight:bold; padding:5px 0px 0px 30px;}
#home_content .home_design { display:block; width:412px; height:155px; background-color:#545454;margin:1px 0px 0px 1px; float:left; }
/* photo js */
#slider_js{ position:relative;left:80px;top:8px;}
#slider ul, #slider li,	{margin:0;padding:0;list-style:none;}
#slider_js img { border:1px solid #fff;}
#slider li, #slider li a{ width:252px; height:117px; text-align:center; overflow:hidden; }
#prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999px; }
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ display:block; width:46px; height:46px; position:absolute; left:-60px; top:20px; z-index:1000; }	
#nextBtn, #slider1next{ left:265px; }														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{ display:block; position:relative; width:46px; height:46px; background:url(../images/design/btn_prev.gif) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{ background:url(../images/design/btn_next.gif) no-repeat 0 0; }
/* content2 */
#content { display:block; width:880px; _margin:0px 0px 0px 50px;padding:0px; background:#000 url(../images/main_bg.gif) top; _background: url(../images/main_bg.gif) no-repeat;overflow:hidden;*overflow:inherit;}
#title_category { display:block; width:880px;height:25px; line-height:25px; margin-left:20px;padding-left:30px;background:url(../images/icon.gif) no-repeat 15px -115px; }
#title_category  a { color:#666;}
#title_category  a:hover { text-decoration:none;}
/* 左邊選單 */
#left {clear:both;float:left; margin-left:19px;background-color:#fff;width:160px;}
#sub_nav { display:block;width:160px;margin-left:20px; border-left:1px solid #999;padding-top:21px;}
#sub_nav .sub_nav1 { width:125px;height:26px;padding-top:21px;}
#sub_nav  ul { width:99px; margin:3px 0px 0px 23px;}
#sub_nav  li a {display:block; width:78px; /*height:20px;*/ line-height:18px;border-bottom:1px solid #85ae5e; border-left:1px solid #85ae5e; border-right:1px solid #85ae5e; color:#327511; text-decoration:none; background:url(../images/icon.gif) no-repeat 7px -177px; padding:2px 1px 2px 18px;}
#sub_nav  li a:hover { color:#333;}
#sub_nav .sub_nav2 { width:125px;height:26px;padding-top:5px;}
#sub_nav .sub_nav1 a, .sub_nav2 a {display:block;width:160px;height:26px;background:url(../images/left_menubg.gif) no-repeat; text-indent:43px; line-height:23px; color:#fff; text-decoration:none; }
#sub_nav .sub_nav1 a:hover, .sub_nav2 a:hover {color:#ffd800;}
/* 右邊內容*/
#sub_content {margin:0px 36px 20px 210px; *margin:0px 36px 15px 210px;background-color:#fff;}
#sub_content2  {margin:0px 36px 20px 32px; *margin:0px 36px 15px 32px;background-color:#fff;}
/*#content_titlename { display:block;margin-left:300px; }*/
#content_titlename { display:block; position:relative;right:0px; top:0px; height:65px;}
#content_titlename img {position:absolute; right:0px; top:0px;}
#content_titlename .right_titlename { position:absolute; right:45px; top:48px; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif, "新細明體"; }
/* new */
#new { margin:0px; padding:0px;}
#new ul { margin-top:20px; }
#new li { display:block; height:80px; margin-bottom:15px;border-bottom:1px dashed #333; width:595px;}
#new .new_imgs { display:block; width:68px; height:68px; background:url(../images/new_photobg_s.gif) no-repeat; padding:4px 0px 0px 0px; float:left; text-align:center;}
#new .new_right {display:block; margin:0px 0px 0px 10px; padding:0px; width:510px; float:left;}
#new .new_t { padding:0px;*padding:2px;float:left;}
#new .new_t a { color:#01547f; font-size:14px; font-weight:bold;}
#new .new_t a:hover { text-decoration:none;}
#new .new_d { color:#666; font-size:12px; margin-left:10px; font-weight:normal; float:right; display:block; width:72px;} 
#new .new_c { clear:both; color:#333; line-height:18px;padding-top:10px;}
#new .new_more { padding-top:5px; vertical-align:middle;}
/* new_detail */
#new_detail {margin:0px 0px 20px 0px; padding:0px;}
#new_detail_info { display:block; padding:0px;margin:20px 0px 20px 0px; overflow:auto;}
#new_detail_info .new_detail_ct { float:left; display:block; width:360px; line-height:18px;color:#000;}
#new_detail_info .new_detail_img { display:block; float:right; width:230px; height:220px;margin-right:5px; background:url(../images/new_photobg_b.gif) no-repeat; padding-left:15px;}
#new_detail_info .new_detail_name { color:#01547f; font-size:18px; font-weight:bold; line-height:20px;}
#new_detail_info .new_detail_d { display:block;color:#666; font-size:14px; margin:5px 0px 10px 0px;}
#new_next { clear:both;display:block; margin:0px; padding:0px; width:590px; background-color:#d9e3ce; border:1px solid #bdccab;}
#new_next .new_next_t { display:block; font-size:14px; font-weight:bold; background:url(../images/icon.gif) no-repeat 10px 2px; margin:5px 5px; text-indent:20px;}
#new_next ul { margin-bottom:10px;}
#new_next li {padding:2px 0px 5px 38px; display:block;background:url(../images/icon.gif) no-repeat 25px -233px;}
#new_next li a { color:#000; text-decoration:none;}
#new_next li a:hover { text-decoration:underline;}
.new_next_list { color:#000; margin-left:10px;}
/* page */
#page_info { clear:both;display:block; padding:0px; text-align:center; margin:10px 0px 20px 0px; *margin:10px 40px 20px 0px;text-align:center; width:590px;*width:auto; *padding:0px 0px 20px 0px;}
#page_info .p_total { display:block; margin-bottom:5px;}
#page_info .page { display:block; margin-top:20px;}
#page_info .page_p {color:#000; font-weight:bold; padding:5px 6px;}
#page_info .page a{ font-size:12px; color:#336633;font-weight:bold; background-color:#daefca; border:1px solid #acce91; padding:5px 6px; margin:0px 1px;text-decoration:none;}
#page_info .page a.next { background-color:#fff; margin-right:2px;}
#page_info .page a:hover { background-color:#acce91; color:#000;}
.red { color:#dd0000;}
/* 代表客戶 */
#successcase_vr ,#successcase_vr2 , #virualrealilty { display:block; width:580px; margin:20px 0px 10px 20px; *margin:20px 0px 20px 20px; _margin:20px 0px 10px 20px; padding:0px;overflow:auto; _overflow:hidden;}
.successcase_vr_info , .successcase_vr_info2 { display:block; width:262px;  float:left; margin:0px 25px 25px 0px;text-align:center;}
.successcase_vr_info {height:153px;background:url(../images/sc_bg.jpg) no-repeat left top; }
.successcase_vr_info2 { height:220px;background:url(../images/sc_bg2.jpg) no-repeat left top; }
.sc_vr_img , .vr_img{ display:block; width:200px; height:100px; margin:11px auto; border:1px solid #fff; }
.sc_vr_t , .vr_t{ display:block; color:#000; margin:18px 5px 0px 10px; text-align:center;}
.sc_vr_c {display:block; color:#000; margin:12px 5px 0px 10px; text-align:left; line-height:17px;}
.successcase_vr_info .sc_vr_t a , .successcase_vr_info2 .sc_vr_t a { color:#000; text-decoration:none;}
.successcase_vr_info .sc_vr_t a:hover , .successcase_vr_info2 .sc_vr_t a:hover{ color:#7f4801;}
/* 虛擬實境 */
.virualrealilty_info { display:block; width:262px; height:153px;background:url(../images/VR_bg.jpg) no-repeat left top; float:left; margin:0px 25px 25px 0px;text-align:center;}
.virualrealilty_info .vr_t a { color:#000; text-decoration:none;}
.virualrealilty_info .vr_t a:hover { color:#dedede;}
/* 聯絡我們 */
#contact_us { display:block; margin:20px 0px 0px 0px; padding:0px; width:570px;}
#contact_us .contact_title { display:block; background:url(../images/icon.gif) no-repeat 0px -306px; *background:url(../images/icon.gif) no-repeat 0px -307px; color:#92721a; padding-left:20px; line-height:20px; margin-bottom:0px; font-size:13px; font-weight:bold;}
#contact_us table { width:570px; background-color:#d9e3ce; padding:0px;}
#contact_us th ,#contact_us td {padding:5px; border:1px solid #afc09d;color:#5c6f47;}
#contact_us th {width:20%;text-align:center;}
#contact_us td { width:80%;}
.coontact_i { background-color:#fff; border:1px solid #5c6f47; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px;}
#contact_send { display:block; text-align:center; margin:15px 0px;}
#contact_send .contact_s { width:61px; height:28px; margin-right:20px;}
/* 公司介紹 * //*服務項目*/
#company , #service{ display:block; margin:0px; padding:0px; width:570px;}
#company_box , #service_box {display:block; margin:15px 0px 15px 0px; padding:0px;background:url(../images/company_c_bg.gif) repeat-x; }
#company_box h2 , #service_box h2{ display:block; margin:0px;  height:31px; font-size:14px; font-weight:bold; color:#000; padding-left:30px; line-height:31px; background:url(../images/icon.gif) no-repeat 15px -453px;}
#company_box .company_c , #service_box .service_c{ display:block; margin:0px; padding:15px; border:1px solid #afc09d; background-color:#d9e3ce; text-align:justify; line-height:17px;}
#company_info { display:block; margin:0px; padding:0px; line-height:17px;text-align:justify;}
/*服務項目*/
#service_title { display:block; margin:0px; padding:0px; width:625px;_width:620px; height:120px; background:url(../images/service/service_title_bg.jpg) no-repeat left top;}
.service_title_box { display:block; width:480px; margin:0px 0px 0px 140px; padding-top:20px;}
.service_title_box a { color:#21718f; text-decoration:none;}
.service_title_box a:hover { color:#333; text-decoration:underline;}
.service_title_n {display:block; width:150px; float:left; margin:0px 15px 7px 0px; background:url(../images/service/title_icon.gif) no-repeat 0px -2px; padding-left:21px;}
#service_box { margin:5px 0px 15px 0px;}
#service_box .service_c { overflow:auto; _height:100%;}
#service_box .service_t { display:block; width:350px; float:left;}
.service_t td { padding:0px 5px 0px 0px;color:#555;}
.service_ps { color:#555;}
#service_box .service_img {display:block; width:180px; float:right;}
/* footer */
#footer { margin:0 auto; display:block; width:880px; clear:both;}
#footer .copyright {font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:16px;  text-align:right;}
#footer .copyright ul { padding:10px 40px 0px 0px; margin-bottom:10px;}
#footer .copyright li { float:right; line-height:16px;text-align:right; color:#777;}
#footer .copyright li img { width:105px; height:34px;}
#footer .other_logo { text-align:right;}
.browse_t { color:#777; font-size:10px;padding-bottom:5px;line-height:20px;}
/*新增樣式*/
#footer_style { margin:10px 0px 5px 18px; _margin:10px 0px 0px 18px; overflow:hidden; padding-top:8px; *padding-top:0px;}
#footer_style ul ,#footer_style ul li { border:none; padding:0px;}
.fudai_logo { float:left; width:127px; height:70px; background:url(../images/FuDai_logo_s.gif) no-repeat 0px 0px; text-indent:-9999px; }
.style_box { float:left; width:695px; overflow:hidden; border-left:1px solid #666; margin:0px; padding:0px 0px 0px 10px; }
ul.logo_style li { float:left; text-indent:-9999px;}
ul.logo_style li a { display:block; width:231px;height:52px; margin-right:5px; }
ul.logo_style li.style01 a { width:231px; background:url(../images/logo_style_s.gif) no-repeat 0px 0px; }
ul.logo_style li.street_style a { width:229px; background:url(../images/logo_style_s.gif) no-repeat -237px 0px; }
ul.logo_style li.vr_style a { width:216px; background:url(../images/logo_style_s.gif) no-repeat -472px 0px; margin-right:0px; }
.company_style { clear:both; text-align:left; font-size:1em; line-height:16px; color:#777; margin-top:8px; padding-top:5px; *padding-top:0px; }
.company_style a { color:#a17e33; text-decoration:underline; }
.company_style a:hover {  color:#777; text-decoration:none;}
.cp_style2 { font-size:11px;}