@charset "utf-8";
/* CSS Document */
@import url("reset.css");


/*index*/
body{ display:block; margin:0px; padding:0px; background-image: url(../images/bg.jpg); background-repeat: repeat-x;}
div.outs{ display:block; background: url(../images/outs.png) top center; background-repeat: no-repeat; width:100%; }
div.indexbox{display:block; width:1002px; margin:0 auto; background:url(../images/index_main_bg.jpg) no-repeat; overflow:hidden;}

div.footerbox{ display:block; width:100%; height:73px; background:url(../images/footer.png) repeat-x;}
div.footerbox02{ overflow:hidden; display:block; width:1002px; height:73px; margin:0 auto; background:url(../images/footer_main_bg.jpg) no-repeat;}
div.footerbox02 .fot_logo{ float:left; display:block; width:195px; height:50px; background-image: url(../images/index03.png); text-indent: -9999px; margin-left: 25px; margin-top: 10px;}
div.footerbox02 p{ color: #FFFFFF; float: right; font-size: 13px; line-height:18px; margin-top: 20px; margin-bottom: 7px; display:block; margin-right: 25px; text-align:right; font-family:Arial, Helvetica, sans-serif;}
div.footerbox02 span{ color: #6c6c6c; font-size: 10px; display:block; font-family:Arial, Helvetica, sans-serif;}
div.footerbox02 span em{ font-size:12px; font-style:normal;}
div.footerbox02 p span a{ color: #6c6c6c; text-decoration: none;}
div.footerbox02 p span a:hover{ color: #FFF; text-decoration: none;}

div.flash{ display:block; position:relative; width:1002px; height:480px; background:url(../images/banner_bg.png) no-repeat;}
div.flash h1{ display:block; position:absolute; width:222px; height:66px; background-image: url(../images/logo.png); text-indent: -9999px; top: 17px; left: 28px;}
div.flash .map{ width:135px; height:19px; background-image: url(../images/map.png); color: #FFFFFF; font-size: 12px; line-height:21px; text-align: center; position: absolute; top: 33px; left: 837px; z-index:9;}
div.flash .map a{ color: #FFFFFF; text-decoration: none;}
div.flash nav{ display:block; width:520px; height:56px; position:absolute; bottom:39px; left:0; font-size:0; letter-spacing:0;}
div.flash nav a{ display:inline-block; width:130px; height:45px; padding:11px 0 0 0; font-size: 16px; line-height:19px; font-weight: bold; color:#FFF; text-align:center; font-family: "微軟正黑體"; text-decoration:none; position:relative;}
div.flash nav a:hover{ background:#008d43;}
div.flash nav a span{ display:block; font-size:12px; color:#a8e8c6; transform: scale(.9,.9);}
div.flash nav a::after{ content:''; display:block; width:1px; height:28px; background:#4a4a4a; position:absolute; bottom:0; right:-1px;}
div.flash nav a::before{ content:''; display:block; width:1px; height:28px; background:#131313; position:absolute; bottom:0; right:0px;}
div.flash nav a:last-child::after,div.flash nav a:last-child::before{ display: none;}
div.flash .img{ display:block; width:451px; height:477px; position:absolute; top:0; right:20px; z-index:1;}
div.flash .img .ad{ display:block; width:451px; height:477px; position:absolute; top:0; right:0;}
div.flash .control{ display: none;}

div.index_mainbox{ display:block; width:1002px; overflow:hidden; padding:0 0 7px 0;}
div.indexbox .indexleft{ width:540px; height:127px; background-image: url(../images/index01.png); float:left; padding-top: 42px; padding-left: 36px;}
div.indexbox .indexleft span{ color: #4C8166; font-size: 12px; font-family: "微軟正黑體"; font-weight: bold;}
div.indexbox .indexleft p.ilp1{ color: #505050; font-size: 15px; margin-bottom: 10px; font-family: "微軟正黑體"; font-weight: bold;}
div.indexbox .indexleft p.ilp2{ color: #505050; font-size: 14px; margin-bottom: 10px; font-family: "微軟正黑體"; font-weight: bold;}
div.indexbox .right{ width: 376px; height: 144px; float:left; color: #333333; font-size: 13px; line-height: 22px; padding-top: 15px; padding-right: 40px; padding-bottom: 10px; padding-left: 10px;}
div.indexbox .right a{ text-decoration: none; color: #769e89;}
div.indexbox .right a:hover{ text-decoration: underline;}
div.indexbox .nav{ display:block; overflow:hidden; width:1002px; clear:both;}

div.index_product { display:block; width:944px; height:180px; color:#555555; position:relative; background-image: url(../images/index_product.png); background-repeat: no-repeat; margin-right: 0;margin-bottom: 0px; margin-left: 0; padding-top: 0; padding-right: 5px; padding-bottom: 0; margin-top: 0px; padding-left: 53px;}
.scrollable { position:relative; overflow:hidden; width: 824px; height:147px; float: left; margin-top: 15px; margin-left: 65px;}
.scrollable .items { width:20000em; position:absolute; clear:both;}
.scrollable .items div { display:block; float:left; width:824px; height:147px; position:relative; overflow:hidden; padding:0px;}

.scrollable .items div a{ display:block; float:left; width:190px; height:144px; background-image: url(../images/index_box1.png); padding:3px 3px 0px 3px; text-decoration:none;}
.scrollable .items div a:hover{ background-image: url(../images/index_box2.png);}

.scrollable .items div ul{ display:block; width:824px; height:147px; padding:0; overflow:hidden;}
.scrollable .items div ul li{ display:block; width:196px; height:147px; margin:0 5px 0; float:left;}
.scrollable .items div ul li h3{ display:block; width:196px; height:124px;}

.scrollable .items div img{ margin-right: auto; margin-left: auto; height: 124px; width: 189px;}
.scrollable .items div ul li p.img_s{ display:block; width:196px; height:147px; text-align:center; vertical-align:middle \9; display:table-cell \9; overflow:hidden; background-image: url(../images/index_box1.png);
background-repeat: no-repeat;}
.scrollable .items div ul li p.img_s span{ height:100%; display: inline-block; }
.scrollable .items div ul li p.img_s *{ vertical-align:middle; text-align:center;}
.scrollable .items div ul li p.img_name{ display:block; width:174px; height:20px; text-align:center; color: #705b30; overflow:hidden; padding:5px 0px 0px 0px;}
.scrollable .items div ul li p.img_name a{ color: #705b30; text-decoration:none;}
.scrollable .items div ul li p.img_name a:hover{ color: #5883c8; text-decoration:none;}
.scrollable .active {	position:relative;	cursor:default;}
a.browse {	display:block;	margin:0px 0px;	cursor:pointer;}
a.right { position:absolute; top:15px; left: 940px;}
a.left{ position: absolute; top: 20px; left: 82px;}
a.disabled { visibility:hidden !important;} 
.next browse right{ display:block; width:50px; height:50px;}

.abgne_tip_gallery_block {  float:left; margin: 0; padding: 0; width: 189px; height: 124px; overflow: hidden; position: relative; }
.abgne_tip_gallery_block img { position: absolute; border: 0;}
.abgne_tip_gallery_block span {	position: absolute;	top: 95px;	width: 169px;	cursor: pointer;	color: #fff;	display:block;	background-image: url(../images/index_black.png);	background-repeat: repeat;	height: 113px;	padding: 4px 10px 10px 10px;	text-decoration: none;	overflow:hidden;}
.abgne_tip_gallery_block span p.iname { margin: 0; font-size: 16px; line-height:25px; color: #9fe7c2; font-family: "微軟正黑體"; text-decoration: none; padding: 0 0 10px 0; width:149px; height:18px; overflow:hidden; font-weight:bold;}
.abgne_tip_gallery_block span p.iname a { text-decoration:none; color: #fc6;}
.abgne_tip_gallery_block span p.iname a:hover { text-decoration:none;}
.abgne_tip_gallery_block span p{ font-size: 13px; line-height:22px; margin-bottom: 5px; text-decoration: none; font-weight:normal;}
/*about1*/
div.test{ display:block; width:1002px; overflow:hidden;}
div.history_flash{ display:block; position:relative; width:1002px; height:383px; background:url(../images/banner_bg2.png) no-repeat;}
div.history_flash h1{ display:block; position:absolute; width:222px; height:66px; background-image: url(../images/logo.png); text-indent: -9999px; top: 17px; left: 28px;}

div.history_flash nav{ display:block; width:520px; height:56px; position:absolute; bottom:39px; left:0; font-size:0; letter-spacing:0;}
div.history_flash nav a{ display:inline-block; width:130px; height:45px; padding:11px 0 0 0; font-size: 16px; line-height:19px; font-weight: bold; color:#FFF; text-align:center; font-family: "微軟正黑體"; text-decoration:none; position:relative;}
div.history_flash nav a:hover{ background:#008d43;}
div.history_flash nav a span{ display:block; font-size:12px; color:#a8e8c6; transform: scale(.9,.9);}
div.history_flash nav a::after{ content:''; display:block; width:1px; height:28px; background:#4a4a4a; position:absolute; bottom:0; right:-1px;}
div.history_flash nav a::before{ content:''; display:block; width:1px; height:28px; background:#131313; position:absolute; bottom:0; right:0px;}
div.history_flash nav a:last-child::after,div.history_flash nav a:last-child::before{ display: none;}
div.history_flash .img{ display:block; width:345px; height:365px; position:absolute; top:0; right:70px; z-index:1;}
div.history_flash .img .ad{ display:block; width:345px; height:365px; position:absolute; top:0; right:0;}
div.history_flash .img .ad img{ width:345px; height:365px;}
div.history_flash .control{ display: none;}


div.outs_history{ display:block; background: url(../images/outs_history2.png) no-repeat top center; width: 100%;}
.map_history{ width:182px; height:19px; background-image: url(../images/map_history.png); color: #FFFFFF; font-size: 12px; line-height:21px; text-align: center; position: absolute; top: 33px; left: 800px; z-index:99;}
.map_history a{ color: #FFFFFF; text-decoration: none;}
.map_history a:hover{ color: #fff6c3; text-decoration: none;}
div.his_left{ display:block; overflow:hidden; float:left; width:240px; height:295px; background: url(../images/history_menu.png) no-repeat top center;}
div.his_right{ overflow:hidden; display:block; float:left; width: 762px; float:left; padding-top: 2px;}
.title p{ position:absolute; font-size: 12px; top: 28px; right:25px; color: #909090;}
.title a{ color: #909090; text-decoration: none;}
div.his_right .title{ position:relative;}
div.his_right .main{ display:block; width:710px; padding-top: 0px; padding-left: 25px;}
div.his_right .main p{ display:block; font-size: 13px; color: #555555; margin-top: 28px; line-height: 22px;}
div.his_right .main img{ margin-top: 40px; float: left; display: block; margin-bottom: 20px;}
ul.about1{ display:block; overflow:hidden; width:148px; height:126px; float: left; margin-top: 25px; margin-left: 74px;}
ul.about1 li{ display:block; float:left; width:148px; height:42px; list-style-type: none;}
ul.about1 a.btn1{ background-image: url(../images/about_btn2.png); display: block; height: 100%; width: 100%; text-indent: -9999px;}
ul.about1 a.btn1:hover{ background-image: url(../images/about_btn2.png);}
ul.about1 a.btn2{ background-image: url(../images/about_btn1.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px -42px;}
ul.about1 a.btn2:hover{ background-image: url(../images/about_btn2.png); background-position: 0px -42px;}
ul.about1 a.btn3{ background-image: url(../images/about_btn1.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px -84px;}
ul.about1 a.btn3:hover{ background-image: url(../images/about_btn2.png); background-position: 0px -84px;}
.his_left span{ display:block; float:left; font-size: 20px; color: #333333; width: 135px; margin-top: 65px; margin-left: 80px; font-family:Arial, Helvetica, sans-serif;}
.his_left p{ float:left; display:block; font-size: 12px; color: #7a9077; width: 190px; margin-top: 15px; margin-left: 27px; font-family:Arial, Helvetica, sans-serif;}
.his_left p a{ color: #7a9077; text-decoration: none;}
div.about_indexbox{ display:block; width:1002px; margin:0 auto; background-image: url(../images/about_bg.png); background-repeat: no-repeat; padding:0 0 15px 0;}

/*about2*/
ul.about2{ display:block; overflow:hidden; width:148px; height:126px; float: left; margin-top: 25px; margin-left: 74px;}
ul.about2 li{ display:block; float:left; width:148px; height:42px; list-style-type: none;}
ul.about2 a.btn1{ background-image: url(../images/about_btn1.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px 0px;}
ul.about2 a.btn1:hover{ background-image: url(../images/about_btn2.png); background-position: 0px 0px;}
ul.about2 a.btn2{ background-image: url(../images/about_btn2.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px -42px;}
ul.about2 a.btn2:hover{ background-image: url(../images/about_btn2.png); background-position: 0px -42px;}
ul.about2 a.btn3{ background-image: url(../images/about_btn1.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px -84px;}
ul.about2 a.btn3:hover{ background-image: url(../images/about_btn2.png); background-position: 0px -84px;}
div.main_about2{ display:block; overflow:hidden; width:710px; padding-top: 170px; padding-left: 25px; background-image: url(../images/about2_img.png); background-repeat: no-repeat;
 background-position: 0px 30px; position:relative; float:left; padding-bottom: 30px;}
p.ab_2 { display:block; font-size: 13px; color: #525252; margin-top: 23px; position: absolute; top: 0px; margin-left: 22px;}
div.main_about2 p{ font-size:13px; color: #555555; display: block; margin-bottom: 30px; line-height: 22px;}

/*about3*/
ul.about3{ display:block; overflow:hidden; width:148px; height:126px; float: left; margin-top: 25px; margin-left: 74px;}
ul.about3 li{ display:block; float:left; width:148px; height:42px; list-style-type: none;}
ul.about3 a.btn1{ background-image: url(../images/about_btn1.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px 0px;}
ul.about3 a.btn1:hover{ background-image: url(../images/about_btn2.png); background-position: 0px 0px;}
ul.about3 a.btn2{ background-image: url(../images/about_btn1.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px -42px;}
ul.about3 a.btn2:hover{ background-image: url(../images/about_btn2.png); background-position: 0px -42px;}
ul.about3 a.btn3{ background-image: url(../images/about_btn2.png); display: block; height: 100%; width: 100%; text-indent: -9999px; background-position: 0px -84px;}
ul.about3 a.btn3:hover{ background-image: url(../images/about_btn2.png); background-position: 0px -84px;}
div.main_about3{ height: 420px; width: 100%; display: block; background: url(../images/about3_bg.png) no-repeat bottom; padding-top: 30px;}
div.main_about3 p{ font-size:13px; color: #555555; display: block; line-height: 22px; width: 725px; margin-left: 22px;}

/*service*/
div.service_left{ display:block; overflow:hidden; float:left; width:240px; height:600px; background-image: url(../images/service_menubg.png); background-repeat: no-repeat;}
div.service_leftup{ position:relative; display:block; overflow:hidden; width:240px; height:405px; background-repeat: no-repeat;}
div.service_leftdown{ display:block; overflow:hidden; width:240px; height: 150px; background-image: url(../images/service_cont.png); background-repeat: no-repeat;}
div.service_leftdown span{ display:block; float:left; font-size: 20px; color: #333333; width: 135px; margin-top: 40px; margin-left: 80px; font-family:Arial, Helvetica, sans-serif;}
div.service_leftdown p{ float:left; display:block; font-size: 12px; color: #7a9077; width: 190px; margin-top: 20px; margin-left: 30px; font-family:Arial, Helvetica, sans-serif;}
div.service_leftdown a{ color: #7a9077; text-decoration: none;}
div.service_leftup h2{ display:block; width:203px; height:50px; position:absolute; bottom:10px; left:18px;}
div.service_leftup h2 a{ display:block; width:203px; height:50px; background-image: url(../images/history.png); text-indent: -9999px;}
div.sev_iframe{ position:absolute; display:block; width:153px; height:294px; top: 15px; left: 69px;}
div.service_leftup .s_up{ height: 10px; width: 126px; position:absolute; left:83px; top:3px;}
div.service_leftup .s_down{ height: 10px; width: 126px; float: left; position:absolute; left:83px; bottom:77px}

div.service_right{ overflow:hidden; display:block; float:left; width: 762px; float:left; padding-top: 0px;}
div.service_right .box1{ position:relative; display:block; overflow:hidden; width:722px; background-image: url(../images/title_service1.png); background-repeat: no-repeat; padding-top: 80px; font-size: 13px; color: #555555; line-height: 30px; padding-left: 40px; margin-bottom: 20px;}
p.sev_p { position:absolute; display:block; font-size: 12px; color: #909090; top: 22px; left: 595px;}
p.sev_p a{ font-size: 12px; color: #909090; text-decoration: none;}
div.service_right .box2{ display:block; overflow:hidden; width:762px; background-image: url(../images/title_service2.png); background-repeat: no-repeat; padding-top: 80px;}
div.service_right .box2 .up{ display:block; overflow:hidden; width:762px; height: 180px;}
div.service_right .box2 .up img { display:block; width:128px; height:172px; float:left; margin-left: 20px;}
div.service_right .box2 .down{ display:block; overflow:hidden; width:762px; height:170px; /*background-image: url(../images/service_downbg.png);*/ background-repeat: no-repeat; background-position: 25px; padding-top:0;}
div.service_right .box2 .down ul{ display:block; width:381px; height:85%; float:left; padding-top:0;}
div.service_right .box2 .down li{ overflow:hidden; display:block; padding-left: 25px; font-size: 15px; color: #6b8a7a; font-family: "新細明體"; padding-top: 5px; margin-bottom: 5px; margin-top: 5px;}
div.service_right .box2 .down li img{ display:block; float:left; width:16px; height:16px; margin-top: 3px; margin-right: 9px;}
div.service_right .box2 .down li p{ display:block; float:left; width:330px; margin-top: 5px;}


/*service_list*/
div.service_list{ display:block; width:153px; height:294px;}
div.service_list ul{ display:block; overflow:hidden; width:153px; height:294px;}
div.service_list li{ display:block; width:153px; list-style-type: none; height: 42px;}
div.service_list a{ display:block; width:113px; height:37px; font-size: 15px; color: #FFFFFF; text-align: left; background-image: url(../images/service_menu1.png); text-decoration: none; font-family: "微軟正黑體";line-height:32px; padding:5px 25px 0 15px; overflow:hidden;}
div.service_list a:hover{ background-image: url(../images/service_menu2.png);}
div.service_list a.last_menu{ display:block; width:113px; height:37px; font-size: 15px; color: #FFFFFF; text-align: left; background-image: url(../images/service_menu1_2.png); text-decoration: none; font-family: "微軟正黑體";line-height:32px; padding:5px 25px 0 15px; overflow:hidden}
div.service_list a.last_menu:hover{ background-image: url(../images/service_menu2_2.png);}
div.service_list span.l_over{ display:block; width:113px; height:37px; font-size: 15px; color: #FFFFFF; background: url(../images/service_menu2.png) no-repeat;
text-decoration: none; font-family: "微軟正黑體"; overflow:hidden; line-height:32px; padding:5px 25px 0 15px;}

/*cases*/
div.casesbox_tital{ display:block; width:712px; height:36px; background:url(../images/cases_tital.jpg) no-repeat; position:relative; margin:25px 0px 0px 25px;}
div.casesbox_tital p.ct1{ display:block; font-size:12px; color:#909090; position:absolute; top:5px; right:0px;}
div.casesbox_tital p.ct1 a{ color:#909090; text-decoration:none;}
div.casesbox_tital p.ct1 a:hover{ color:#699b81; text-decoration:none;}
div.casesbox_tital p.ct2{ display:block; font-size:15px; color:#525252; font-family: "微軟正黑體"; position:absolute; top:0px; left:136px; width:415px; height:23px; overflow:hidden; font-weight:bold;}
div.casesbox_main{ display:block; width:712px; height:454px; position:relative; margin:33px 0px 0px 25px;}
div.casesbox_main_img{ display:block; width:329px; height:420px; position:absolute; left:6px; background:url(../images/cases_bg.jpg) no-repeat; padding:5px; text-align:center; 	vertical-align:middle;	display:table-cell; overflow:hidden;}
div.casesbox_main_img span{ height:100%; display:inline-block;}
div.casesbox_main_img *{ vertical-align:middle; text-align:center;}
div.casesbox_main_name{ display:block; width:367px; height:65px; background:url(../images/cases_name.jpg) no-repeat; position:absolute; top:0px; right:0px;}
div.casesbox_main_name p{ display:block; width:298px; height:30px; font-size:19px; color: #387e59; font-family: "微軟正黑體"; line-height:30px; position:absolute; top:18px; left:70px;}
div.casesbox_main_text{ display:block; width:367px; height:231px; position: absolute; top:81px; right:0px;}
div.casesbox_main_list{ display:block; width:367px; height:103px; background:url(../images/cases_bg2.jpg) no-repeat; position: absolute; bottom: 24px; right:0px;}
div.casesbox_main_list_main{ display:block; width:367px; height:84px; position:absolute; bottom:0px; right:0px;}
div.casesbox_main_page{ display:block; width:339px; height:25px; background:url(../images/cases_page.jpg) no-repeat; position:absolute; bottom:0px; left:0px;}
div.casesbox_main_page p{ font-size:12px; color:#fff6c3; position:absolute; top:6px; left:28px;}
div.casesbox_main_page p a{ color: #fff6c3; text-decoration:none;}
div.casesbox_main_page p a:hover{ color: #fff; text-decoration:none;}

#scrollbar1 { width: 367px; clear: both; margin: 0px 0px 0px 0px;}
#scrollbar1 .viewport { width: 356px; height:231px ; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; color:#727272; font-size:13px; line-height:22px; width:336px; padding:0px 0px 0px 20px;}
#scrollbar1 .overview p{ padding:0px; margin:8px 0 0 0; font-size:15px; line-height:27px;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #a8a8a8; height:15px;}
#scrollbar1 .scrollbar { position: relative; float: right; width: 1px; }
#scrollbar1 .track { background-color: #d7d6d6; height: 100%; width:1px; position: relative; padding: 0 0px; }
#scrollbar1 .thumb { height: 63px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right:-3px;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 1px; }
#scrollbar1 .disable{ display: none; }

.scrollable02 { position:relative; overflow:hidden; width: 347px; height:84px; float: right;}
.scrollable02 .items02 { width:20000em; position:absolute; clear:both;}
.scrollable02 .items02 div { display:block; float:left; width:347px; height:84px; position:relative; overflow:hidden; padding:0px;}
.scrollable02 .items02 div ul{ display:; width:347px; height:84px;}
.scrollable02 .items02 div ul li{ display:block; width: 63px; height:84px; float:left; margin:0px 8px 0px 0px;}
.scrollable02 .active02 {	position:relative;	cursor:default;}
a.browse02 {	display:block;	margin:0px 0px;	cursor:pointer;}
a.right02 { position:absolute; top:29px; right: 0px; z-index:999;}
a.left02{ position: absolute; top: 29px; left: 17px; z-index:999;}
a.disabled02 { visibility:hidden !important;} 
.next browse right02{ display:block; width:13px; height:28px;}

#fancybox-loading {	position: fixed;	top: 50%;	left: 50%;	width: 40px;	height: 40px;	margin-top: -20px;	margin-left: -20px;	cursor: pointer;	overflow: hidden;	z-index: 1104;	display: none;}
#fancybox-loading div {	position: absolute;	top: 0;	left: 0;	width: 40px;	height: 480px;	background-image: url(../images/fancybox.png);}
#fancybox-overlay {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 1100;	display: none;}
#fancybox-tmp {	padding: 0;	margin: 0;	border: 0;	overflow: auto;	display: none;}
#fancybox-wrap {	position: absolute;	top: 0;	left: 0;	padding: 20px;	z-index: 1101;	outline: none;	display: none;}
#fancybox-outer {	position: relative;	width: 100%;	height: 100%;	background: #fff;}
#fancybox-content {	width: 0;	height: 0;	padding: 0;	outline: none;	position: relative;	overflow: hidden;	z-index: 1102;	border: 0px solid #fff;}
#fancybox-hide-sel-frame {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: transparent;	z-index: 1101;}
#fancybox-close {	position: absolute;	top: 0px;	right: -42px;	width: 42px;	height: 42px;	background: transparent url(../images/close.jpg);	cursor: pointer;	z-index: 1103;	display: none;}
#fancybox-error {	color: #444;	font: normal 12px/20px Arial;	padding: 14px;	margin: 0;}
#fancybox-img {	width: 100%;	height: 100%;	padding: 0;	margin: 0;	border: none;	outline: none;	line-height: 0;	vertical-align: top;}
#fancybox-frame {	width: 100%;	height: 100%;	border: none;	display: block;}
#fancybox-left, #fancybox-right {	position: absolute;	bottom: 0px;	height: 100%;	width: 35%;	cursor: pointer;	outline: none;	background: transparent url(../images/blank.gif);	z-index: 1102;	display: none;}
#fancybox-left {	left: 0px;}
#fancybox-right {	right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {	position: absolute;	top: 50%;	left: -9999px;	width: 17px;	height: 67px;	margin-top: -15px;	cursor: pointer;	z-index: 1102;	display: block;}
#fancybox-left-ico {	background-image: url(../images/f_left.png);}
#fancybox-right-ico {	background-image: url(../images/f_right.png);}
#fancybox-left:hover, #fancybox-right:hover {	visibility: visible; /* IE6 */}
#fancybox-left:hover span {	left: 0px;}
#fancybox-right:hover span {	left: auto;	right: 0px;}
.fancybox-bg {	position: absolute;	padding: 0;	margin: 0;	border: 0;	width: 20px;	height: 20px;	z-index: 1001;}
#fancybox-bg-n {	top: -20px;	left: 0;	width: 100%;	background-image: url(../images/fancybox-x.png);}
#fancybox-bg-ne {	top: -20px;	right: -20px;	background-image: url(../images/fancybox.png);	background-position: -40px -162px;}
#fancybox-bg-e {	top: 0;	right: -20px;	height: 100%;	background-image: url(../images/fancybox-y.png);	background-position: -20px 0px;}
#fancybox-bg-se {	bottom: -20px;	right: -20px;	background-image: url(../images/fancybox.png);	background-position: -40px -182px; }
#fancybox-bg-s {	bottom: -20px;	left: 0;	width: 100%;	background-image: url(../images/fancybox-x.png);	background-position: 0px -20px;}
#fancybox-bg-sw {	bottom: -20px;	left: -20px;	background-image: url(../images/fancybox.png);	background-position: -40px -142px;}
#fancybox-bg-w {	top: 0;	left: -20px;	height: 100%;	background-image: url(../images/fancybox-y.png);}
#fancybox-bg-nw {	top: -20px;	left: -20px;	background-image: url(../images/fancybox.png);	background-position: -40px -122px;}
#fancybox-title {	font-family: Helvetica;	font-size: 12px;	z-index: 1102;}
.fancybox-title-inside {	padding-bottom: 10px;	text-align: center;	color: #333;	background: #fff;	position: relative;}
.fancybox-title-outside {	padding-top: 10px;	color: #fff;}
.fancybox-title-over {	position: absolute;	bottom: 0;	left: 0;	color: #FFF;	text-align: left;}
#fancybox-title-over {	padding: 10px;	background-image: url(../images/fancy_title_over.png);	display: block;}
.fancybox-title-float {	position: absolute;	left: 0;	bottom: -20px;	height: 32px;}
#fancybox-title-float-wrap {	border: none;	border-collapse: collapse;	width: auto;}
#fancybox-title-float-wrap td {	border: none;	white-space: nowrap;}
#fancybox-title-float-left {	padding: 0 0 0 15px;	background: url(../images/fancybox.png) -40px -90px no-repeat;}
#fancybox-title-float-main {	color: #FFF;	line-height: 29px;	font-weight: bold;	padding: 0 0 3px 0;	background: url(../images/fancybox-x.png) 0px -40px;}
#fancybox-title-float-right {	padding: 0 0 0 15px;	background: url(../images/fancybox.png) -55px -90px no-repeat;}

/*history cases*/
div.cases_left{ display:block; overflow:hidden; float:left; width:240px; height:500px;}
div.cases_left ul{ display:block; overflow:hidden; width:220px; height: 130px; padding-left: 20px; padding-top: 0px;} 
div.cases_left li{ display:block; width:203px; height:50px; float:left; margin-bottom: 15px;}
div.cases_right{ position:relative; verflow:hidden; display:block; float:left; width: 762px; height:680px; float:left; padding-top: 0px; background: url(../images/title_cases.png) no-repeat top center;}
p.cases_p { display:block; font-size: 12px; color: #909090; top: 48px; left: 572px; width: 150px; float: right; margin-top: 20px; margin-right: 50px;}
p.cases_p a{ font-size: 12px; color: #909090; text-decoration: none;}
div.cases_right .box1 { overflow:hidden; display:block; width:762px; height:600px; background-image: url(../images/cases_downbg.png); background-repeat: no-repeat; background-position: 4px 518px; position: relative;}
div.cases_right .box1 ul{ display:block; overflow:hidden; width:706px; height:447px; background-image: url(../images/case_bg.png); margin-top: 70px; margin-bottom: 100px; padding-left: 14px;}
div.cases_right .box1 ul a{ text-decoration:none;}
div.updown{ width:90px; height:20px; color: #fff6c3; font-size: 12px; float: left; margin-top: 5px; margin-right: 13px; position: absolute; top: 518px; left: 620px;}
div.updown a{ color: #fff6c3; font-size: 12px; text-decoration: none;}

div.hiscasebox_main{ display:block; width:704px; height:447px; background:url(../images/case_bg.png) no-repeat; margin:33px 0px 0px 28px;}
div.hiscasebox_main ul{ display:block; overflow:hidden; width:704px; height:111px; margin:0 0 1px 0;}
div.hiscasebox_main ul a{ text-decoration:none;}

div.hiscasebox_main ul li.abgne_tip_gallery_block2 { padding: 0; width: 234px; height: 111px; overflow: hidden; position: relative; float:left; margin:0 1px 0px 0; text-decoration:none;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 img { position: absolute; border: 0;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span {	position: absolute;	top: 80px;	/* .abgne_tip_gallery_block 的高 - 想顯示 title 的高(這邊是設 55) */	width: 234px;	cursor: pointer;	color: #fff;	display:block;	background-image: url(../images/index_black.png);	background-repeat: repeat;	height: 111px;	text-decoration: none;	}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span .up { display:block; width:216px; height:25px; padding-left: 10px; padding-top: 5px; padding-right: 8px;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span h2 { margin: 0; font-size: 16px; color: #9fe7c2; font-family: "微軟正黑體"; text-decoration: none; display: block; width: 170px; height:18px; float: left; overflow:hidden;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span h3{ font-size:12px; color:#b5b4b5; height: 17px; width: 40px; text-align: right; float: right; display: block; margin-top: 3px; font-family:calibri; font-weight:normal; overflow:hidden;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span h2 a { text-decoration:none; color: #fc6;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span h2 a:hover { text-decoration:none;}
div.hiscasebox_main ul li.abgne_tip_gallery_block2 span p{ font-size: 13px; line-height:22px; text-decoration: none; text-align: left; width:214px; height:68px; margin: 0 auto; overflow:hidden; padding:5px 0 0 0;}

div.hiscasebox_page{ display:block; width:704px; height:27px; background:url(../images/history_cases_page.jpg) no-repeat; position: relative; margin:1px 0 20px 28px;}
div.hiscasebox_page p{ display:block; position:absolute; top:6px; right:23px; font-size:12px; color: #fff6c3;}
div.hiscasebox_page p a{ color: #fff6c3; text-decoration:none;}
div.hiscasebox_page p a:hover{ color: #fff; text-decoration:none;}

/*contact*/
div.contact_test{ display:block; width:1002px; overflow:hidden; padding:0 0 45px 0;}
div.contact_left{ display:block; width:358px; float:left; position:relative;}
div.contact_left a.cmap{ display:block; width:323px; height:217px; background:url(../images/contact_map.jpg) no-repeat; position:absolute; top:15px; left:36px;}
div.contact_left a.cmap:hover{ background-position:0 -217px;}
div.contact_left ul{ position: absolute; top:251px; left:35px; background:url(../images/contact_name.jpg) no-repeat; width:323px; padding:64px 0 0 0; line-height:21px;}
div.contact_left li{font-size:12px;  font-size:13px \9; color:#555555;}
div.contact_left li a{ color: #555; text-decoration:none;}
div.contact_left li a:hover{ color: #40785b; text-decoration:none;}
div.contact_right{ display:block; width:642px; float: right; overflow:hidden;}
div.cont_title{ display:block; width:642px; height:70px; background-image: url(../images/contact_img2.png); overflow:hidden;}
p.cont_a { display:block; font-size: 12px; color: #909090; margin-top: 33px; top: 0px; margin-left: 450px; width: 150px; float: left;}
p.cont_a a{ font-size: 12px; color: #909090; text-decoration: none;}
div.cont_main{ display:block; width:642px;}
div.cont_main table{ width:600px; margin-top: 10px;}
div.cont_main table p{ font-size:15px; font-weight:bold; color:#4c644c; font-family: "微軟正黑體"; float: right; margin-right: 10px; margin-top: 4px; display: block;}
div.cont_main table p span{ color:#8d2d2d;}
p.p_td4{ float: right; height: 10px;}
div.cont_main table td{ height:40px;}
div.cont_main table .td1{ width:110px; text-align: left;}
div.cont_main table .td2{ width:180px;}
div.cont_main table .td3{ width:480px;}
div.cont_main table .td4{ width:600px; height:140px; overflow:hidden;}
div.cont_main table .td5 img { margin:10px 0 0 0;}
div.cont_main table .td_left{ display:block; width:110px; height:135px; padding-top: 5px; float:left;}
div.cont_main table .td_right{ display:block; width:490px; height:135px; float:left; padding-top: 8px;}
div.cont_main table input.inp1{ display:block;  width:180px; height:30px; height:25px \9; border: none; padding: 3px 4px 0 4px; padding: 8px 4px 0 4px \9; background: url(../images/contact_td1.png) no-repeat 0px 3px;}
div.cont_main table input.inp2{ display:block; width:477px; height:30px; height:25px \9; border: none; padding: 3px 4px 0 4px; padding: 8px 4px 0 4px \9; background: url(../images/contact_td2.png) no-repeat 0px 3px;}
textarea{ display:block; background :url(../images/contact_3.png)  no-repeat;width:478px; height:122px; border:none; padding: 4px; overflow:hidden;}
input.inp3{ display:block; width:145px; height:25px; border: none; background: url(../images/contact_4.png)  no-repeat  0px 3px; margin-top: 3px; padding: 8px 4px 0 4px; float:left;} 
div.cont_main table ol{ display:block; width:134px; height:30px; margin-top: 8px; float: right;}
div.cont_main table ol li{ display:block; width:56px; height:30px; text-indent: -9999px; float: right; margin-right: 11px;}
div.cont_main table ol a.cbtn1{ display:block; width:56px; height:30px; background-image: url(../images/contact_img01.png);}
div.cont_main table ol a.cbtn1:hover{background-image: url(../images/contact_img01_2.png);}
div.cont_main table ol a.cbtn2{ display:block; width:56px; height:30px; background-image: url(../images/contact_img02.png);}
div.cont_main table ol a.cbtn2:hover{background-image: url(../images/contact_img02_2.png);}
/*sitemap*/
div.sitebox_main{ display:block; width:712px; position:relative; margin:33px 0px 0px 25px;}
div.sitebox_main ul{ display:block; width:680px; padding:0 0 45px 0; overflow:hidden; margin: 0 auto;}
div.sitebox_main ul li{ display:block; width:155px; float:left; margin:0 18px 0 0;}
div.sitebox_main ul li h2{ font-size:18px; color: #376c36; border-bottom:dotted 1px #8a8a8a; padding:0 0 15px 0; font-family: "微軟正黑體"; font-weight:normal;}
div.sitebox_main ul li h2 a{ color: #376c36; text-decoration:none;}
div.sitebox_main ul li h2 a:hover{ color: #719d70; text-decoration:none;}
div.sitebox_main ul li p{ font-size:13px; line-height:25px; color: #555; padding:10px 0 0 0;}
div.sitebox_main ul li p a{ color: #555; text-decoration:none;}
div.sitebox_main ul li p a:hover{ color: #376c36; text-decoration:none;}