body{ font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#333; position:relative; } a{ color:#333;} * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /*select { -webkit-appearance: none; -moz-appearance: none; text-indent: 9px; text-overflow: ''; }*/ .ie8_only{ display:none;} .content{ width:100%; } .content_in{width:100%; position:relative ; } .content_in.active{ filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */ } .top_bt{ display:none;} .top_bt.active{float:left; margin-left:50px; display:block;} .top{ width:100%; transition:1s; background:rgba(255, 255, 255, 0.97);} .top.active{ position:fixed; top:0px; left:0px; z-index:9999; transition:.5s; box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5); height:139px; } .logo.active{ width:93px; transition:.5s;} .top955{ width:955px; height:147px; margin:0 auto;} .icon{ float:right; display:block; margin-top:41px; transition:.5s;} .icon.active{ margin-top:33px; transition:.3s;} .icon li{ float:left; background:url(../img/boder.jpg) right 4px no-repeat;} .icon li a{ color:#656364; padding:0 2px; display:block;} .icon li a:hover{ color:#E5007F;} .logo{ float:left; display:block; width:112px; transition:1s;} .logo img{ width:100%;} .menu{ float:left; margin-left:50px; margin-top:83px; margin-bottom:30px;} .menu.active{ margin-left:0;} .menu>ul>li{ float:left; border-right:#CFCFCF solid 1px; height:19px; position:relative;} .menu>ul>li:hover>a{ border-bottom:#E3007F solid 2px;} .menu>ul>li a{ display:block; padding:10px 35px; font-size:14px; color:#2B2F32; height:36px; margin-top:-10px;} .link{ float:right; width:32px; height:32px; display:block; margin-top:31px; margin-left:8px; filter:alpha(opacity=100); opacity:1; transition:.5s;} .link.active{ margin-top:22px;} .link:hover{filter:alpha(opacity=70); opacity:0.7; transition:.3s;} .chang{ width:1260px; height:584px; margin:0 auto; position:relative; overflow:hidden;} /*#owl-demo{ height:100%; margin-top:20px;} #owl-demo, #owl-demo>div, #owl-demo .owl-stage, #owl-demo .owl-item, #owl-demo .owl-wrapper, #owl-demo .owl-item>div{ height:100%; overflow:hidden;} #owl-demo img{ width:auto; position: absolute; top: 0; left: 0; } #owl-demo img.bgwidth { width: 100%; top:50%;} #owl-demo img.bgheight { height: 100%; left:50%;} */ .footer_box{ background:#373737; width:100%; margin-top:50px;} .footer_955{ width:955px; margin:0 auto; padding:14px 0;} .footer001 {float:left;} .footer01{ color:#FFF; font-size:16px; display:block; margin-bottom:7px;} .footer02{ color:#FFF; font-size:12px; display:block; word-wrap: break-word; word-break: normal; } .footer002 {float:right;} .fly_no{ clear:both; width:100%;} .footer03{ font-size:12px; color:#FFF; margin-top:0px; float:left;} .link02{ width:30px; height:30px; float:right; margin-left:8px;} .link02 img{ width:100%;} .pick{ color:#F97EF2;} .menu01,.menu02,.menu03,.menu04,.menu05{ width:0px; height:0px; background:#FFF; position:absolute; left:0; top:0px; overflow:hidden; z-index:9999; filter:alpha(opacity=0); opacity:0;} .menu01.active,.menu02.active,.menu03.active,.menu04.active,.menu05.active{width:365px; height:auto; top:26px; border:#E5E5E5 solid 1px; border-bottom:#E3007F solid 2px; box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5); padding:20px 20px; filter:alpha(opacity=100); opacity:1; transition:.5s; } .menu01 ul li a,.menu02 ul li a,.menu03 ul li a,.menu04>ul>li a,.menu05>ul>li a{ padding:0; padding-left:20px; background:url(../img/point03.jpg) left 7px no-repeat; margin:0; height:auto;} .menu01 ul li a:hover,.menu02 ul li a:hover,.menu03 ul li a:hover,.menu04 ul li a:hover,.menu05 ul li a:hover{ color:#E3007F;} .menu01 ul li,.menu02 ul li,.menu03 ul li,.menu04 ul li,.menu05 ul li{ margin-bottom:10px;} .menu01 ul,.menu02 ul,.menu03 ul,.menu04 ul,.menu05 ul { display:block; float:left;} .menu_img{ float:right; width:153px; height:202px; border: #E8E8E8 solid 1px; overflow:hidden; } .menu_img img{ width:100%;} .menu04 ul li ul{ display:block; margin-top:10px;} .menu04 ul li ul li{ width:136px; height:auto; } .menu04 ul li ul li ul li a{ color:#E3007F; background:none;} .menu04 ul li ul li a{ color:#A0065C; font-weight:bolder;} .img_show{ width:100%; background:url(../img/img03.jpg) no-repeat;} .img_show1260{ width:1260px; margin:0 auto; position:relative;} .title{ width:100%; height:34px; background:#E5E5E5;} .title1260{ width:1260px; margin:0 auto;} .crumb {} .crumb li{ display:block; float:left; margin-right:3px; padding-top:9px; background:url(../img/clum.gif) no-repeat right 12px; padding-right:10px; } .crumb li:last-child{ background:none;} .crumb li a{ font-size:12px; } .crumb li a:hover{ color: #E5007F;} .content_box{ width:100%; background:url(../img/bg.png) no-repeat left 0px; padding-top:30px;} .content1260{ width:1260px; margin:0 auto; min-height:560px;} .product_box{ width:292px; height:349px; /*border:#CCC solid 1px;*/ position:relative; display:block; float:left; margin-right:30px; transition:.5s; margin-bottom:50px;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .product_box:nth-child(4n+4){ margin-right:0;} .pro_show{ position:absolute; left:-8px; top:-8px; display:block;} .pro_img{ width:290px; height:290px; overflow:hidden;} .pro_img img{ width:100%;} .pro_h3{ width:100%; display:block; font-size:15px; color:#202020;padding-top:5px; line-height:25px; font-weight:bolder;} .pro_h4{width:100%; display:block; font-size:14px; color:#868686;padding-top:2px; line-height:25px; height:52px; overflow:hidden;} .product_box:hover{ transition:.3s; } .product_box:hover .news_day{ background:#e2047d; color:#FFF; transition:.3s;} .pro_text01{ margin-top:50px; margin-bottom:50px; border-bottom:#CCC solid 1px; padding-bottom:50px; } .left_menu{ float:left; width:167px;} .left_menu h3{ font-size:16px; color:#555555; font-weight:bolder; padding:5px 10px 8px 10px ; border-bottom:#CCC solid 1px; width:100%; display:block;} .left_menu ul li a{ font-size:14px; font-weight:bolder; padding:5px 0 5px 20px; display:block; } .left_menu ul li{ margin:3px 0;} .left_menu ul li ul{ display:none;} .left_menu ul li ul>li a{ background:none; line-height:22px} .left_menu ul li ul>li a.active{ background:none;} .left_menu ul li a{ background:url(../img/menu03.png) no-repeat 5px 11px;} .left_menu ul li:hover{ background:url(../img/menu02.png)no-repeat 5px 11px;} .left_menu ul li:hover a{ color:#B10664; } .left_menu ul li a.active{ color:#B10664; background:url(../img/menu02.png) no-repeat 5px 11px;} .right_con{ width:1018px; float:right;} .news_box{ width:100%; display:block; margin-bottom:60px; border-bottom:#CCC solid 1px;} .news_daytitle{ width:100%; clear:both; margin-bottom:20px;} .news_day{ display:block; float:left; color:#555555; font-size:15px; padding-right:10px; border-right:#838383 solid 1px;} .news_daytitle h3,.news_h3 h3{ display:block; float:left; font-size:16px; font-weight: bolder; margin-left:10px; color:#404040;} .news_img{ width:100%; border: #F3F3F3 solid 1px;} .news_img img{ width:100%;} .news_bottom{ padding-bottom:10px;} .news_bottom h4{ font-size:14px; display:block; float:left; color:#B10664; font-weight:bolder; padding-top:15px;} .more_bt{ display:block; width:91px; height:28px; color:#FFF; font-weight:bolder; text-align:center; background:#E3007D; float:right; margin-top:10px; line-height:29px; transition:.5s;} .news_box:hover .more_bt{ background:#C8247E; transition:.3s;} .news_box:hover .news_day{color:#B10664;} .titleh2{ margin:0px 0 30px 0; width:100%; background:url(../img/title.jpg) repeat-x 0px 14px;} .titleh2 h3{ font-size: 23px; color: #B10664; font-weight: bolder; background: #FFF; padding: 0 5px; display: block; /* width: 120px; */ display: inline-block;} .news_h3{ margin-bottom:20px;} .news_text{ line-height:25px;} .news_nexrprev { width:100%; margin-top:50px;} .news_nexrprev a{ width:100%; display:block; margin-bottom:10px; border-bottom:#CCC dashed 1px; padding-bottom:10px; transition:.5s;} .news_nexrprev01{ display:block; float:left; width:100px; height:24px; color:#FFF; background:#E3007D; text-align:center; line-height:22px; border-radius: 10px;} .news_nexrprev02{ float:left; display:block; margin-left:20px; font-size:15px; font-weight:bolder;} .news_nexrprev a:hover .news_nexrprev01{background:#C8247E; transition:.3s; border-radius:100px;} .news_nexrprev a:hover .news_nexrprev02{color:#B10664;} .back{ width:50px; height:50px; color:#FFF; background:#E3007D; float:right; text-align:center; border-radius:100px; line-height:50px; display:block; margin:20px; transition:.5s; transform:scale(1);} .back:hover{background:#C8247E; transform:scale(1.1); transition:.3s} .top_bt{ font-size:12px; color:#E3007D; float:right;} .top_bt:hover{color:#C8247E;} .edm_box{ width:225px; display:block; float:left;margin-right:29px; margin-bottom:60px; } .edm_y{ position:absolute; right:0; bottom:0; z-index:1; width:246px; height:247px; filter:alpha(opacity=0); opacity:0; transition:.1s;} .edm_img{ width:225px; height:325px; overflow: hidden; box-shadow:1px 1px 8px -2px rgba(95, 95, 95, 0.5); position: relative; border:#CCC solid 1px;} .edm_img:hover .edm_y{ filter:alpha(opacity=100); opacity:1; transition:.2s;} .edm_img img{ width:100%;} .edm_box h3{ font-size:15px; font-weight:bolder; margin-top:15px;} .edm_showimg{ width:500px; margin:0 auto; box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5); position:relative;} .edm_decorative{ position:absolute; z-index:1; right:0; bottom:0; width:110px; height:201px; filter:alpha(opacity=0); opacity:0; transition:1s;} .edm_decorative2{position:absolute; z-index:1; left:0; bottom:0; width:110px; height:201px; filter:alpha(opacity=0); opacity:0; transition:1s;} .edm_decorative.active{ filter:alpha(opacity=100); opacity:1; transition:.5s;} .edm_decorative2.active{ filter:alpha(opacity=100); opacity:1; transition:.5s;} .edm_showimg2 { width:1000px; margin:0 auto; box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5);} .edm_showimg2 .edm_showimg{ float:left; margin:0; box-shadow:none;} .edm_bt{ width:500px; margin:30px auto;} .edm_bt2{ width:1000px; margin:30px auto;} .edm_next,.edm_prve{ display:block; text-align:center; font-size:14px; line-height:25px; padding:5px 10px ; border-radius: 5px; border:#CCC solid 1px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } .edm_next{ float:right;} .edm_prve{ float:left;} .edm_title{ font-size:16px; margin-bottom:20px; font-weight: bolder; clear:both; display:block; width:100%; } .edm_show:hover{ box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5); transition:.5s;} .edm_show{ display:block; float:left; background:#FFF; border:#E8E8E8 solid 1px; width:220px; height:306px; margin-right:34px; margin-bottom:34px; transition:1s;} .edm_show .edm_img{ width:200px; height:286px; margin:8px auto; box-shadow:none; border:#CCC solid 1px;} .movie_box{ float:left; display:block; width:303px; margin-right:54px; margin-bottom:50px; } .movie_box:nth-child(3n+3){ margin-right:0px;} .movie_bg{ width:303px; height:180px; background:url(../img/mov01.jpg) center 100% no-repeat; overflow:hidden; transition:1s;} .movie_img{ width:218px; height:163px; margin:8px auto; clear:both; overflow:hidden; border:#C8C8C8 solid 1px;} .movie_img img{ width:102%; margin-top:-2px;} .movie_box h3{ width:100%; height:44px; margin-top:5px; font-size:15px; padding-left:45px; background:url(../img/mov02.jpg) no-repeat 0px 4px; display:block; font-weight:bolder; } .movie_box h3 .movie_day{ width:100%; display:block; margin-top:1px; color:#8D8D8D; font-weight:bolder; font-size:12px;} .movie_t{ width:100%; height:38px; overflow:hidden; display:block; font-size:13px; margin-top:5px; line-height:20px; font-weight:bolder; color:#555555;} .movie_box:hover .movie_bg{ box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5); -webkit-animation: moviebg 2s infinite linear; -moz-animation: moviebg 2s infinite linear; -o-animation: moviebg 2s infinite linear; animation: moviebg 2s infinite linear; } @-webkit-keyframes moviebg { 0% { background:url(../img/mov01.jpg) center 100% no-repeat; } 50% { background:url(../img/mov01.jpg) center 50% no-repeat; } 100% { background:url(../img/mov01.jpg) center 0% no-repeat; } } @-moz-keyframes moviebg { 0% { background:url(../img/mov01.jpg) center 100% no-repeat; } 50% { background:url(../img/mov01.jpg) center 50% no-repeat; } 100% { background:url(../img/mov01.jpg) center 0% no-repeat; } } @-o-keyframes moviebg { 0% { background:url(../img/mov01.jpg) center 100% no-repeat; } 50% { background:url(../img/mov01.jpg) center 50% no-repeat; } 100% { background:url(../img/mov01.jpg) center 0% no-repeat; } } @keyframes moviebg { 0% { background:url(../img/mov01.jpg) center 100% no-repeat; } 50% { background:url(../img/mov01.jpg) center 50% no-repeat; } 100% { background:url(../img/mov01.jpg) center 0% no-repeat; } } .movie_box:hover.movie_box h3{ background:url(../img/mov02.jpg) no-repeat 0px -36px;} .map_title{ width:100%;} .map_title h3{ float:left; display:block; font-size:20px; margin-right:0px; font-weight:bolder; color:#999;} .map_title span{ display:block; float:left; font-size:16px; font-weight:bolder; color:#0F0F0F; margin-top:3px;} .map_box{ width:100%; display:block;} .map_01,.map_02,.map_03,.map_04{ float:left; display:block; font-size:14px; font-weight:bolder; margin-right:10px; line-height:25px;} .map_bt{-webkit-appearance:none;/*apple*/} .map_bt{ width:100px; height:24px; text-align:center; background:#B10664; color:#FFF; border:0;} .map001,.map002,.map003,.map004,.map005,.map006{ float:left; display:block; font-size:14px; font-weight:bolder; margin-right:10px; line-height:25px; margin-right:40px;} .map_box2{ width:100%; display:block; margin-top:30px;} .map_box3,.map_box21{ width:100%; display:block; border-bottom:#DFDFDF solid 1px; padding:5px 10px; } .map_box3{ position:relative;} .map006{ width:300px; height:200px; position:absolute; right:0px; top:-100px; background:#FFF; z-index:10; padding:10px; border:#CCC solid 1px; transition:.3s; filter:alpha(opacity=0); opacity:0;} .map006{ width:237px; height:189px; margin:0 auto;} .map007{width:214px; height:142px; overflow:hidden; margin:0 auto;} .map007 img{ width:100%;} .map_box3:nth-child(odd){ background:#F7F7F7;} .map_box21 span{ color:#E4007F; } .map_box3:hover span{ color:#E4007F;} .map_box3:hover span.map006 h3{ color:#333;} .map_box3:hover a{color:#906;} .map_box3:hover .map006{ transition:.2s; filter:alpha(opacity=100); opacity:1;} .map001{ width:50px; text-align:center;} .map002{ width:50px; text-align:center;} .map003{ width:187px; } .map004{ width:100px;} .map005{width:300px; display:block;} /*EDM show*/ .load{ position:absolute; left:0; top:0; width:100%; height:100%; background: #FFF; z-index:99999;} .load img{ display:block; margin:20% auto; -webkit-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; animation: loading 1s infinite linear; } @-webkit-keyframes loading { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes loading { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes loading { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes loading { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .play{ background:url(../img/play.png) no-repeat; width:22px; height:20px; display:block; float:left; margin:5px 5px 5px 0; filter:alpha(opacity=50); opacity:0.5;} .play.active{filter:alpha(opacity=100); opacity:1;} .stop.active{filter:alpha(opacity=100); opacity:1;} .stop{ background:url(../img/play.png) -23px 0px no-repeat; width:22px; height:20px; display:block; float:left; margin:5px 5px 5px 0; filter:alpha(opacity=50); opacity:0.5;} /* .login_box2{ background: url(../img/login_bg.jpg) no-repeat; width:379px; height:360px; margin:10% auto; position:relative; border-radius: 5px; box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4); border:#FFF solid 3px;} .login01{ width:127px; height:130px; position:absolute; top:-67px; left:123px; display:block;} .login02{ width:103px; height:25px; margin:70px auto 21px auto; display:block;} .login03{ width:320px; height:52px; margin:0 auto 20px auto; display:block; position:relative; } .login03 input{ width:320px; height:52px; border:0; padding-left:50px; border-radius: 5px;background:#FFF; display:block; } .login04{ position:absolute; left:9px; top:7px; display:block; } .login_bt0{ width:328px; height:50px; border:0; margin:0 auto; background:url(../img/login02.jpg) no-repeat 0px 0px; display:block; color:#FFF; text-align:center; font-size:16px; font-weight:bolder; font-family:"微軟正黑體";} .login05{ width:328px; margin:0 auto; padding-top:10px;} .login06{ float:left; display:block; font-size:12px; color:#b4b4b4;} .login07{ float:right; display:block; font-size:12px; color:#b4b4b4;} .login05 a:hover{ color:#333;}*/ .close_bt{ width:40px; height:40px; position:absolute; right:-24px; bottom:-24px; display:block; transition:.5s;} .close_bt:hover{ transition:.3s; transform:scale(1.2);} .close_bt img{ width:100%;} .join_h3{ width:597px; font-size:15px; color:#333; display:block; margin:0 auto; font-weight:bolder;} .join_table{ width:597px; margin:20px auto;} .join_table01{ width:100%; margin-bottom:20px;} .join_t01{ display:block; float:left; width:100px; font-size:15px; margin-right:10px; padding-top:12px;} .join_t02{ width:400px; float:left; margin-right:10px;} .join_t02 input{ width:400px; height:40px;} .join_t03{width:75px; float:left; display:block;} .join_t03 input{ height:40px; border:0; padding:0 10px; cursor:pointer; transition:1s; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ border:#CCC solid 1px; } .join_t03 input:hover{border-radius: 10px; transition:.5s;} .join_t04{ width:400px; float:left; margin-right:10px; padding-top:12px;} .join_t05 { width:400px; float:left; margin-right:10px; padding-top:5px;} .join_t05 input{ width:253px; height:40px; float:left; margin-right:10px;} .join_t05 img{ display:block; float:left;} .join_t06 { width:400px; float:left; margin-right:10px; padding-top:5px;} .join_t06 select{width:136px; height:40px; float:left; margin-right:10px;} .join_t06 input{width:402px; height:40px; float:left; } .join_bt{ background: url(../img/bt.jpg); color:#FFF; font-weight:bolder; text-align:center; border:0;} .red{ color:red;} .map_min{ float:left;} .ah3{ font-size:16px; font-weight:bolder; background:#F2F2F2; padding:5px 10px; border-radius: 10px; margin:10px 0;} .ah32{font-size:16px; font-weight:bolder; margin:10px 0;} .ap{ font-size:13px; line-height:25px;} .a3{float:left} .a4{float:left} .a5{ width:631px; margin:0 auto;} .a6{ width:685px; margin:0 auto;} .a7{ width:100%;} .a7 img{ float:left; margin-right:10px; width:100px; margin-top:10px;} .a7 .ap{ float:left; font-size:14px;} .pink{ color:#B10664;} .hr{ width:100%; border-bottom:#CCC solid 1px; margin:10px;} .a8 img{ float:left; width:300px; } .a8 .ap{ float:left; font-size:14px; margin:60px 0;} .a8{width:500px; margin:0 auto;} .a9{ width:707px; margin:0 auto;} /*測量*/ .test_cap{ width:100%; position:relative; background:url(../img/beautiful01.jpg) center 0px no-repeat; } .test_box1335{ width:1335px; margin:0 auto;} .test_wawa{ float:left; margin-top:30px;} .test_pbox{ width:1000px; float:left;} .test_title{ float:left; margin-top:60px; } .test_titlep{ float:right; margin-top:173px; width:276px;} .titlep01{ float:left; font-size:16px; font-weight:bolder; color:#FF008B;} .titlep02{ float:left; font-size:16px; font-weight:bolder; } .titlep02 h3{font-size:16px; font-weight:bolder; padding-left:10px; } .titlep03{float:left; width:138px; line-height:22px; font-size:13px;} .test_imgtitle01{display:block; margin-left:30px;} .test_imgtitle02{ margin-top:20px; display:block;} .test_list{ margin-top:20px; position:relative;} .test_list2{ width:515px; margin:0 auto; margin-top:20px; } .test_bt{ position:absolute; right:2%; bottom:17%; width:300px;} .test_bt img{ width:100%;} .test_list span h3{ font-size:16px; font-weight:bolder; color:#5D5D5D; margin:5px 0; } .test_list span{ float:left; margin:30px 20px 50px 50px;} .test_list span input{ border:0; width:170px; height:35px; background:#FFF url(../img/beautiful01-11.png) 96% 13px no-repeat ; border-radius: 5px ; box-shadow:inset 3px 3px 3px rgba(106, 0, 65, 0.35); padding:0 35px 0 10px;} .endh3{ font-size: 30px; font-weight: bolder; margin: 0px 0 0 26px; } .end_wawa{ width:705px; margin:0 auto; position:relative;} .end_wawapp{ width: 349px; height: 500px; position: absolute; right: 111px; top: 100px; margin-top:30px; } .end_wawapp01{ margin-bottom:10px; width:100%; display:block; clear:both;} .end_wawapp01 p{ float:left; display:block; font-size:40px; font-weight:bolder; color:#FF008B;} .end_wawapp01 span{ float:left; font-size:35px; font-weight:bolder; margin-right:30px; display:block; margin-top:5px;} .end_wawapp02{ margin:30px 0 10px 0; width:100%; display:block; clear:both;} .end_wawapp02 span{ font-size:35px; font-weight:bolder; margin-right:30px; display:block; margin-top:5px; width:100%;} .end_wawapp02-1{ font-size:16px; font-weight:bolder; margin-right:30px; display:block; margin-top:5px; width:100%; margin-bottom:5px; line-height:26px;} .end_wawapp02-2{font-size:16px; font-weight:bolder; margin-right:30px; display:block; margin-top:5px; width:100%; margin-bottom:5px; color:#FF008B; line-height:26px;} .flytext{ position:absolute; left:0; top:0px;} .test_list span input.haha{ width:25px; height:25px; padding:0; -webkit-appearance: none; -moz-appearance: none; text-indent: 9px; text-overflow: ''; float:left; margin-top:5px; } .test_list span .hahap{ float:left; font-size:16px; margin:0; font-weight:bolder; margin-left:10px; color:#999; line-height:35px; margin-right:20px;} .test_list01{ -webkit-animation: animatelist 1s 1 ease-in-out; -moz-animation: animatelist 1s 1 ease-in-out; -o-animation: animatelist 1s 1 ease-in-out; animation: animatelist 1s 1 ease-in-out; } @-webkit-keyframes animatelist { 0% { margin-top:300px; filter:alpha(opacity=0); opacity:0; } 50% { margin-top:10px; filter:alpha(opacity=70); opacity:0.7; } 75% { margin-top:40px; filter:alpha(opacity=100); opacity:1; } 100% { margin-top:30px; filter:alpha(opacity=100); opacity:1; } } @-moz-keyframes animatelist { 0% { margin-top:300px; filter:alpha(opacity=0); opacity:0; } 50% { margin-top:10px; filter:alpha(opacity=70); opacity:0.7; } 75% { margin-top:40px; filter:alpha(opacity=100); opacity:1; } 100% { margin-top:30px; filter:alpha(opacity=100); opacity:1; } } @-o-keyframes animatelist { 0% { margin-top:300px; filter:alpha(opacity=0); opacity:0; } 50% { margin-top:10px; filter:alpha(opacity=70); opacity:0.7; } 75% { margin-top:40px; filter:alpha(opacity=100); opacity:1; } 100% { margin-top:30px; filter:alpha(opacity=100); opacity:1; } } @keyframes animatelist { 0% { margin-top:300px; filter:alpha(opacity=0); opacity:0; } 50% { margin-top:10px; filter:alpha(opacity=70); opacity:0.7; } 75% { margin-top:40px; filter:alpha(opacity=100); opacity:1; } 100% { margin-top:30px; filter:alpha(opacity=100); opacity:1; } } .test_list02{ -webkit-animation: animatelist 1s 1 ease-in-out; -moz-animation: animatelist 1s 1 ease-in-out; -o-animation: animatelist 1s 1 ease-in-out; animation: animatelist 1s 1 ease-in-out; animation-delay: 0.1s; } .test_list03{ -webkit-animation: animatelist 1s 1 ease-in-out; -moz-animation: animatelist 1s 1 ease-in-out; -o-animation: animatelist 1s 1 ease-in-out; animation: animatelist 1s 1 ease-in-out; animation-delay: 0.2s; } .test_list04{ -webkit-animation: animatelist 1s 1 ease-in-out; -moz-animation: animatelist 1s 1 ease-in-out; -o-animation: animatelist 1s 1 ease-in-out; animation: animatelist 1s 1 ease-in-out; animation-delay: 0.3s; } .end_wawapp{ -webkit-animation: animatelist 1s 1 ease-in-out; -moz-animation: animatelist 1s 1 ease-in-out; -o-animation: animatelist 1s 1 ease-in-out; animation: animatelist 1s 1 ease-in-out; } /* .test_cap2{ background: url(../img/beautiful01-1.jpg) no-repeat; width:1078px; height:784px; margin:0 auto; padding:220px 10px 0 385px; position:relative;} .test01{ width:358px;} .test_table{ width:100%; } .test_table span{ display:block; float:left; margin-bottom:20px;} .test02{ font-size:33px; font-weight:bolder; color:#696969; margin-right:10px; margin-top:5px; width:99px; text-align:right;} .test04{ font-size:20px; font-weight:bolder; color:#696969; margin-right:10px; margin-top:25px;} .test03{margin-right:10px;} .test03 input{ width:205px; height:53px; border:#CCC solid 1px; padding:5px; } .testh3{ margin:10px 0 20px 0;} .s1{ width:153px; height:72px; position:absolute; left:111px; top:362px;} .s2{ width:153px; height:72px; position:absolute; left:130px; top:406px;} .s3{ width:153px; height:72px; position:absolute; left:130px; top:458px;} .s4{ width:153px; height:72px; position:absolute; left:114px; top:515px;} .s1 img,.s2 img,.s3 img,.s4 img{ filter:alpha(opacity=0); opacity:0; transition:1s;} .s1 img.active{ filter:alpha(opacity=100); opacity:100; transition:.5s;} .s2 img.active{ filter:alpha(opacity=100); opacity:100; transition:.5s;} .s3 img.active{ filter:alpha(opacity=100); opacity:100; transition:.5s;} .s4 img.active{ filter:alpha(opacity=100); opacity:100; transition:.5s;} .databox{ position:absolute; left:0px; bottom:78px; height:126px; width:100%; padding:10px 0px 0px 272px;} .databox img{ margin-bottom:8px;} .databox h2{ font-size:20px; font-weight:bolder; color:#343434; margin-bottom:5px;} .databox p { font-size:16px; font-weight:bolder;} .s_bt{ background:url(../img/s2.png)0px 0px no-repeat; width:264px; height:236px; position:absolute; right:51px; bottom:107px; border:0; cursor:pointer; z-index:1;} .s_bt2{ background: url(../img/s4.png) no-repeat; width:264px; height:236px; position:absolute; right:51px; bottom:10px; border:0; cursor:pointer; z-index:1;} .s_bt3{ background: url(../img/s2.png) no-repeat -34px -38px; width:265px; height:179px; border:0; cursor:pointer; float:right; } .s_bt4{background: url(../img/s4.png) no-repeat; width:264px; height:236px; border:0; cursor:pointer; float:right; } .test_b2{ float:left; margin-right:10px; margin-left:15px; position:relative; width:227px;} .t2_input{width:193px; height:53px; border:#CCC solid 1px; padding:5px; } .test_b2 .test04{ position:absolute; right:28px; bottom:0px;} .t3_input{ display:block; width:227px; padding-left:20px; line-height:25px; font-size:20px; margin-top:10px;} .t3_ser{ width:30px; height:30px; margin-top:10px; } .text_b{ width:100%; margin-bottom:10px;} .t_imgtwxt{background:url(../img/t1.png) no-repeat 0px 0px;} .t_imgtwxt2{background:url(../img/t1.png) no-repeat 0px -47px;} .t_imgtwxt3{background:url(../img/t1.png) no-repeat 0px -95px;} .text_b01{ float:left; width:140px; margin-top:8px; height:29px; } .text_b02{ float:left; font-size:40px; color:#FF008B; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;} .text_b03{float:left; width:259px; margin:20px 0 8px 0; height:35px; margin-bottom:10px;} .text_b04{ font-size:19px; font-weight:bolder; line-height:26px; width:400px; color:#333;} .t1_mini{ margin:30px 0;} .mini_table span{ float:left; margin-bottom:20px;} .mini_table p{ font-size:14px; line-height:25px; font-weight:bolder;} .mini_table .test02{ font-size:16px;} .mini_table .test03 input{ height:36px; width:500px;} .mini_table .test04 { font-size:16px; margin-top:8px;} .hr2{ border-bottom:#CCC solid 1px; margin:20px 0; width:100%; } .mini_table .t3_input input{ width:15px; height:15px;} .mini_table .t3_input{margin:0; font-size:16px;} .test_cap3 .text_b02{ margin:0;} .mini_table .text_b01{ margin-top:19px;} .test_cap.active{display:none;} .test_cap2.active{ display:none;} .test_cap3.active{ display:block;} .test_cap3{ width:60%; margin:0 auto;} .test_cap4{ width:100%; background: url(../img/bg1.jpg);} */ .text_n1{ width:821px; margin:10px auto; font-size:14px; line-height:26px;} .text_n2{width:821px; margin:0px auto; font-size:14px; line-height:26px;} .text_imgn1{width:821px; margin:20px auto;} .hr{ border-bottom:#CCC solid 1px; margin:50px auto; width:821px;} .t01{ float:left; margin-left:30px; margin-top:30%;} .t02{ } .t01 h3,.t02 h3{ font-size:16px; margin-bottom:5px;} .t001{float:left; width:50%; height:548px; position:relative;} .t002{width:100%; margin-bottom:30px; position:relative; width:100%; height:374px;} .aaa01{ width:20%; float:left; display:block;} .aaa02{float:left; width:75%; margin-left:2%;} /*pro*/ .titleh2{ margin-top:30px;} .external{ margin-bottom:20px; height:30px; width:1260px;} .external span.cycle-pager-active{ background:#676767; color:#FFF; } .external span{ width:252px; height:30px; display:block; float:left; font-size:14px; text-align:center; line-height:33px; border-right:#FFF solid 1px; background:#ECECEC; color:#333; cursor:pointer; overflow:hidden;} .external span:last-child{ border:0; } .contact_box{ width:900px; margin:50px auto;} .message_say{ width:100%; padding:5px 47px; background:#EFF5F7; border-radius:5px;} .message_say h3{ font-size:14px; margin: 18px 0; color:#666;} .message_say00{ width:100%; margin-bottom:20px;} .message_say01{ width:50px; display:block; font-size:12px; font-weight:bolder; float:left; margin:13px 30px 0 0; color:#3F3F3F; font-weight:bolder;} .message_say03{ width:5%; display:block; font-size:12px; font-weight:bolder; float:left; margin:0px 30px 0 0; color:#3F3F3F; font-weight:bolder;} .message_say02{ width:90%; display:block; float:left; font-size:12px; font-weight:bolder; color:#3F3F3F;} .message_say04{ width:90%; display:block; float:left; font-size:12px; font-weight:bolder; color:#3F3F3F; margin:13px 0;} .message_say05{ width:90%; display:block; float:left; font-size:12px; font-weight:bolder; color:#3F3F3F; margin:10px 0;} .message_say02 textarea { width:100%; height:116px; border:#BEBEBE solid 1px; padding:10px;} .message_mail{ width:100%; height:43px; border:#BEBEBE solid 1px; padding:10px;} .message_say02 .message_ps{ font-size:12px; color:#929292; margin:10px 0;} /*.message_lihi{ line-height:15px;}*/ .message_code{ float:left; padding:10px; height:43px; margin-right:20px; border: #BEBEBE solid 1px;} .message_say02 img{ float:left; margin-top:2px;} .join_ok{ width:826px; float:right; margin:30px 0; background:#CB0D77; border:0; height:43px; color:#FFF; -webkit-appearance:none;/*apple*/} .conta_001{ width:33%; margin-bottom:30px; padding-left:70px; float:left;} .conta_001_1{ font-size:16px;} .conta_001_2{ font-size:14px; margin:10px 0;} .conta_002{ width:65%; margin-bottom:30px; padding-left:0px; float:left;} .cata_dmshow{ width:100%; margin:50px auto;} .cata_dmshow h3{ font-size:16px; color:#FFF; font-weight:bolder;} .cata_p{ margin-bottom:25px; font-size:12px;} .day_cata{ font-size:12px; color:#999999; margin:2px 0 20px 0;} .close_back{ display:block; float:right; transition:.5s;} .close_back:hover{filter:alpha(opacity=70); opacity:0.7; transition:.3s;} .cata_show{ width:186px; height:268px; overflow:hidden; float:left; margin-right:20px; margin-bottom:57px; border:#CCC solid 1px;} .cata_show img{ width:100%;} .link_shopwed{ width:100%; margin:0 0 30px 0;} .link_shopwed>a{ display:block; float:left; margin-right:10px; margin-bottom:10px;} .link_shopwed>a:hover{ filter:alpha(opacity=70); opacity:0.7;}