@charset "utf-8";
/* ------Original design by Acher.------
 *----Temp2 date 2009/08/31 by Roni-----
 *-------Final date 2009/10/09----------
 *-------標準紅#D71E39
 */
body{font-family:Arial, Helvetica, sans-serif;font-size:100%;margin:0;padding:0;min-width:985px;}
*+html body{min-width:980px;}
a{ color:#707070; text-decoration:none; font-size:12px;}
a:hover { color:#660033; text-decoration:none;}
a img,img{border:none;}
ol,ul,li{list-style:none;}
h3{font-size:92%;margin:0;}

.logo{width:985px;height:480px;background:#fff url(../images/index/logo.jpg) no-repeat center top;margin:0 auto;position:relative;}
.logo .news{position:absolute;right:0;width:300px;height:300px;top:20px;color:#707070;font-size:12px;}
.logo .news ul {border-top:3px solid #AFA69C;margin:7px 0;padding:6px 0 0;}
.logo .news li{}
.logo .news li a{display:block;width:100%;cursor:pointer;line-height:20px;}html:root .logo .news li a{line-height:23px;}
.logo .news li i{font-style:normal;width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;display:block;float:left;}
.logo .news li span{width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-moz-text-overflow:ellipsis;display:block;text-align:right;float:right;}


/*-----------TopMenu-----------*/
.links {height:auto;margin:0 auto;padding:330px 0 0;width:985px;}
.links ul,.links li{display:inline;}
.links li img{width:193px;height:150px;float:left;margin:0 5px 0 0;}
.links li .last{margin:0;}

/*--------新聞模組(news.php) 09/09/30 Roni----------*/
.about_us_firstframe ul.page{float:right;padding:20px 0 0;border:none;}
.about_us_firstframe ul.page li{display:inline;font:80% normal Arial, Helvetica, sans-serif;}
.about_us_firstframe ul.page li a{font:72% normal Arial, Helvetica, sans-serif;padding:5px;display:inline;}
.about_us_paper_firstfram p.news{font:80% normal Arial, Helvetica, sans-serif;line-height:160%;margin:0;}
/*-------------新聞模組 finfsh---------------*/

/*-----------seo text area-----------*/
.seo{width:985px;height:auto;margin:0 auto;padding:20px 0 0;}
.seo .col{width:155px;padding:0 20px; margin:0;border-left:1px solid #AFA69C;float:left;}
.seo .collast{width:155px;padding:0 20px;margin:0;float:left;border-left:1px solid #AFA69C;border-right:1px solid #AFA69C;}

.seo .col h4,.seo .collast h4{color:#603;padding:0;margin:0 0 0.4em 0;font: normal 13px sans-serif;}
.seo .col ul,.seo .collast ul{margin:0;padding:0;}
.seo .col li,.seo .collast li{border-top: 1px dashed #C6C6B6;line-height:1.5em;padding:.2em 0 0 0;}
html:root .seo .col li,html:root .seo .collast li{padding:0;line-height:1.7em;}
.seo .col li a,.seo .collast li a{display:block;width:100%;*background:#fff;/*-----ie7 background display bug-----*/}
.seo .col li a:hover,.seo .collast li a:hover{text-decoration: underline; }

.hrline{border-bottom: 1px dashed #C6C6B6;padding:5px 0;}

/*-----------網站links-----------*/
.center_wrapper { margin:0 auto;width:985px;height:65px;text-align:center;letter-spacing:0.1em;}
* html .center_wrapper{height:46px;border-left: 1px solid #AFA69C;margin:0 0 15px 0;}
.center_wrapper ul,.center_wrapper li {display:inline;}
.center_wrapper a {display:block;border-right: 1px solid #AFA69C;float: left;font:normal 13px "細明體",sans-serif;margin-right:1px;padding:5px 23px;text-decoration: none;}
html:root .center_wrapper a{padding:5px 23px;}
.center_wrapper a p{font: normal 0.9em "Trebuchet MS",Verdana,arial,sans-serif;color:#C31544;padding:0 0 0 5px;letter-spacing:normal;line-height:0;}
.center_wrapper a:hover p{color:#F187B8;}
.center_wrapper li:first-child a{border-left:1px solid #AFA69C;}
.center_wrapper a:hover{color:#603;}


/*-----------Footer-----------*/
.footer{width:985px;margin:0 auto;font-size:12px;}
.footer .left{float:left;}.footer .right{float:right;}
/*-----------形象網站格局-----------*/
.vivid1{left:-40px;position:relative;width:490px;top:-11px;*top:0;}
.vivid1 ul{ text-align:center; display:block;}
.vivid1 li{ display:block; line-height:20px; display:inline; }
.vivid1 img{ display:block; width:100px; margin: 0 auto; padding:.7em 0 .1em 0;}
.vivid1 li a{background:#fff url(../images/vivid_website/bg.gif) repeat-x center top;border:1px solid #CCC;float:left;height:95px;margin:0 8px 8px 0;text-decoration:none;width:140px;}
.vivid1 li a:hover{text-decoration:underline;}

.vivid2{width:488px;display:block;}
.vivid2 .title_img{border:9px solid #AFA69C;margin:0 0 20px;}
.vivid2 .slogo {display:inline-block;width:130px;float:left;}
.vivid2 .text{display:inline-block;width:340px;float:right;font-size:13px;color:#555;}
.vivid2 .text h4 {color:#D71E39;margin:2px 0 -5px 0;*margin:2px 0 -15px 0;font-size:13px;}
.vivid2 .text li{display:block;left:-40px;margin:3px 0;position:relative;width:115%;_width:100%;line-height:1.5em;}
.vivid2 .text li p {margin:10px 0 12px 63px;width:270px;_width:230px;}
.vivid2 .text li img{vertical-align:-8px;}

.about_us_bg{margin:0;width:100%; height:49px; background:url(../images/about_us/about_us_bg.jpg) repeat-x;}
.about_us_firstframe{margin:0 auto; width:990px; clear:both;}
.about_us_secframe{list-style-type:none; margin:0 auto; padding:0;}
.about_us_secframe_left{width:381px; height:676px; background:url(../images/about_us/about_us_butterfly.jpg) no-repeat; float:left;}
.about_us_secframe_right{width:599px; height:676px; float:left;}
.about_us_subtitle{margin:0; padding-bottom:20px;}
.about_us_paper_firstfram{height:580px; width:599px; margin:0; padding:0; padding:30px 0 10px;}

.about_us_paper_secfram{list-style-type:none; margin:0; padding:0; float:left;}
.about_us_paper_left{display:block; height:568px; width:360px; float:left; border-right:dotted; border-right-color:#eee; border-right-width:1px; padding:17px 10px 0px 20px; color:#535353;}
.about_us_paper_right{display:block; height:568px; width:188px;float:left; padding:17px 0 0 10px;}
.about_us_paper{font-size:12px; margin:0; padding:0; line-height:2em;}
.about_us_association_dns{margin:0;border-top:1px dotted #aaa;font-size:12px;color:#535353;}
.about_us_association_dns a{display:block;width:186px;_width:184px;padding:20px 0 20px 14px;}

.topmenu_frame{margin:0; height:49px; width:599px;}
.association_frame{float:right; height:25px;}
ul.topmenu_ul{ width:510px;float:left; color:#fff; font-size:12px; margin:0;padding:3px 0 0 0;position:relative;_top:-10px;}
ul.topmenu_ul a{display:block; width:100px; color:#fff;}
ul.topmenu_ul a:hover{ color:#660033; display:block; background:#fff;}
ul.topmenu_ul li{float:left; display:block; width:100px; text-align:center; border-right:solid; border-right-color:#eee; border-right-width:1px; padding:1px 0;}
.topmenu_in{background-color:#4b3849;}

.topmenu_frame_sec{margin:0; height:49px; width:729px;}
.vivid_website_secframe_left{width:251px; height:49px; float:left;}
.vivid_website_secframe_right{width:729px; height:49px; float:left;}

ul.topmenu_ul_sec{width:510px; list-style-type:none; float:left; color:#fff;font: normal 13px "細明體",sans-serif; margin:0; padding:18px 0 0 0;}html:root ul.topmenu_ul_sec{padding:15px 0 0 0;}
ul.topmenu_ul_sec a{display:block; width:100px; color:#fff;padding:0;font: normal 13px "細明體",sans-serif;}
ul.topmenu_ul_sec a:hover{color:#C39863; display:block;}
ul.topmenu_ul_sec li {border-right:1px solid #D71E39;display:block;float:left;padding:1px 0;text-align:center;width:100px;color:#D7C2A2;}

.topmenu_in{background-color:#4b3849;}
.vivid_website_bg{margin:0 auto; width:100%; background:url(../images/vivid_website/vivid_website_bg.jpg) repeat-x; clear:both;}
.vivid_website_thirdframe{list-style-type:none; margin:0 auto; width:935px;}
.vivid_website_subtitle{height:63px; width:935px; background:url(../images/vivid_website/vivid_website_subtitle.jpg) no-repeat;}
.vivid_website_run{height:670px; width:100%; overflow:hidden; margin:0 auto;}

.shopping_car_frame_li_1{height:30px; width:993px;}
.shopping_car_frame_li_2{width:910px; margin:0 auto; padding:10px 100px;}
.shopping_car_essay{ width:450px; padding:10px 20px; float:left; display:block; font:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; line-height:1.6em; float:left;}

.active_frame_ul{list-style-type:none; margin:0 auto; padding:0; width:993px; clear:both;}
.active_frame_li_1{height:171px; width:993px; background:url(../images/acitve/active_subtitle.jpg) no-repeat;}
.active_frame_li_2{height:251px; width:697px; background:url(../images/acitve/active_bg_2.jpg) no-repeat #000; margin:0 auto; padding:20px 148px;}
.active_frame_li_3{width:943px; background:url(images/acitve/active_bg.jpg) repeat-x; margin:0 auto; padding:47px 25px 50px 25px;}
ul .active_product{margin:0 auto; padding:0; width:880px; clear:both; list-style-type:none;}
ul .active_product li{float:left;}
ul .active_product li a{ display:block; width:200px; height:400px; margin:10px;}
ul .active_product li a.p1{background:url(../images/shapping_car/shapping_car_flowers1080_a.jpg) no-repeat 0 0;}
ul .active_product li a.p2{background:url(../images/shapping_car/shapping_car_babyloveme_a.jpg) no-repeat 0 0;}
ul .active_product li a.p3{background:url(../images/shapping_car/shapping_car_knv_a.jpg) no-repeat 0 0;}
ul .active_product li a.p4{background:url(../images/shapping_car/shapping_car_jingdua_a.jpg) no-repeat 0 0;}
ul .active_product li a.p1:hover{background:url(../images/shapping_car/shapping_car_flowers1080.jpg) no-repeat 0 0;}
ul .active_product li a.p2:hover{background:url(../images/shapping_car/shapping_car_babyloveme.jpg) no-repeat 0 0;}
ul .active_product li a.p3:hover{background:url(../images/shapping_car/shapping_car_knv.jpg) no-repeat 0 0;}
ul .active_product li a.p4:hover{background:url(../images/shapping_car/shapping_car_jingdua.jpg) no-repeat 0 0;}

.active_name{font:Arial, Helvetica, sans-serif; font-size:12px; color:#32192f; text-align:center; display:block; margin:0; padding-top:325px;}
.active_dns{font:Arial, Helvetica, sans-serif; font-size:12px; color:#32192f; text-align:center; margin:5px; padding:0;}
.active_essay{width:470px; padding:25px 20px; float:left; display:block; font:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; line-height:1.6em;}
.active_paper{width:943px; margin:0; padding-top:5px; overflow:hidden; display:block; font:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; line-height:1.6em;}

.edm_firstframe{margin:0 auto; width:990px; height:750px; clear:both; background:url(../images/edm/edm_bg.jpg) no-repeat;}
ul.topmenu_ul_edm{ width:510px; list-style-type:none; float:left; color:#fff; font-size:12px; margin:0; padding:28px 0 0 0; float:right;}
ul.topmenu_ul_edm a{display:block; width:100px; color:#fff;}
ul.topmenu_ul_edm a:hover{ color:#660033; display:block; background:#fff;}
ul.topmenu_ul_edm li{float:left; display:block; width:100px; text-align:center; border-right:solid; border-right-color:#eee; border-right-width:1px; padding:1px 0;}

.topmenu_in{background-color:#4b3849;}

.edm_frame_ul{list-style-type:none; width:930px; margin:0; padding:0; float:right; clear:both;}
.edm_frame_ul_li_1{width:600px; height:110px; float:right; padding:0;}
.edm_frame_ul_li_2{width:850px; height:210px; padding:60px 20px 0 0; float:right;}
.edm_paper{padding:20px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#333; float:left; line-height:1.6em; width:380px;}
.edm_secframe{margin:0; padding:0;}
.edm_product_ul{width:820px; height:130px; list-style-type:none;}
.edm_product_li_1{float:left; width:105px; height:105px; margin:5px; background:url(../images/edm/first_box.jpg) no-repeat;}
.edm_product_li_2{float:left; width:105px; height:105px; margin:5px;}
.edm_product_li_2 i{font: normal 1em sans-serif;display:block;margin:5px 0 0 0;text-align:center;}html:root .edm_product_li_2 i{margin:0;}

.clear{clear:both;padding:0;margin:0;display:block;}