/*文字樣式*/ .g01{color:#929292; font-size:12px; line-height:18px;} .g02{color:#595858; font-size:12px; line-height:18px;} .g03{color:#595858; font-size:13px; line-height:18px;} .g04{color:#b7b7b7; font-size:12px; line-height:18px;} .g05{color:#d3d3d3; font-size:13px; font-weight:bold; line-height:18px;} .b01{color:#71b0d3; font-size:12px; line-height:18px; font-weight:normal;} .b02{color:#71b0d3; font-size:15px; line-height:18px;} .r01{color:#c30000; font-size:12px; line-height:18px;} .r02{color:#c30000; font-size:15px; line-height:18px; font-weight:bold;} .o01{color:#ff9000;} .w01{color:#fff; font-size:12px; line-height:18px; font-weight:normal; font-family:Arial;} /*關於我們-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #about{padding:9px 20px 0 10px;} #about .top{position:relative; background:url(../images/main/a01-img01.gif) no-repeat left top; width:735px; height:270px; font-size:12px; padding:62px 0 0 30px;} #about .top .pad{padding:3px 0;} #about .top .safe{position:absolute; left:367px; top:223px;} #about .reason{position:relative; left:25px;} #about .con{position:relative; width:710px; padding:10px 0 0 30px; overflow:hidden;} #about .con .aleft{float:left; width:200px;} #about .con .aright{float:right; width:490px;} #about .con .aright .abox{float:left; padding-bottom:5px;} #about .con .abox h1{background:url(../images/main/a01-img03.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 30px; width:140px; height:46px; line-height:46px;} #about .con .abox p{padding:0 0 0 20px; width:210px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #about .abot{position:relative; left:30px; top:10px;} /*服務優勢-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #servic{padding:50px 5px 0 15px;} #servic .top{position:relative; background:url(../images/main/a02-img01.gif) no-repeat left top; width:350px; height:154px; font-size:12px; padding:26px 0 95px 355px;} #servic .top img{padding:0 0 10px 0;} #servic .con{position:relative; width:700px; padding:0 0 0 30px; background:url(../images/main/a02-img05.gif) 368px 0 no-repeat; overflow:hidden; top:-18px;} #servic .con .cleft{float:left; width:342px; padding-top:18px;} #servic .con .cright{float:left; width:350px; top:0;} #servic .con2{position:relative; top:-52px; left:28px;} #servic .con3{position:relative; width:700px; padding:0 0 0 30px; background:url(../images/main/a02-img06.gif) 368px bottom no-repeat; overflow:hidden; top:-98px;} #servic .con3 .cleft{float:left; width:342px; padding-top:38px;} #servic .con3 .cright{float:left; width:350px; top:0;} #servic h1{background:url(../images/main/a02-img07.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:328px;} #servic h2{background:url(../images/main/a02-img08.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:328px;} #servic h3{background:url(../images/main/a02-img09.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:328px;} #servic p{padding:0 0 0 20px;} /*主機代管-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #hosting{padding-top:50px;} #hosting h1{position:relative; width:700px; left:0; background:url(../images/main/a03-img01.gif) no-repeat bottom; padding:38px 0 30px 40px;} /*價格*/ #hosting .con{position:relative; width:700px; height:490px; left:0; padding:10px 0 0 30px;} #hosting .box{float:left; display:inline; width:325px; background:url(../images/main/a03-boxbg.gif) repeat-y; margin:10px;} #hosting .boxu{float:left; width:305px; background:url(../images/main/a03-boxbot.gif) bottom left no-repeat; padding:7px 10px 10px;} #hosting .boxn{position:relative; top:0; background:url(../images/main/a03-boxtop.gif) top left no-repeat; padding:8px 9px 4px 8px; width:308px; clear:both;} #hosting .box h1{position:relative; top:0; background:url(../images/main/a03-1h.gif) top left no-repeat; padding:0; width:308px; clear:both; font-size:16px; font-weight:bold; font-family:Arial; text-align:center; line-height:33px; color:#fff;} #hosting .box h2{position:relative; font-size:15px; color:#b00000; text-align:center; font-weight: bold; font-family:Arial, Helvetica, sans-serif; padding:3px; clear:both;} #hosting .box dl{position:relative;} #hosting .box dt{position:absolute; top:0; padding:0 6px 3px 4px; clear:both; color:#595858; font-weight:bold; font-family: Arial;} #hosting .box dd{position:relative; top:0; left:65px; width:240px; padding:0 0 3px 10px; color:#929292; background:url(../images/main/a03-dot.gif) repeat-y left; clear:both; } /*郵件主機*/ #hosting .con2{position:relative; width:700px; left:0; padding:10px 0 0 30px; background:none;} #hosting .con2 h1{ background:url(../images/main/a03-img06.gif) no-repeat left top; padding:0 0 6px 10px; color:#fff; font-size:16px; font-weight:bold; line-height:180%;} #hosting .con2 p{font-size:12px; background:none; padding:10px 0 0 27px; line-height:18px;} #hosting .con2 .list{position:relative; padding-top:15px; width:675px;} #hosting .con2 .list table td{padding:1px; border:1px solid #a9a9a9;} #hosting .con2 .list table td table th{padding:6px; border:1px solid #fff; background:#dddddd; font-size:13px; color:#555555;} #hosting .con2 .list table td table td{padding:6px; border:1px solid #fff; background:#f0f0f0; font-size:13px; color:#929292; text-align:center;} #hosting .con2 .bor{font-size:13px; font-weight: bold;} #hosting .con2 .tabbg{position:relative; width:675px; height:94px; padding-left:25px; background:url(../images/main/a03-img08.gif) no-repeat #fff;} #hosting .con2 .tabbg h1{font-size:13px; color:#ff9000; font-weight:bold; background:none; padding:0; line-height:220%; width:400px;} #hosting .con2 .tabbg p{font-size:12px; background:none; padding:0; line-height:18px;} #hosting .con2 .tabbg .tab01{position:absolute; height:20px; top:24px; left:452px;} #hosting .con2 .tabbg .tab02{position:absolute; height:20px; top:32px; left:511px;} #hosting .con2 .tabbg .tab03{position:absolute; height:20px; top:24px; left:593px;} #hosting .con2 .tabbg a{font-size:12px; font-weight:bold; color:#FFF; text-decoration:underline;} #hosting .con2 .tabbg a:hover{color:#cdcdcd;} /*增值服務*/ #hosting .con3{position:relative; height:600px; width:100%; background:url(../images/main/a03-img12.gif) no-repeat 140px 30px; top:20px;} #hosting .con3 h1{position:relative; height:28px; width:149px; padding:0 0 2px 0; background:none;} #hosting .con3 p{position:relative; padding:5px 0 0 22px; width:280px;} #hosting .con3 .var01{position:absolute; left:80px; top:5px;} #hosting .con3 .var02{position:absolute; left:440px; top:5px;} #hosting .con3 .var03{position:absolute; left:520px; top:160px;} #hosting .con3 .var04{position:absolute; left:400px; top:400px;} #hosting .con3 .var05{position:absolute; left:90px; top:400px;} #hosting .con3 .var06{position:absolute; left:10px; top:160px;} /*IP測試點*/ #hosting .con4{position:relative; width:100%; top:20px;} #hosting .con4 h1{background:url(../images/main/a03-img13.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:320px; left:30px;} #hosting .con4 h2{font-size:13px; font-weight:bold; color:#c30000; padding:6px 0 0 50px;} #hosting .con4 p{font-size:12px; color:#929292; padding:0 0 10px 50px; font-family:Arial;} #hosting .con4 .ip a{color:#71b0d3; font-size:12px; line-height:18px;} #hosting .con4 .ip a:hover{color:#5895b7; font-size:12px; line-height:18px;} #hosting .con4 .glist{background:url(../images/main/a03-img14.gif) no-repeat right bottom; width:640px; height:145px; padding:25px 10px 15px 70px;} #hosting .glist h1{font-size:13px; color:#fff; font-weight:bold; line-height:18px; background:none; width:600px; left:0; padding:0 0 3px 0;} #hosting .glist p{font-size:12px; color:#fff; padding:0;} #hosting .glist .r01{font-weight:bold; padding:0 0 0 12px;} #hosting .con4 .bgip{background:url(../images/main/a03-img15.gif) no-repeat 50px 18px; padding:20px 20px 10px 340px; height:100px; font-family:Arial;} #hosting .con4 .ipbtn{position:relative; background:url(../images/main/a03-img16.gif) no-repeat left top; padding:0 0 15px 10px; line-height:32px; height:32px; width:220px; color:#fff; font-weight:bold; left:55px;} #hosting .con4 .ipbtn a{line-height:32px; color:#fff; font-weight:bold; text-decoration:none;} #hosting .con4 .ipbtn a:hover{color:#ffdfdf;} /*底部*/ #hosting .bot{clear:both; position:relative; width:620px; height:130px; left:0; background:url(../images/main/a03-img02.gif) no-repeat; padding:70px 50px 0 70px;} #hosting .bot h1{font-size:13px; color:#ff9000; font-weight:bold; background:none; padding:0; line-height:220%; width:500px;} #hosting .bot2{position:relative; width:710px; padding:20px 0 0 35px;} #hosting .bot2 .bleft{float:left; width:180px; padding:0;} #hosting .bot2 .bright{float:right; width:510px; padding:0;} #hosting .bot2 .bright h1{background:url(../images/main/a03-img05.gif) no-repeat left top; font-size:13px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:415px;} #hosting .bot2 .bright p{padding:0 0 3px 20px; line-height:18px;} /*130116主機代管價錢*/ #hosting .price{position:relative; padding-top:20px; overflow:hidden;} #hosting .price-l{float:left; width:105px;} #hosting .price-r{float:left; width:105px;} #hosting .price-r .d01{width:324px; height:80px; padding:34px 276px 0 0; color:#f4acac; font-size:13px; font-weight:bold; text-align:center; line-height:20px; background:url(../images/main/d01-n_04.gif) no-repeat left;} #hosting .price-r .d02{width:570px; height:132px; padding:10px 0 0 30px; color:#6c6c6c; font-size:13px; font-weight:bold; text-align:left; line-height:20px; background:url(../images/main/d01-n_06.gif) no-repeat left;} /*130116台灣主機代管價錢*/ #price2{width:670px; margin-left:35px;} #price2 ul{overflow:hidden;} #price2 li{background:url(../images/main/a03-head-bg.gif) repeat-x top; min-height:100px;} #price2 li.tab01{float:left; width:447px; margin-right:15px;} #price2 li.tab02{float:left; width:205px;} #price2 li.tab03{float:left; width:325px; margin-right:15px;} #price2 li.tab04{float:left; width:325px;} #price2 li.tab05{float:left; width:670px; clear:both;} #price2 li p{color:#fff; font-size:16px; font-weight:bold; padding:50px 0 0 20px; height:34px;} #price2 li.tab01 p{background:url(../images/main/a03-head-01.gif) no-repeat right top;} #price2 li.tab02 p{background:url(../images/main/a03-head-02.gif) no-repeat right top;} #price2 li.tab03 p{background:url(../images/main/a03-head-03.gif) no-repeat right top;} #price2 li.tab04 p{background:url(../images/main/a03-head-06.gif) no-repeat right top;} #price2 li.tab05 p{background:url(../images/main/a03-head-05.gif) no-repeat right top;} #price2 .tabbg{margin:1px 1px 0 0; position:relative; background-color:#fff; border:1px solid #9793b3;} #price2 .tabbg table{width:100%;} #price2 .tabbg td{background-color:#f8f8f8; border:1px #fff solid; font-size:13px; color:#959595; padding:8px 16px;} #price2 .tabbg th{background-color:#e4e4e4; border:1px #fff solid; font-size:13px; color:#5d5c5c; padding:8px 16px;} #price2 .tabbg .tit{background:#d0d0d0; color:#5d5d5d; font-size:13px; font-weight:bold; padding:8px 16px;} /*實體主機-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #physical{padding:50px 10px 0 10px;} #physical .top{position:relative; width:715px; background:url(../images/main/a04-img01.gif) no-repeat left top; padding:8px 0 80px 10px;} #physical .top h1{position:relative; width:312px; padding:40px 0 5px 20px;} #physical .top p{position:relative; padding:5px 0 0 22px; width:450px;} #physical .top .btn{position:absolute; right:7px; top:176px;} #physical .con1{position:relative; background:url(../images/main/a04-img05.gif) repeat-y left top; padding:3px 0 0 50px; overflow:hidden;} #physical .con2{position:relative; background:url(../images/main/a04-img08.gif) repeat-y left top; padding:0 0 0 50px; overflow:hidden; top:0;} #physical .con h1{position:relative; background:url(../images/main/a04-img04.gif) no-repeat top; width:517px; height:63px; text-align:center; left:30px; padding-top:14px; font-size:16px; font-weight:bold; color:#fff;} #physical .con p{padding:0 0 17px 0;} #physical .con .dot{position:relative; background:url(../images/main/a04-img06.gif) no-repeat top left; padding:25px 0 0 0; overflow:hidden; height:100%; width:675px;} #physical .con .dot p{float:left; padding-top:6px;} #physical .con .icon{float:left; padding-right:20px;} #physical .con .icon2{float:left; padding:0 20px 0 30px; top:0; } #physical .con .b02{padding-left:8px; font-weight:bold;} #physical .con .p1{padding-left:40px; overflow:hidden;} #physical .con .p2{padding:6px 0 4px 3px; overflow:hidden;} #physical .con h2{font-size:13px; font-weight:bold; color:#c30000; line-height:26px;} #physical .con a{color:#71b0d3; font-size:12px; line-height:18px;} #physical .con a:hover{color:#5895b7;} #physical .con .ipbtn{position:relative; background:url(../images/main/a04-img14.gif) no-repeat left top; padding:0 0 15px 10px; width:220px; left:205px; clear:both;} #physical .con .ipbtn a{color:#fff; line-height:29px; height:32px; font-weight:bold; text-decoration:none;} #physical .con .ipbtn a:hover{color:#ccc;} #physical .con ul{float:left; width:405px; height:135px; top:0;} #physical .con li{float:left;} #physical .bot {position:relative; background:url(../images/main/a04-img10.gif) no-repeat 24px bottom; padding:18px 0 35px 60px; height:100%; width:675px;} #physical .bot .ptel{vertical-align:bottom; background:none;} #physical .bot .btn{position:absolute; right:7px; bottom:24px;} /*實體主機規格-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #standard{padding:70px 25px 0 10px;} #standard .top p{padding:0 0 5px 10px; width:560px;} #standard .top img{float:right; top:5px; padding-right:30px;} #standard .top2{position:relative; background:url(../images/main/a04-abg.gif) no-repeat top; padding:37px 7px 20px 7px; height:100%; width:720px; left:5px;} #standard .top2 p{padding:5px 0 5px 10px; width:560px; color:#595858; font-size:13px;} #standard .top2 p a{padding:5px 0 5px 10px; width:560px; color:#595858; font-size:13px; text-decoration:none;} #standard .top2 p a:hover{color:#929292;} #standard option{color:#929292; font-size:12px;} #standard .con{position:relative; background:#dfdfdf; width:700px; padding:0; left:20px;} #standard .con table td{border:none; vertical-align:top;} #standard .con .tab td{background:#fff; border:4px solid #dfdfdf;} #standard .con .prod th{padding:15px 0 5px 15px; color:#c30000; font-size:15px; line-height:18px; font-weight:bold; border:none;} #standard .con .prod td{padding:5px; border:none;} #standard .con .list th{border:2px solid #fff; background:#f7f7f7; padding:6px 0 6px 7px; font-weight:bold;} #standard .con .list td{border:2px solid #fff; background:#f7f7f7; padding:6px 0 6px 7px;} #standard .con .list td a{color:#71b0d3;} #standard .con .list td a:hover{color:#5895b7;} #standard .con .list .tit{background:url(../images/main/a04-abg2.gif) repeat-x; height:26px; text-align:center; vertical-align:middle; font-size:13px; font-weight:bold; color:#595858; padding:3px 0 3px 7px;} #standard .con2{position:relative; width:733px; padding:0 0 0 3px; left:3px;} #standard .con2 .sright{float:right; width:140px;} #standard .con2 .sleft{float:left; width:580px;} #standard .con2 .sright table{border:1px solid #ccc; background:#f7f7f7; text-align:center;} #standard .con2 .sright table td{border-top:1px solid #ccc; background:#f7f7f7; text-align:center; padding:12px 0 5px 0;} #standard .con2 .sright table th{background:#f7f7f7; text-align:center; padding:0 0 6px 0;} #standard .con2 .sright table .tit{padding:1px; color:#595858; font-weight:bold;} #standard .con2 .sleft .main{padding:0 0 20px 10px; width:570px;} #standard .con2 .sleft .activity{border:1px solid #ccc; padding:2px; background:#fff; height:100%;} #standard .con2 .sleft .activity div{background:#e8e8e8;} #standard .con2 .sleft .activity h1{padding:2px 0 0 0;} #standard .con2 .sleft .activity p{padding:0 0 5px 20px;} #standard .con2 .sleft .contrast{padding:15px 0 0 0; overflow:hidden;} #standard .con2 .sleft .contrast table{float:left; width:280px; margin:0 0 0 7px; _margin:0 2px 0 4px;} #standard .con2 .sleft .contrast table th{border:1px solid #ccc; background:#f1f1f1; padding:2px 0 2px 5px; color:#595858;} #standard .con2 .sleft .contrast table td{border:1px solid #ccc; background:#fff; padding:2px 0 2px 5px;} #standard .con2 .sleft .contrast table .tit{ background:url(../images/main/a04-aimg-02.gif) no-repeat left top; padding:9px 0 1px 10px; font-weight:bold; border:none; color:#595858;} #standard .con2 .sleft .contrast table .r01{color:#c30000; font-size:12px; line-height:18px;} #standard .con2 .sleft .contrast2{padding:15px 0 0 0; overflow:hidden;} #standard .con2 .sleft .contrast2 table{float:left; width:567px; margin:0 0 0 7px; _margin:0 2px 0 4px;} #standard .con2 .sleft .contrast2 table th{border:1px solid #ccc; background:#f1f1f1; padding:5px 5px 5px 8px; color:#595858;} #standard .con2 .sleft .contrast2 table td{border:1px solid #ccc; background:#fff; padding:5px 0 5px 8px;} #standard .con2 .sleft .contrast2 table .tit{ background:url(../images/main/a04-aimg-04.gif) no-repeat left top; padding:9px 0 1px 25px; font-weight:bold; border:none; color:#595858;} #standard .con2 .sleft .contrast2 table .r01{color:#c30000; font-size:12px; line-height:18px;} #standard .con2 .sleft .base{padding-top:10px;} #standard .con2 .sleft .base h1{font-size:13px; font-weight:bold; color:#595858; background:#f1f1f1; padding:2px 10px; margin:17px 0 4px 0;} #standard .con2 .sleft .base h2{font-size:12px; padding:3px 0 0 10px; color:#c30000;} #standard .con2 .sleft .base p{font-size:12px; padding:2px 0 5px 15px;} #standard .con2 .sleft .base a{font-size:12px; color:#71b0d3;} #standard .con2 .sleft .base a:hover{color:#5895b7;} /*120818擴充頻寬價錢*/ .bwidthlist{padding-left:8px;} #hosting .bwidthlist{padding-left:30px;} #hosting .bwidthlist-h{background:url(../images/main/d01-img03.gif) no-repeat 9px top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 40px; margin:17px 0 10px 0; line-height:56px; width:705px;} .bwidthlist table td{padding:1px; border:1px solid #a9a9a9;} .bwidthlist table td table th{padding:6px; border:1px solid #fff; background:#e2e2e2; font-size:13px; color:#555555;} .bwidthlist table td table td{padding:6px; border:1px solid #fff; background:#f0f0f0; font-size:13px; color:#929292; text-align:center;} .bwidthlist table td table .lddos{background:#f8f8f8;} .bwidthlist table td table .nopad{padding:0; margin:0; background:#fff;} .bwidthlist table td table .pointred{color:#dc0101;} /*120818專線*/ .bwidthline h1{padding:35px 0 15px 19px;} #hosting .bwidthline h1{background:none; padding:35px 0 15px 19px;} #hosting .bwidthline{ padding-left:10px;} .bwidthline ul{float:left; overflow:hidden;} .bwidthline ul li{float:left;} .bwidthline ul ul li{clear:both; font-size:15px; font-weight:bold; color:#fff; text-align:right; width:108px; padding:63px 6px 23px 0;} .bwidthline ul .lli01{float:left; padding:60px 18px 0 20px;} .bwidthline ul .lli02{float:left; padding:5px 20px 0 0;} .bwidthline ul .lin01{background:url(../images/main/d01-icon01.gif) no-repeat right top;} .bwidthline ul .lin02{background:url(../images/main/d01-icon02.gif) no-repeat right top;} .bwidthline ul .lin03{background:url(../images/main/d01-icon03.gif) no-repeat right top;} .bwidthline ul .lin04{background:url(../images/main/d01-icon04.gif) no-repeat right top;} .bwidthline ul .lin05{background:url(../images/main/d01-icon05.gif) no-repeat right top;} .bwidthline ul .lin06{background:url(../images/main/d01-icon06.gif) no-repeat right top;} .bwidthline ul .lin07{background:url(../images/main/d01-icon07.gif) no-repeat right top;} .bwidthline ul .lin08{background:url(../images/main/d01-icon08.gif) no-repeat right top;} .bwidthline ul .lin09{background:url(../images/main/d01-icon09.gif) no-repeat right top;} .bwidthline ul .lin10{background:url(../images/main/d01-icon10.gif) no-repeat right top;} .bwidthline ul .lin11{background:url(../images/main/d01-icon11.gif) no-repeat right top; font-size:14px;} .bwidthline ul .lin12{background:url(../images/main/d01-icon12.gif) no-repeat right top;} .bwidthline .bright{float:left; width:420px;} #hosting .bwidthline .bright h1{background:url(../images/main/d01-img02.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:415px;} .bwidthline .bright h1{background:url(../images/main/d01-img02.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:415px;} .bwidthline .bright h2{padding:0 0 1px 20px; line-height:18px; font-size:15px; font-weight:bold; color:#727272;} .bwidthline .bright p{padding:0 0 2px 20px; line-height:18px;} .bwidthline .bright .g01{color:#c6c6c6;} .bwidthline{overflow:hidden;} /*IP*/ .ipbanner{padding:0 0 10px 40px;} /*防火牆服務-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #firewall{padding:45px 10px 30px 0;} #firewall .top{position:relative; background:url(../images/main/a05-img01.gif) no-repeat left top; width:348px; height:226px; padding:45px 36px 40px 380px;} #firewall .top p{padding:7px 0 0 6px;} #firewall .top .only{position:relative; left:-20px; top:15px;} #firewall .con{position:relative; padding:0 0 0 50px;} #firewall .con h1{position:relative; background:url(../images/main/a05-img04.gif) top left no-repeat; padding-left:20px; width:308px; height:55px; font-size:15px; font-weight:bold; font-family:Arial; line-height:46px; color:#fff; left:-35px;} #firewall .con h2{position:relative; background:url(../images/main/a05-img05.gif) top left no-repeat; padding-left:20px; width:377px; height:55px; font-size:15px; font-weight:bold; font-family:Arial; line-height:46px; color:#fff; left:-35px; top:30px;} #firewall .con h3{position:relative; background:url(../images/main/a05-img06.gif) top left no-repeat; padding-left:20px; width:308px; height:55px; font-size:15px; font-weight:bold; font-family:Arial; line-height:46px; color:#fff; left:-35px; top:30px;} #firewall .con .tab01 table td{padding:2px; border:3px solid #c1c1c1;} #firewall .con .tab01 table td table th{padding:6px; border:1px solid #fff; background:#dadada; font-size:13px; font-weight:bold; color:#595858;} #firewall .con .tab01 table td table td{padding:4px 8px; border:1px solid #fff; background:#f0f0f0; font-size:12px;} #firewall .con .tbg{background:#f7f7f7;} #firewall .con .mis{position:relative; width:660px; padding:30px 0 0 0; overflow:hidden;} #firewall .con .mis .mleft{float:left; width:315px;} #firewall .con .mis .mright{float:right; width:315px;} #firewall .con .mis .box{position:relative; background:url(../images/main/a05-img08.gif) bottom left repeat-y; font-size:15px; color:#fff; width:308px; padding-bottom:8px; margin-bottom:12px;} #firewall .con .mis h1{background:url(../images/main/a05-img07.gif) no-repeat; padding:0; left:0; top:0; text-align:center; font-size:16px; height:45px;} #firewall .con .mis .box table th{position:relative; color:#595858; font-size:12px; padding:2px 0;} #firewall .con .mis .box table td{position:relative; background:url(../images/main/a05-img09.gif) top no-repeat; color:#595858; font-size:12px; padding:2px 0;} #firewall .con .mis .box table a{color:#c30000;} #firewall .con .mis .box table a:hover{color:#e79891;} #firewall .con .spla{background:url(../images/main/a05-img10.gif) no-repeat left top; padding:10px 0 0 285px; height:138px; width:400px; left:-20px;} #firewall .con .kfw{position:absolute; width:340px; height:212px; z-index:99999; top:400px; right:0px;} /*網頁設計-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #web{padding:50px 10px 0 0; width:745px;} /*優勢1*/ #web .tit1{position:absolute; left:538px; top:278px; color:#71b0d3; width:365px;} #web .web1{padding:0 0 0 40px; overflow:hidden;} #web .web1 h1{background:url(../images/main/a06-img01.gif) no-repeat left 25px; padding:25px 0 0 20px; left:0; top:0; font-size:13px; font-weight:bold; color:#818080;} #web .web1 p{padding:3px 0 10px 20px;} #web .web1 .icon{position:absolute; left:630px; top:500px;} #web .web1 .bot{background:url(../images/main/a06-img02.gif) no-repeat left bottom; padding:40px 0 35px 20px; font-size:12px; color:#c30000;} #web .web1 .photo{position:relative; margin:3px 0 0 20px; background-color:#ededed; padding:5px 5px 0 5px; overflow:hidden; width:584px; height:137px;} #web .web1 .photo li{position:relative; float:left; text-align:center; width:140px; padding:3px; line-height:24px;} /*流程*/ #web .web2{padding:0 0 0 20px; } #web .web2 .icon{position:absolute; left:660px; top:220px;} #web .web2 .tit{position:absolute; left:241px; top:269px; color:#71b0d3; width:365px; line-height:18px; margin:0;} #web .web2 .con{background:url(../images/main/a06-img02.gif) no-repeat left bottom; padding:40px 0 35px 20px; font-size:12px;} #web .web2 .rt{background:url(../images/main/a06-img03.gif) no-repeat left; font-size:13px; font-weight:bold; color:#fff; height:41px; width:60px; line-height:31px; text-align:center; padding:20px;} #web .web2 p{line-height:31px; margin-top:7px;} #web .web2 .rt2{line-height:15px; margin:0; padding:0;} /*作品*/ #web .web3{padding:0 0 0 10px;} #web .web3 table{margin-left:40px;} #web .web3 table td{padding:10px;} #web .web3 .con{padding:0 0 90px 0; background:url(../images/main/a06-img02.gif) no-repeat left bottom; font-size:12px;} /*服務*/ #web .web4{padding:0 0 0 10px;} /*#web .web4 .con{ position:relative; background:url(../images/main/a06-img06.gif) top no-repeat; width:502px; height:465px; left:120px; text-align:center;} #web .web4 .con h1{font-size:13px; font-weight:bold; color:#818080;} #web .web4 .con .list01{position:absolute; top:60px; left:209px;} #web .web4 .con .list02{position:absolute; top:103px; left:321px;} #web .web4 .con .list03{position:absolute; top:220px; left:360px; width: 139px;} #web .web4 .con .list04{position:absolute; top:337px; left:314px; } #web .web4 .con .list05{position:absolute; top:386px; left:181px; width: 136px;} #web .web4 .con .list06{position:absolute; top:342px; left:53px;} #web .web4 .con .list07{position:absolute; top:222px; left:14px;} #web .web4 .con .list08{position:absolute; top:102px; left:80px;} #web .web4 .con .list09{position:absolute; top:184px; left:215px;}*/ #web .web4 .con2{position:relative; background:url(../images/main/a06-img06-2.gif) top no-repeat; width:730px; height:540px; left:0px; font-size:15px; color:#777777; font-weight:bold;} #web .web4 .con2 .li01{position:absolute; top:68px; left:325px;} #web .web4 .con2 .li02{position:absolute; top:36px; left:522px;} #web .web4 .con2 .li03{position:absolute; top:110px; left:545px;} #web .web4 .con2 .li04{position:absolute; top:142px; left:312px;} #web .web4 .con2 .li05{position:absolute; top:166px; left:60px;} #web .web4 .con2 .li06{position:absolute; top:227px; left:113px;} #web .web4 .con2 .li07{position:absolute; top:201px; left:339px;} #web .web4 .con2 .li08{position:absolute; top:179px; left:550px;} #web .web4 .con2 .li09{position:absolute; top:253px; left:601px;} #web .web4 .con2 .li10{position:absolute; top:267px; left:408px;} #web .web4 .con2 .li11{position:absolute; top:292px; left:218px;} #web .web4 .con2 .li12{position:absolute; top:293px; left:59px;} #web .web4 .con2 .li13{position:absolute; top:362px; left:96px;} #web .web4 .con2 .li14{position:absolute; top:353px;left:302px;} #web .web4 .con2 .li15{position:absolute; top:331px; left:494px;} #web .web4 .con2 .li16{position:absolute; top:396px; left:604px;} #web .web4 .con2 .li17{position:absolute; top:429px; left:405px;} #web .web4 .icon{position:absolute; left:254px; top:765px;} /*問題*/ #web .web5 .qa{padding:0 50px 100px 40px; background:url(../images/main/a06-img02.gif) no-repeat left bottom; font-size:12px;} #web .web5 .qa h2{background:url(../images/main/a06-img01.gif) no-repeat left 25px; padding:25px 0 0 20px; left:0; top:0; font-size:13px; font-weight:bold; color:#818080;} #web .web5 .qa p{padding:10px 0 0 20px;} #web .web5 .qa .moreicon{float:right; padding:0 5px; cursor:pointer;} #web .web5 .qa .p-green{padding-left:0;} #web .web5 .qa ul{padding:3px 0 0 20px;} #web .web5 .qa li{background:url(../images/main/a06-img08.gif) no-repeat left 3px; padding:0 0 10px 10px; left:0; top:0; font-size:12px; color:#818080;} /*方案*/ #web .web6{padding:0 10px 0 10px;} #web .web6 h2{padding:13px 0 8px 26px;} #web .web6 p{padding:0 0 7px 28px;} #web .web6 .con{padding:3px; font-size:12px; border:1px solid #e2e2e2; margin:8px 0 0 5px; width:702px;} #web .web6 .con table td{background-color:#f5f5f5; padding:9px; border:1px #fff solid; font-size:13px;} #web .web6 .con table th{padding:5px 0 5px 15px; border:1px #fff solid; color:#777777; font-size:13px; background:url(../images/main/a06-tet-bg2.gif) right repeat-y #e5e5e5; vertical-align:middle;} #web .web6 .con .tdbg1{background:url(../images/main/a06-tet-bg1.gif) repeat-x #f5f5f5; padding:8px; border:1px #fff solid; text-align:center;} #web .web6 .con .tdtel a{background:url(../images/main/a06-tet-tel.gif) no-repeat top; width:99px; height:26px; display:block; text-indent:-99999px; margin:0 auto;} #web .web6 .con .tdtel a:hover{background:url(../images/main/a06-tet-tel.gif) no-repeat bottom; } #web .web6 .con .point{color:#ae3d3d;} #web .web6 .con .point2{color:#eb8f8f; font-size:12px;} #web .web6 .con .telblue{color:#387994;} #web .web6 .con .webpad01{vertical-align:top;} #web .web6 .con .webpad01 img{padding:2px 0 7px 0;} #web .web6 .con .webdot01 li{background:url(../images/main/a06-tet-dot.gif) no-repeat center left; padding:0 0 0 11px;} #web .web6 .con .maintain td{text-align:center;} #web .web6 .con .addbg{background:url(../images/main/a06-tet-addbg.gif) repeat-x; padding:0; height:38px; text-align:left; vertical-align:middle;} #web .web6 .con .free img{float:left; padding:5px 5px 0 0;} #web .web6 .con .free p{padding-top:10px;} #web .web6 .con .market td{padding:20px 9px;} /*mis網管-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #mis{padding:0 20px 0 18px;} #mis .top{position:relative; width:732px; height:345px; padding:0;} #mis h1{background:url(../images/main/a07-img01.gif) no-repeat left top; font-size:13px; font-weight:bold; color:#fff; padding:0 0 0 20px; width:330px; height:46px; line-height:46px;} #mis p{padding:0 0 0 20px; width:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #mis .con{position:relative; padding:0 0 20px 40px; width:683px; height:100%;} #mis .con .mleft{float:left; width:263px; overflow:hidden; height:100%;} #mis .con .mright{float:right; width:400px; height:100%;} #mis .con2{position:relative; padding:0 0 10px 28px; width:683px; overflow:hidden; height:100%;} #mis .con2 .mleft{float:left; width:400px; padding-top:20px;} #mis .con2 .mright{float:right; width:200px; padding-right:63px;} #mis .con3{position:relative; padding:0 0 50px 40px; width:600px; height:369px;} /*聯絡我們-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #contact{padding:50px 0 0 35px;} #contact .cbg{ background:url(../images/main/a08-img03.gif) repeat-y center; width:610px; padding:0 40px 20px 40px;} #contact #map{padding:10px 0 5px 0;} #contact h1{background:url(../images/main/a06-img01.gif) no-repeat left 25px; padding:25px 0 2px 20px; margin-bottom:5px; left:0; top:0; font-size:13px; font-weight:bold; color:#c30000;} #contact table th{padding:3px 8px; border:1px solid #fff; background:#f0f0f0; font-size:12px; color:#595858;} #contact table td{padding:3px 8px; border:1px solid #fff; background:#f7f7f7; font-size:12px;} /*最新消息-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #news{padding:75px 35px; width:700px;} #news table{position:relative; left:0;} #news table td{padding:2px; border:3px solid #c1c1c1;} #news table td table th{padding:6px; border:1px solid #fff; background:#dadada; font-size:13px; color:#595858;} #news table td table td{padding:6px 8px; border:1px solid #fff; background:#f0f0f0; font-size:12px;} #news .tbg{background:#f7f7f7;} #news table a{text-decoration:none; color:#929292;} #news table a:hover{text-decoration:none; color:#595858;} #news .peop{position:absolute; top:49px; right:16px;} #news .conn th{} #news .conn th h1{background:url(../images/main/b01-img02.gif) no-repeat 15px ; padding:5px 0 5px 35px; font-size:13px;} #news .conn td{padding:15px 10px 10px 20px;} #news .conn td p{padding-bottom:10px;} #news .conn ul{padding:0 0 3px 20px;} #news .conn li{color:#929292; color:#595858; list-style-type:decimal; padding:0 0 3px 0;} #news .conn td img{padding:0 10px 25px 0;} #news table td table .bg{background:#dadada;} #news table td table td table td{padding:3px; border:none; font-size:13px; color:#595858; background:#dadada;} #news table .tbg2 td{padding:18px 15px; border:none; font-size:13px; color:#717171; background:#ebebeb; width:500px;} #news table .tbg2 p{text-indent:25px; padding-bottom:20px; line-height:20px;} #news table .tbg2 h6{ font-size:13px; font-weight:bold; color:#cc0202;} /*最新消息130326-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #news2{padding:60px 0 0 15px;} #news2 .mcon{position:relative; width:655px; border:1px solid #ccc; padding:20px 30px;} #news2 .mcon th{border-bottom:2px solid #bebebe; font-size:13px; color:#606060; overflow:hidden; padding:5px 15px;} #news2 .mcon td{border-bottom:1px dotted #ccc; font-size:13px; color:#929292; overflow:hidden; padding:5px 15px;} #news2 .mcon a{color:#929292; text-decoration:none;} #news2 .mcon .divpad2{ background-color:#f4f4f4;} /*常見問題-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #question{padding:75px 35px; width:700px;} #question table td{padding:2px; border:3px solid #c1c1c1;} #question table td table th{padding:6px; border:1px solid #fff; background:#dadada; font-size:13px; color:#595858;} #question table td table td{padding:6px 8px; border:1px solid #fff; background:#f0f0f0; font-size:12px;} #question .tbg{background:#f7f7f7;} #question table td table th a{font-size:13px; color:#595858;} #question table td table th a:hover{font-size:13px; color:#929292;} #question table a{text-decoration:none; color:#929292;} #question table a:hover{text-decoration:none; color:#595858;} #question .peop{position:absolute; top:2px; right:18px;} /*網站地圖-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #sitemap{padding:50px 20px; width:720px;} #sitemap p{padding:6px 0 0 3px; font-size:12px;} #sitemap h2{padding:6px 0 0 3px; font-size:12px; color:#71b0d3;} #sitemap .top{background:url(../images/main/b03-img01.gif) no-repeat left top; padding:20px 0 60px 35px;} #sitemap .top a{font-size:12px; color:#929292; line-height:18px; text-decoration:none;} #sitemap .top a:hover{color:#595858;} #sitemap .con{padding:10px 0 0 40px;} #sitemap .dot{background:url(../images/main/b03-img03.gif) repeat-x bottom; width:600px; padding:15px;} #sitemap .dot h1{font-size:15px; font-weight:bold; color:#c30000; line-height:20px;} #sitemap .dot h1 a{font-size:15px; font-weight:bold; color:#c30000; line-height:20px; text-decoration:none;} #sitemap .dot h1 a:hover{color:#d00000;} #sitemap .dot h2{padding:3px 0 2px 0; font-size:12px; color:#71b0d3;} #sitemap .dot h3 {font-size:12px; color:#929292; line-height:18px; padding:0;} #sitemap .dot h3 a{font-size:12px; color:#929292; line-height:18px; text-decoration:none; padding:0;} #sitemap .dot h3 a:hover{color:#595858;} #sitemap .dot .list{font-size:11px; color:#929292; line-height:18px; padding:0;} #sitemap .dot .list a{font-size:11px; color:#929292; line-height:18px; padding:0;} #sitemap .dot ul{padding-bottom:15px; color:#7c7c7c;} #sitemap .dot li{position:relative; padding:5px; left:-5px; text-decoration: none; color:#929292;} #sitemap .dot li a{text-decoration:none; color:#929292;} #sitemap .dot li a:hover{color:#595858; text-decoration: none;} #sitemap .dot li img{float:right; position:absolute; top:4px; right:0px;} /*付款方式111102---------------------------------------------------------------------------------------------------------------------------- #primary #right #pay{padding:70px 25px; width:720px;} #pay h1{clear:both; padding:3px 0 6px 0;} #pay p{padding:6px 0 15px 3px; font-size:12px;} #pay .bank{float:left; padding:0 5px 10px 3px;} #pay .bankt{float:left; padding:15px 30px 10px 15px; width:165px;} #pay .icon{padding:5px 0 0 0; overflow:hidden;} #pay .icon2{padding:6px 0;} #pay ul{width:628px;} #pay li{float:left;} #pay .rbtn{clear:both; padding:10px 5px 35px 5px;}*/ /*付款方式---------------------------------------------------------------------------------------------------------------------------*/ #primary #right #pay{position:relative; padding:80px 0 0 37px; width:679px;} #primary #right #pay .ulbg{position:relative; width:679px; height:1400px; background:url(../images/main/b04-pay02-u.gif) no-repeat left bottom;} #primary #right #pay .ulbg ul{position:relative; width:679px; height:305px; background:url(../images/main/b04-pay02-n.gif) no-repeat left top;} #primary #right #pay ul .li01{position:relative; padding:40px 0 0 29px;} #primary #right #pay ul .li02{position:relative; padding:0 0 0 29px;} #primary #right #pay ul .li03{position:relative; padding:0 0 0 29px;} #primary #right #pay ul .li04{position:relative; padding:0 0 0 29px;} #primary #right #pay ul .li05{position:relative; padding:0 0 0 29px;} #primary #right #pay ul .li06{position:relative; padding:0 0 0 29px;} #primary #right #pay ul .lidot{position:relative; padding:6px 0 8px 4px;} #primary #right #pay ul .lite1{position:relative; padding:10px 0 20px 75px;} #primary #right #pay ul .lite2{position:relative; padding:10px 0 0 235px;} #primary #right #pay .ulbg li ul{position:absolute; height:auto; width:auto; background:none; left:370px; _left:305px; top:67px;} #primary #right #pay .ulbg li li{float:left; padding-right:5px;} /*客戶隱私保護-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #privacy{padding:90px 0 50px 20px; width:730px; background:url(../images/main/b05-img01.gif) 370px 60px no-repeat; overflow:hidden; height:100%;} #primary #right #privacy{_width:750px;} #privacy .pright{float:right; width:350px; height:100%; padding-top:190px;} #privacy .pleft{float:left; width:360px; height:100%; padding:0;} #privacy p{padding:0 0 20px 25px;} #privacy h1{background:url(../images/main/b05-img02.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 30px; width:345px;height:45px; line-height:45px;} #privacy h2{background:url(../images/main/b05-img04.gif) no-repeat left top; padding:18px 0 35px 13px; color:#71b0d3; font-size:12px; line-height:18px; margin:18px 0 0 22px;} /*軟體租賃-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #spla{padding:40px 0 50px 0; width:745px; height:100%;} #spla .sleft{position:absolute; width:152px; top:100px;} #spla .sright{position:relative; width:612px; background:url(../images/main/c01-img01.gif) no-repeat top left; padding-top:65px; left:132px; top:0;} #spla .sright h1{color:#fff; padding:2px 0 10px 60px; font-size:12px; font-weight:bold;} #spla .sright .box{position:relative; width:612px; background:url(../images/main/c01-img02.gif) repeat-y; padding:10px 4px;} #spla .sright .dot{position:relative; background:url(../images/main/c01-img04.gif) no-repeat bottom; padding:5px 0 15px 20px; height:100%; overflow:hidden;} #spla .sright .dot .icon{float:left; padding:2px 2px 2px 3px; top:0;} #spla .sright .dot .moreicon{float:left; padding:7px 0 2px 0px; cursor:pointer;} #spla .sright .dot h1{float:left; color:#71b0d3; font-size:13px; line-height:18px; font-weight:bold; padding:7px 0 0 8px; width:400px; font-family:Arial;} #spla .sright .dot .list{float:right; padding:0; width:430px;} #spla .sright .dot .list li{padding:2px 0 2px 3px; width:370px;} #spla .sright .dot .bgc1{background:#f6f6f6;} #spla .sright .dot a{color:#929292; font-size:12px; line-height:18px; text-decoration:none;} #spla .sright .dot a:hover{color:#595858; font-size:12px; line-height:18px; text-decoration:none;} /*防盜連-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #anti{padding:13px 0 50px 0; width:745px; height:100%;} /*#anti h1{position:relative; background:url(../images/main/c02-img01.gif) no-repeat left top; width:272px; height:96px; padding:60px 50px 150px 396px;}*/ #anti .topcon{position:relative; background:url(../images/main/c02-img01.gif) no-repeat left top; width:745px; height:500px;} #anti .topcon h1{width:272px; height:96px; padding:90px 50px 130px 408px;} #anti .topcon .login{position:relative; width:303px; height:141px; margin:10px 0 0 80px; padding:3px 0 10px 20px; background:url(../images/main/c02-img08.gif) no-repeat left top; font-family:Verdana;} #anti .topcon .login h2{position:relative; margin:0; padding:0; background:none; clear:both;} #anti .topcon .login table td{padding:15px 0 0 10px; *padding:10px 0 0 10px;} #anti .topcon .mms{position:absolute; left:440px; top:290px;} #anti .topcon .mms h3{color:#d00000; font-size:16px; font-weight:bold; padding:10px 0 5px 0;} #primary #right #anti #movie{padding:25px 15px 50px 45px; width:700px;} #primary #right #anti #movie h3{padding:2px 0 10px 0;} #primary #right #anti #movie table td{padding:20px 0 10px 20px; font-size:13px;} #primary #right #anti #movie .point{color:#ff0000;} #primary #right #anti #movie a{color:#6fb1c9;} #primary #right #anti #movie .imgpad{padding:5px 0 0 0 ;} #anti .con{position:relative; background:url(../images/main/c02-img05.gif) no-repeat center top; width:730px; height:700px; padding:10px 0 0 10px;} #anti .cons{float:left; width:373px; height:370px;} #anti .cons2{float:left; width:355px; height:375px;} #anti .con h1{background:url(../images/main/c02-img03.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 30px; width:326px; height:47px; line-height:47px;} #anti .con p{padding:0 0 10px 25px; clear:both;} #anti .con .btn{float:left; padding:0 0 0 25px;} #anti .con .btn a{float:left; background:url(../images/main/c02-img04.gif) no-repeat left top; text-align:center; width:146px; line-height:27px; color:#fff; font-size:13px; font-weight:bold; display:block; text-decoration:none; margin:3px 8px 6px 0;} #anti .con .btn a:hover{float:left; color:#e1e1e1; text-decoration:none;} #anti .con .imgbtn {float:left; background:url(../images/main/c02-img06.gif) no-repeat left top; width:136px; height:126px; margin-left:25px; padding:8px 8px 14px 8px;text-align:center;} #anti .con .imgbtn {_margin-left:10px;} #anti .con .btn2{position:absolute; left:180px; width:170px;} #anti form{padding:0 0 10px 25px;} #anti input{padding:2px; border:solid 1px #c9c9c9; background:#f2f2f2; color:#919191;} #anti .iis{position:absolute; left:540px; top:665px; color:#fff; text-align:center; width:100px; z-index:999999;} /*影音消息-----------------------------------------------------------------------------------------------------------------------------*/ #primary #right #movie{padding:75px 15px 50px 45px; width:700px;} #movie .box{width:665px; background:url(../images/main/moviebg-bn.gif) no-repeat top left; padding:0; height:100%;} #movie .box2{padding:8px; background:url(../images/main/moviebg-bu.gif) no-repeat bottom left; margin:0; vertical-align:top;} #movie .boxlist{padding:40px 0 0 0;} #movie .boxlist caption{padding:0 0 10px 0;} #movie .boxlist table th{padding:15px 3px 17px 5px; background:url(../images/main/movie-dot.gif) repeat-x bottom;} #movie .boxlist table th img{padding:4px; background:url(../images/main/movie-listbg.gif) no-repeat left top;} #movie .boxlist table td{padding:16px 5px 17px 7px; vertical-align:top; background:url(../images/main/movie-dot.gif) repeat-x bottom;} #movie .boxlist table td h1{font-size:15px; color:#ae0000; font-weight:normal; padding:2px 0 5px 0;} #movie .boxlist table td h2{font-size:12px; color:#767676; font-weight:normal; line-height:17px; padding-bottom:5px;} #movie .boxlist table td h3{font-size:13px; color:#9c9c9c; font-weight:normal; line-height:17px;} #movie .boxlist table .icon{background:none;} #movie .boxlist .icon{position:relative; padding:25px; text-align:center; line-height:140%; } #movie .boxlist .icon li{display:inline;} #movie .boxlist .icon li a{padding:0 5px; margin:0 3px; border:1px solid #ccc; text-decoration:none;} #movie .boxlist .icon li a:hover{border:1px solid #999; background-color:#999; color:#fff;} #movie .boxlist .icon .elects a{border:1px solid #999; background-color:#999; color:#fff; text-decoration:none;} /*公益贊助---------------------------------------------------------------------------------------------------------------------------*/ #welfare{position:relative; padding:55px 0 0 32px; width:699px; } #welfare .bgu{position:relative; width:699px; background:url(../images/main/b07-bg-u.gif) no-repeat left bottom;} #welfare .bgn{position:relative; width:699px; background:url(../images/main/b07-bg-n.gif) no-repeat left top;} #welfare .head3{position:relative; padding:100px 0 0 22px;} #welfare .con{position:relative; padding:22px 0 23px 250px;} #welfare .con h1{background:url(../images/main/b07-img-01.gif) no-repeat left top; font-size:15px; font-weight:bold; color:#fff; padding:0 0 0 20px; line-height:46px; width:392px;} #welfare .con p{padding:0 0 15px 20px;} #welfare .con ul{position:relative; padding:35px 0 0 0; overflow:hidden; width:390px;} #welfare .con li{float:left; } #welfare .con ul .liimg{position:relative; padding:20px 0 0 20px;} #welfare .con ul .liwin{position:relative; padding:20px 0 0 20px;} /*120820公益贊助---------------------------------------------------------------------------------------------------------------------------*/ #welfare2{position:relative; padding:55px 0 0 52px; width:666px;} #welfare2 .bhn{position:relative; background:url(../images/main/b08_01.gif) no-repeat left top; height:600px;} #welfare2 .bhn img{position:absolute; left:280px; top:405px;} #welfare2 .bhu{position:relative; height:239px; background:url(../images/main/b08_04.gif) no-repeat left bottom; padding:90px 0 25px 138px; top:0;} #welfare2 .bhu h1{font-size:13px; line-height:18px; color:#f60328; font-weight:bold; padding:0 0 0 2px;} #welfare2 .bhu h2{font-size:13px; line-height:18px; color:#838181; font-weight:bold; padding:0 0 0 2px;} #welfare2 .bhu p{font-size:13px; color:#a6a4a4; padding:2px 0 15px 0;} #welfare2 .bhb{position:relative; height:37px; background:url(../images/main/b08_03.gif) repeat-x left bottom; text-align:center; font-size:15px; line-height:35px; color:#cfbdc0;} #welfare2 .bhb .point{color:#e6fb02; font-weight:bold;} /*活動集錦---------------------------------------------------------------------------------------------------------------------------*/ #event{position:relative; padding:55px 0 0 0; width:745px;} #event .eventimg{width:745px; height:195px; padding:10px; position:relative; background:url(../images/event/event-line.gif) no-repeat center bottom;} #event .eventimg *{margin:0; padding:0;} #event .eventimg ul, .eventimg li{list-style:none;} #event .eventimg a img {border:none; width:205px;} #event .eventimg h3{font-size:13px; height:25px; font-weight:normal;padding-left:46px;} #event .eventimg h3 span{color:#5c5c5c;} #event .eventimg .page{position:absolute; top:12px; right:65px;} #event .eventimg .btn{position:absolute; top:10px; *left:9px; width:745px;} #event .eventimg .btn a{position:absolute; width:36px; height:144px; float:left; text-indent:-9999px;} #event .eventimg .btn .prev{position:absolute; left:0; top:25px; background: url(../images/event/prev.gif) no-repeat 0 0;} #event .eventimg .btn .next{position:absolute; right:0; top:25px; background: url(../images/event/next.gif) no-repeat 0 0;} #event .eventimg .frame{position:relative; overflow:hidden; margin:auto; height:200px;width:661px;/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */} #event .eventimg ul{width:99999px; position:absolute;} #event .eventimg li{float:left; width:205px; height:137px; position:relative; margin-right:10px; border:3px solid #dfdfdf;} #event .icon{position:relative; padding:25px; text-align:center; line-height:140%; } #event .icon li{display:inline;} #event .icon li a{padding:0 5px; margin:0 3px; border:1px solid #ccc; text-decoration:none;} #event .icon li a:hover{border:1px solid #999; background-color:#999; color:#fff;} #event .icon .elects a{border:1px solid #999; background-color:#999; color:#fff; text-decoration:none;} /*香港實體主機---------------------------------------------------------------------------------------------------------------------------*/ #primary #right #hosthk{padding:80px 0 0 30px;} #hosthk h1{position:relative; width:678px; left:0; background:url(../images/main/a09-img01.gif) no-repeat top left; padding:124px 0 30px 12px; font-size:13px; height:192px;} #hosthk h1 .box{position:absolute; width:123px; height:81px; color:#022bf9; top:210px; left:10px; z-index:9999;} #hosthk h1 .box a{display:block; width:123px; height:81px; background:url(../images/main/a09-img05-1.gif) no-repeat top; text-indent:-99999px;} #hosthk h1 .box a:hover{background:url(../images/main/a09-img05-1.gif) no-repeat bottom;} #hosthk h1 .p2{position:absolute; padding:15px 0 0 150px;} #hosthk h1 .point{color:#8183e9;} #hosthk h1 .line{text-decoration:underline; color:#8183e9;} #hosthk .tab{position:relative; overflow:hidden;} #hosthk .tab li{float:left; background:url(../images/main/a09-bg01.gif) no-repeat bottom #907fe8; font-size:15px; font-weight:bold; width:129px; text-align:center; line-height:33px; margin-right:3px;} #hosthk .tab li a{line-height:33px; color:#fff; text-decoration:none;} #hosthk .tab li a:hover{color:#f4f4f4;} #hosthk .tab .lig{background:url(../images/main/a09-bg02.gif) no-repeat bottom #e9e9eb;} #hosthk .tabbg{margin:1px 0 0 0; position:relative; background-color:#fff; border:1px solid #9793b3; width:675px;} #hosthk .tabbg td{background-color:#f0f0f0; border:1px #fff solid; padding:5px; font-size:15px; text-align:center;} #hosthk .tabbg th{background-color:#e4e4e4; border:1px #fff solid; padding:5px; font-size:15px; color:#5d5c5c;} #hosthk .tabbg .tit{background:url(../images/main/a09-bg03.gif) repeat-x top #c7c7f5; color:#3e3e6d; font-size:15px; text-align:center; padding:5px;} #hosthk .tabbg .size{font-size:13px;} #hosthk .tabbg .point{color:#8183e9;} #hosthk .tabbg .main{background:url(../images/main/a09-img02.gif) no-repeat top right;} #hosthk .tabbg ul{color:#969494; font-size:13px; text-align:left; padding:3px;} #hosthk .tabbg ul .point{color:#fa0303; font-size:13px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;} #hosthk .tabbg li{background:url(../images/main/a09-bg04.gif) no-repeat left 2px; padding:2px 0;} #hosthk .tabbg li .num{ font-size:13px; color:#fff; font-weight:bold; padding:0 12px 0 5px;} #hosthk .numcen{background:url(../images/main/a09-img03.gif) no-repeat left top; margin:20px 0 0 0;width:700px;} #hosthk .numcen h2{font-size:15px; font-weight:bold; color:#fff; line-height:23px; padding:0 0 8px 5px;} #hosthk .numcen p{font-size:13px; color:#6e6d6d; padding-left:5px;} #hosthk h3{font-size:15px; font-weight:bold; color:#fff; line-height:23px; padding:0 0 8px 5px; background:url(../images/main/a09-img04.gif) no-repeat left top; margin:20px 0 0 0; width:684px; height:213px;} #hosthk h4{position:relative; width:678px; left:0; background:url(../images/main/a09-img06.gif) no-repeat top left; padding:124px 0 30px 12px; font-size:13px; } #hosthk h4 .box{position:absolute; bottom:25px; right:13px; width:123px; text-align:center; font-size:15px; color:#022bf9; _bottom:48px;} #hosthk h4 .box a{display:block; width:123px; height:81px; background:url(../images/main/a09-img05-2.gif) no-repeat top; text-indent:-99999px;} #hosthk h4 .box a:hover{background:url(../images/main/a09-img05-2.gif) no-repeat bottom;} #hosthk h4 .p2{position:absolute; padding:15px 0 0 150px;} #hosthk h4 .point{color:#8183e9;} #hosthk h1 .line{text-decoration:underline; color:#8183e9;} #hosthk .idc{width:512px; padding:12px 0 0 0;} #hosthk .idc td{border:1px solid #bcbcbd; padding:0 5px; color:#9c9c9d; font-size:13px; line-height:26px; clear:both;} #hosthk .idc th{border:1px solid #bcbcbd; font-size:15px; font-weight:bold; background:#efefef; padding:6px;} #hosthk .idc img{float:right; clear:both;} #hosthk .tabbg .imgbg{padding:0;} #hosthk .tabbg .gbg{background:#7569bf; color:#d5cff9; font-weight:bold;} #hosthk .imgadpad{margin-top:15px;} /*120803實體主機驚爆價*(這裡加一個斜線/就會復原了) #primary #right #newdm{position:relative; padding:65px 0 50px 40px; width:666px;} .c120803-01{background:url(../images/news/120803/120803_01.gif) no-repeat left top; width:471px; height:87px; padding:290px 0 0 195px; color:#fff;} .c120803{background:url(../images/news/120803/120803.gif) repeat-y left; width:666px;} .c120803-n{background:url(../images/news/120803/120803-n.gif) no-repeat left top; width:666px;} .c120803-u{background:url(../images/news/120803/120803-u.gif) no-repeat left bottom; width:586px; padding:25px 40px;} .c120803 th{background:#ffe3c7; border:#ffc269 1px solid; border-right:none; padding:8px; color:#ff8600; font-size:13px; font-weight:bold;} .c120803 td{border:#ffc269 1px solid; border-right:none; padding:8px;} .c120803 .tab01{border-left:none;} .c120803 .tab02{background:#fffbf6; border-left:none; padding-left:15px;} .c120803 .rednum{color:#ff4e00; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .c120803 p{padding:8px 0; color:#ff8600;} .c120803 .explain{background:url(../images/news/120803/120803_04.gif) 25px 20px no-repeat; padding:20px 0 0 70px; color:#ff9600; border:none;} /*實體主機驚爆價58888*/ #primary #right #new58888{position:relative; padding:65px 0 50px 40px; width:666px;} /*香港實體主機驚爆價*/ #primary #right #serverhk{padding:80px 0 0 30px;} .shktable{width:666px; padding:10px 0;} .shktable th{background:#8b6dba; border:#c9bcdf 1px solid; border-right:none; padding:8px; color:#fff; font-size:13px; font-weight:bold;} .shktable td{border:#c9bcdf 1px solid; border-right:none; padding:8px;} .shktable .tab01{border-left:none;} .shktable .tab02{background:#f3f0f8; border-left:none; padding:15px 0 0 15px;} /*媒體關注*/ #primary #right #media{padding:60px 0 0 15px;} #media .mcon{position:relative; width:655px; border:1px solid #ccc; padding:20px 30px;} #media .mcon .tit{width:625px; border-bottom:2px solid #bebebe; font-size:13px; color:#606060; overflow:hidden; padding:5px 15px;} #media .mcon .tit .title{float:left;} #media .mcon .tit .day{float:right; font-family:Verdana, Geneva, sans-serif; padding-right:25px;} #media .mcon .list{position:relative; width:625px; border-bottom:1px dotted #ccc; padding:15px; overflow:hidden;} #media .mcon .list li{float:left; padding:0 5px 0 0;} #media .mcon .list .title{float:left; font-size:13px; width:540px; padding-bottom:5px;} #media .mcon .list .day{float:right; font-family:Verdana, Geneva, sans-serif; padding-bottom:5px;} #media .mcon .list .clear{clear:both;} /*拓雲DM*/ #cloudservices{position:relative; padding:65px 0 50px 45px; width:666px;} #cloudservices .cloudbg{position:relative; background:url(../images/main/cloud_04.gif) no-repeat top left; height:84px; padding:113px 0 0 128px; color:#e9810d; font-size:18px; font-weight:bold;} /*130503所有服務-------------------------------------------------------------------------------------------------------------------------*/ #primary #right #allserver{padding:60px 0 0 15px;} #allserver .ser-top{position:relative;} #allserver .ser-main{position:relative; background:url(../images/main/c03-2-bg.gif) no-repeat left top; height:350px; padding:0 0 0 222px;} #allserver .ser-main .main-top{position:relative; background:url(../images/main/c03-2-img1.gif) no-repeat left 20px; padding:20px 0 10px 237px; height:130px; width:240px; font-size:13px; line-height:22px; color:#6a6969; border-bottom:2px dashed #ccc;} #allserver .ser-main .main-top img{padding-bottom:5px;} #allserver .ser-main .main-bot{padding-top:12px; font-size:13px; line-height:22px;} #allserver .ser-main .main-bot img{ padding-bottom:5px;} #allserver .ser-main .point{color:#fe0303;} #allserver .ser-bot{position:relative; background:url(../images/main/c03-3-bg.gif) no-repeat left top; height:301px; padding:65px 0 0 50px;} #allserver .ser-bot2{position:relative; background:url(../images/main/c03-3-bg2.gif) no-repeat left top #f3f3f3; padding:65px 0 15px 50px; width:667px;} #allserver .ser-bot table td{position:relative; padding:5px;} #allserver .ser-bot table a{text-decoration:none; font-size:12px; line-height:18px; display:block;} #allserver .ser-bot table a:hover{color:#626262;} #allserver .ser-bot .allserver01{position:relative; background:url(../images/main/c03-3-b01.gif) no-repeat center top; width:300px; height:50px; padding:35px 0 0 65px;} #allserver .ser-bot .allserver01:hover{position:relative; background:url(../images/main/c03-3-b01.gif) no-repeat center bottom;} #allserver .ser-bot .allserver02{position:relative; background:url(../images/main/c03-3-b02.gif) no-repeat center top; width:300px; height:50px; padding:35px 0 0 65px;} #allserver .ser-bot .allserver02:hover{position:relative; background:url(../images/main/c03-3-b02.gif) no-repeat center bottom;} #allserver .ser-bot .allserver03{position:relative; background:url(../images/main/c03-3-b03.gif) no-repeat center top; width:115px; height:38px; text-align:center;} #allserver .ser-bot .allserver03 a{line-height:38px; font-size:13px;} #allserver .ser-bot .allserver03:hover{background:url(../images/main/c03-3-b03.gif) no-repeat center bottom;} #allserver .ser-bot .allserver04{position:relative; background:url(../images/main/c03-3-b04.gif) no-repeat center top; width:365px; height:38px; text-align:center;} #allserver .ser-bot .allserver04 a{line-height:38px; font-size:13px;} #allserver .ser-bot .allserver04:hover{background:url(../images/main/c03-3-b04.gif) no-repeat center bottom;} #allserver .ser-bot .allserver04 img{padding-top:9px;} /*資訊委外-----------------------------------------------------------------------------------------------------------------------------*/ /*A02資訊健檢服務*/ #primary #right #itomis{padding:60px 0 0 25px;} #itomis .itocheckup{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px; } #itomis .itocheckup h2{position:relative; padding:35px 0 5px 0;} #itomis .itocheckup .box{position:relative; background:url(../images/bg-g.gif) repeat-y left; margin-top:5px; padding:12px; height:100%; overflow:hidden;} #itomis .itocheckup .box ul{position:relative; margin:0; padding:0; height:100%; overflow:hidden;} #itomis .itocheckup .box li{float:left; padding:4px; height:123px;} #itomis .itocheckup .box li img:hover{filter:alpha(opacity:60); -moz-opacity:0.6; opacity:0.6;} #itomis .itocheckup .pep{position:absolute; right:0; top:0px;} /*A01委外服務方案*/ #itomis .itoservice{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .itoservice h2{position:relative; padding:35px 0 5px 0;} #itomis .itoservice .tit{position:relative; padding-left:15px; line-height:24px;} #itomis .itoservice .pic01{position:absolute; top:85px; left:326px;} #itomis .itoservice .tab01{margin-left:15px; width:660px;} #itomis .itoservice .tab01 td{background:#f5f5f3; border:1px solid #fff; padding:5px 15px; text-align:center;} #itomis .itoservice .tab01 th{background:#f1f1eb; border:1px solid #fff; padding:5px 15px;} #itomis .itoservice .tab01 .tdbg{background:url(../images/a01-tabbg02.gif) repeat-x bottom #f5f5f3;} #itomis .itoservice .tab01 .thbg{background:url(../images/a01-tabbg01.gif) repeat-x bottom #f1f1eb;} #itomis .itoservice .tab01 .text15{font-size:15px; color:#6c6c6c; text-align:center;} #itomis .itoservice .tab01 .btn a{display:block; width:99px; height:26px; background:url(../images/btn.gif) no-repeat center top; text-indent:-99999px; margin:7px auto;} #itomis .itoservice .tab01 .btn a:hover{display:block; width:99px; height:26px; background:url(../images/btn.gif) no-repeat center bottom;} #itomis .itoservice .tab01 .ps{text-align:left; background:#f5f5f3; border-top:5px #fff solid; padding:18px;} #itomis .itoservice .tab01 .ps img{padding-bottom:10px;} /*A04系統軟體安裝*/ #itomis .software{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .software h2{position:relative; padding:20px 0 5px 0;} #itomis .software p{position:relative; padding-bottom:15px;} #itomis .software .box{position :relative; background:url(../images/bg-g.gif) repeat-y left; margin-top:5px; padding:12px; height:100%; overflow:hidden;} #itomis .software .box ul{float:left; margin:0 5px; padding:1px 5px; height:100%; line-height:22px; overflow:hidden;} #itomis .software .pep{position:absolute; right:5px; top:0px; padding:15px;} /*D01公司機房建置*/ #itomis .comidc{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .comidc h2{position:relative; padding:10px 0 5px 0;} #itomis .comidc p{position:relative; padding-bottom:15px;} #itomis .comidc ul{position:relative; float:left; width:345px;} #itomis .comidc li p{position:relative; padding:0 0 15px 13px; line-height:18px;} #itomis .comidc .img01{position:relative; margin:0 0 15px 15px;} #itomis .comidc ul.botm{position:relative; width:680px;} #itomis .comidc ul.botm li{position:relative;} #itomis .comidc .btn{position:relative; clear:both; margin:2px 0 5px 15px;} #itomis .comidc .btn a{display:block; width:99px; height:26px; background:url(../images/btn.gif) no-repeat center top; text-indent:-99999px;} #itomis .comidc .btn a:hover{display:block; width:99px; height:26px; background:url(../images/btn.gif) no-repeat center bottom;} /*D02展場網路佈建*/ #itomis .marketnet{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .marketnet h2{position:relative; padding:10px 0 10px 0;} #itomis .marketnet p{position:relative; padding-bottom:15px;} /*F02異地備援服務*/ #itomis .redundancy{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .redundancy h2{position:relative; padding:10px 0 10px 0;} #itomis .redundancy p{position:relative; padding:0 0 15px 0;} #itomis .redundancy .baimg{position:relative; padding:0 0 35px 5px;} #itomis .redundancy h4{position:relative; padding:0 0 5px 15px; font-size:13px;} #itomis .redundancy ul{float:left; padding:0 0 5px 12px;} #itomis .redundancy .rimg{position:relative; top:-40px; left:60px;} /*D03兩地內部電路*/ #itomis .netnet{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .netnet h2{position:relative; padding:10px 0 5px 0;} #itomis .netnet h3{position:relative; padding:30px 0 5px 15px;} #itomis .netnet h4{position:relative; padding:0 0 5px 15px; font-size:13px;} #itomis .netnet p{position:relative; padding:0 0 15px 0;} #itomis .netnet .netimg{position:relative; padding:0 0 10px 15px;} /*A05IT設備採購*/ #itomis .itpo{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .itpo h2{position:relative; padding:35px 0 0 0;} #itomis .itpo h4{position:relative; padding:30px 0 5px 0;} #itomis .itpo .licon{float:left; width:300px; padding-left:12px; overflow:hidden;} #itomis .itpo .ricon{float:left; width:345px; padding-left:12px; overflow:hidden;} #itomis .itpo .licon p{padding-left:3px;} /*F01企業資料備份*/ #itomis .backup{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .backup h2{position:relative; padding:10px 0 10px 0;} #itomis .backup p{position:relative; padding:0 0 15px 0;} #itomis .backup .baimg{position:relative; padding:0 0 35px 5px;} /*A03硬體設備維修*/ #itomis .pctechnician{position:relative; width:694px; padding:18px 18px 28px 18px; min-height:500px;} #itomis .pctechnician h3{position:relative; padding:20px 0 5px 0;} #itomis .pctechnician h2{position:relative; padding:35px 0 5px 0;} #itomis .pctechnician .box{position:relative; background:url(../images/bg-g.gif) repeat-y left; margin-top:5px; padding:12px; height:100%; overflow:hidden;} #itomis .pctechnician .box ul{position:relative; margin:0; padding:0; height:100%; overflow:hidden;} #itomis .pctechnician .box li{float:left; padding:4px; height:123px;} #itomis .pctechnician .box li img:hover{filter:alpha(opacity:60); -moz-opacity:0.6; opacity:0.6;} #itomis .pctechnician .pep{position:absolute; right:40px; top:0px;} /*賣電腦========================================================================================================================*/ /*賣電腦文章*/ #it_article{position:relative; padding:15px 30px 0 7px; color:#6f6e6e; background:#fff;} #it_article .box{padding:0 0 20px 0; border-bottom:1px solid #ccc;} #it_article h1{display:block; color:#323232; font-size:23px; font-weight:bold; clear:both; padding:13px 0; line-height:24px; border-bottom:1px dashed #ccc; display:block;} #it_article h2{color:#bbbaba; font-size:13px; padding:12px 0 10px 0;} #it_article p{font-size:15px; padding:10px 0; line-height:26px;} #it_article h3{font-size:15px; font-weight:bold; padding:20px 0 0 0;} #it_article .center{margin:0 auto; text-align:center; padding:6px 0;} #it_article Blockquote{font-size:15px; padding:10px 0; line-height:26px;} #it_article Blockquote a{font-size:15px; padding:10px 0; line-height:26px; color:#f20202; text-decoration:none;} #it_article Blockquote a:hover{color:#d80000;} #it_article .other{font-size:15px; padding:10px 0 25px 0; color:#000000; font-weight:bold; overflow:hidden;} #it_article .other .o-left{float:left; width:300px; overflow:hidden;} #it_article .other .o-right{ float:left; width:430px; overflow:hidden;} #it_article .other h2{position:relative; padding:10px 0; color:#969696;} #it_article .other h2 .tit{border-left:6px solid #ba0100; padding:0 0 0 10px; color:#4c4c4c; font-size:15px; font-weight:bold;} #it_article .other ul li{color:#333333; line-height:26px; font-weight:normal; list-style:disc; margin:0 0 0 15px;} #it_article .other li a{text-decoration:none;} #it_article .tablelist{width:100%; border:none; margin-top:30px;} #it_article .tablelist tbody > tr{border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #it_article .tablelist tbody > tr > th{padding:20px 15px; border:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:40px; font-size:36px; font-family:"Times New Roman", Times, serif; text-align:right; vertical-align:top;} #it_article .tablelist tbody > tr > td{padding:15px 0 15px 5px; border:none; border-bottom:1px solid #ccc; vertical-align:top;} #it_article .tablelist tbody > tr > th + td{padding:15px 5px 15px 15px;} #it_article .tablelist h4{font-size:17px; font-weight:bold; color:#000; line-height:23px; padding:0;} #it_article .tablelist p{font-size:13px; color:#000; font-size:13px; color:#7f7e7e; line-height:20px; padding:0;} #it_article .tablelist .more a{color:#F00; text-decoration:none;} #it_article .list{float:right;} #it_article .list li{float:left; margin-left:15px;} /*蹤跡*/ .Breadcrumbs{position:relative;} .Breadcrumbs li{float:left; padding:0 7px 0 0;} .Breadcrumbs li a{text-decoration:none;} /*分頁*/ .pagination{text-align:center; *padding-left:150px;} .pagination ul{display:inline-block; overflow:hidden; padding:20px 0;} .pagination li{float:left; margin:3px; border:1px solid #ccc; border-radius:3px; line-height:13px; font-size:12px;} .pagination li a{text-decoration:none; padding:3px 5px; display:block;} .pagination li.focus{float:left; margin:3px; border:none; line-height:13px; font-size:12px;} .pagination li.focus a{text-decoration:none; padding:5px; display:block; color:#000; font-weight:bold;} .pagination li.prev-first{width:22px; height:20px; text-indent:-9999px; background:url(../images/icon-prev-first.gif) no-repeat left top; border:none;} .pagination li.prev-first a{text-decoration:none; padding:5px; display:block;} .pagination li.prev{width:22px; height:20px; text-indent:-9999px; background:url(../images/icon-prev.gif) no-repeat left top; border:none;} .pagination li.prev a{text-decoration:none; padding:5px; display:block;} .pagination li.next-last{width:22px; height:20px; text-indent:-9999px; background:url(../images/icon-next-last.gif) no-repeat left top; border:none;} .pagination li.next-last a{text-decoration:none; padding:5px; display:block;} .pagination li.next{width:22px; height:20px; text-indent:-9999px; background:url(../images/icon-next.gif) no-repeat left top; border:none;} .pagination li.next a{text-decoration:none; padding:5px; display:block;} .pagination li.disabled{cursor:default; opacity:.50; filter:alpha(opacity=50);} .pagination li.disabled a{cursor:default;} /*賣電腦產品-清單頁*/ #it_product{position:relative; padding:15px 30px 0 7px; color:#6f6e6e; background:#fff;} #it_product h2{position:relative; background-color:#efefef; padding:10px; color:#969696;} #it_product h2 .tit{border-left:6px solid #ba0100; padding:0 0 0 10px; color:#4c4c4c; font-size:15px; font-weight:bold;} #it_product .box{position:relative; padding:20px 0 20px 30px; width:666px;} #it_product .caption{position:relative; height:36px; line-height:36px; background: url(../images2/product/caption-bg.gif) repeat-x bottom #fbfdfc; border:1px solid #d8d8d9; border-bottom:none;} #it_product .caption ul{position:relative; top:-1px;} #it_product .caption li{float:left; font-size:13px; color:#000;} #it_product .caption li:first-child{ margin-left:50px; padding:0 20px;} #it_product .caption li a{text-decoration:none; color:#000; display:block; padding:0 20px;} #it_product .caption li a:hover{color:#555;} #it_product .caption li .focus{text-decoration:none; color:#000; font-weight:bold; background:#fff; border:1px solid #d8d8d9; border-bottom:none; border-top:none;} #it_product .compare{position:relative; height:36px; line-height:36px; border:1px solid #d8d8d9; border-top:none;} #it_product .compare ul{position:relative;} #it_product .compare li:first-child{float:left; padding:0 20px; margin-right:210px; color:#8f8e8d; background:url(../images2/product/icon-01.gif) no-repeat 3px 10px;} #it_product .compare li:first-child a{color:#8f8e8d; border:none; box-shadow:none;} #it_product .compare li{float:left; font-size:13px; color:#8f8e8d; margin:0 5px;} #it_product .compare li a{border:1px solid #ccc; line-height:20px; padding:0 10px; margin-top:7px; display:block; text-decoration:none; color:#8f8e8d; box-shadow:2px 2px 2px #d9d9d9;} #it_product .compare li a:hover{color:#333;} #it_product .compare li a.focus{border:1px solid #fbba0c; color:#fbba0c; cursor:default;} #it_product .compare li a:hover.focus{border:1px solid #fbba0c; color:#fbba0c;} #it_product .product-list{border:1px solid #ccc; border-top:none;} #it_product .product-list .noline{border:none;} #it_product .product-list > li{border-bottom:1px dashed #8f8e8d; font-size:13px; padding:5px; display:block;} #it_product .product-list li:last-child{border-bottom:none;} #it_product .product-list table{border:none;} #it_product .product-list tbody > tr > th{width:20px; padding:8px 3px; background:#f4f3f3; border:none; vertical-align:middle; text-align:center;} #it_product .product-list tbody > tr > td{border:none; padding:8px; vertical-align:top;} #it_product .product-list tbody > tr > td.prdimg{width:90px; padding:8px 4px 8px 12px;} #it_product .product-list tbody > tr > td.price{width:140px; padding:8px 4px 8px 8px; font-size:12px; color:#888787;} #it_product h5{font-size:15px; color:#636363; font-weight:bold; line-height:27px;} #it_product p{font-size:13px; color:#888787; line-height:20px;} #it_product h6{font-size:17px; color:#fe0404; font-weight:bold; line-height:27px;} #it_product .btn{font-size:13px; color:#fff; padding:0 15px; *padding:0 2px; line-height:22px; *height:22px; background: url(../images2/product/btn-bg2.gif) repeat-x top #b2b2b2; border:1px solid #7e7e7e; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; cursor:pointer;} #it_product .btn:hover{background:#b2b2b2;} #it_product a.btn{display:block; text-decoration:none; max-width:52px;} #it_product a.btn:hover{background:#b2b2b2;} /*賣電腦產品-明細頁*/ #it_product .info-box{position:relative; padding:20px 0 15px 30px; height:100%; overflow:hidden;} #it_product .info-box .product-img{float:left; width:300px; padding:10px 0; text-align:center; overflow:hidden;} #it_product .info-box .product-img .imgborder{border:5px solid #f0f0f0; padding:0;} #it_product .info-box .product-img li{padding:2px 0; font-size:13px; font-family:Arial, Helvetica, sans-serif;} #it_product .info-box .product-img .zoon{color:#5f7ecd; cursor:pointer; } #it_product .info-box .product-img .zoon a{color:#5f7ecd;} #it_product .info-box .product-info{float:left; width:355px; padding:10px 0 0 20px; font-size:13px; overflow:hidden; } #it_product dl.price{position:relative; border-bottom:1px dashed #ccc; overflow:hidden; display:block; padding:0 0 5px 0; margin-right:15px;} #it_product dt{float:left; line-height:24px;} #it_product dd{line-height:24px;} #it_product dd:first-child{color:#fe0101; font-size:24px; line-height:24px;} #it_product dd.data{position:absolute; right:0; bottom:5px; color:#ccc;} #it_product ul.format{position:relative; padding:10px 0; line-height:20px;} #it_product ul.format li{list-style:disc; margin-left:15px;} #it_product ul.premiums{position:relative; padding:10px 0; list-style:none; font-weight:bold;} #it_product ul.premiums li{margin-left:20px; list-style:decimal; font-weight:normal;}. #it_product ul.buy-btn{position:relative; overflow:hidden;} #it_product ul.buy-btn li{float:left;} #it_product ul.buy-btn li:first-child{margin-right:15px;} #it_product ul.buy-btn a:hover{opacity:.70; filter:alpha(opacity=70);} #it_product .addproduct{position:relative; padding:10px 4px 0; width:336px; clear:both;} #it_product .addproduct caption{color:#181818; font-weight:bold; font-size:13px; line-height:26px; margin-bottom:3px;} #it_product .addproduct th , #it_product .addproduct td , #it_product .addproduct table{border:none; padding:8px 4px; vertical-align:top;} #it_product .addproduct th{padding:10px 4px 10px 10px;} #it_product .addproduct tr:nth-child(odd) td{background:#ececec;} #it_product .addproduct tr:nth-child(odd) th{background:#ececec;} #it_product .addproduct .bg{background:#ececec;} #it_product .addproduct select{width:50px;} #it_product .info-box2{position:relative; width:780px; padding:15px 0 0 0; margin:10px 0 10px 10px; height:100%; overflow:hidden; border-top:1px dashed #ccc;} .info-box2 .tabs{line-height:30px; height:30px; background:#e9e9e9; padding:7px 0 0 20px; margin-bottom:20px;} .info-box2 .tabs > li{float:left; margin:0 0 0 10px; font-size:15px;} .info-box2 .tabs > li a{text-decoration:none; display:block; padding:0 20px;} .info-box2 .tabs > li a:hover{color:#333;} .info-box2 .tabs > li a.focus{background:#fff; cursor:default;} .info-box2 .info-detail{padding:0;} .info-box2 .info-detail h1{font-size:16px; font-weight:bold; line-height:20px; padding:7px 0 0 0;} .info-box2 .info-detail p{padding-bottom:5px;} .info-box2 .info-detail .detail-list{border:none; border-collapse:separate; border-spacing:1px;} .info-box2 .info-detail .detail-list th{padding:10px; border:1px solid #fff; outline:1px solid #e4e3e3; *border:1px solid #e4e3e3; background:#f7f6f6; width:120px; text-align:left; vertical-align:top;} .info-box2 .info-detail .detail-list td{padding:10px; border:1px solid #fff; outline:1px solid #e4e3e3; *border:1px solid #e4e3e3; text-align:left; vertical-align:top;} .info-box2 .info-detail .detail-list tr{padding:10px; border:1px solid #e4e3e3;} .info-box2 .info-detail .proimg{position:relative;} .info-box2 .info-detail .proimg li{float:left; width:150px; height:155px; margin-right:15px; line-height:24px; text-align:center;} .info-box2 .info-detail .proimg li img{border:1px solid #ccc;} #it_product .info-box3{position:relative; width:780px; padding:15px 0; margin:10px 0 10px 30px; height:100%; overflow:hidden; border-top:1px dashed #ccc;} #it_product .info-box3 .other-pro li{position:relative; float:left; margin-left:10px; width:112px; height:140px; background:#f6f6f6; border:1px solid #e1e1e1; padding:4px; font-size:11px;} #it_product .info-box3 .other-pro li:first-child{margin-left:0;} #it_product .info-box3 .other-pro li img{border:1px solid #e1e1e1;} #it_product .info-box3 .other-pro .price{position:absolute; bottom:1px; left:3px; font-size:12px;} #it_product .info-box3 .other-pro .compare-s{position:absolute; bottom:1px; right:3px;} /*賣電腦產品-比較頁*/ #IT-compare{position:relative; padding:20px 10px 10px; min-height:400px; font-size:13px;} #IT-compare + div {margin-bottom:15px;} #IT-compare .point{color:#ff0101 !important; font-size:17px !important; font-weight:bold !important;} #IT-compare .style-gray{color:#999999 !important; font-size:12px !important;} #IT-compare h2{position:relative; font-size:26px; color:#333; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:26px; padding:15px 0; *padding:5px 0; margin:0;} #IT-compare .tabs{position:relative; width:100%; border-bottom:2px solid #a7a7a7; font-size:15px; margin-top:10px; color:#69696a; height:31px;} #IT-compare .tabs li{position:relative; float:left; line-height:33px; height:31px;} #IT-compare .tabs li:first-child{margin:0 10px 0 25px;} #IT-compare .tabs li a{margin:0 5px; background-color:#b1b1b1; display:block; color:#fff; padding:0 15px; font-weight:bold; text-decoration:none;} #IT-compare .tabs li a:hover{background-color:#d9d9d9; color:#b1b1b1;} #IT-compare .tabs li a.focus{background:#fff; color:#333333; border:2px solid #a7a7a7; border-bottom:none; height:31px;} #IT-compare .table-01{position:relative; width:100%; border:1px solid #dbdbdb; margin:10px 0 0 0; vertical-align:middle;} #IT-compare .table-01 thead > tr > th{*position:relative; background:#f7f7f7; width:50%; padding:5px 7px 5px 15px; border:1px solid #dbdbdb; color:#6f6e6e; font-size:15px; font-weight:bold; vertical-align:middle; line-height:24px; height:24px;} #IT-compare .table-01 thead > tr > th img{*position:absolute; *right:10px; *top:5px;} #IT-compare .table-01 tbody > tr > td{padding:15px 0px;} #IT-compare .table-01 .box{position:relative; float:left; width:370px; height:216px; border:1px solid #dbdbdb; padding:15px; margin-left:9px;} #IT-compare .table-01 .box p{color:#6f6e6e; font-size:15px; font-weight:bold; line-height:25px;} #IT-compare .table-01 .box .red{color:#ff0101;} #IT-compare .table-01 .bar{position:absolute; width:30px; height:200px; left:351px; top:12px;} #IT-compare .table-01 .bar-bg{position:relative; background-color:#fdb144; height:175px; width:22px; margin-bottom:5px;} #IT-compare .table-01 .bar-bg2{position:relative; bottom:0; background-color:#fafbc2; height:50px; width:22px;} #IT-compare .table-01 .box-r {margin-left:3px;} #IT-compare .table-01 .box-r p{margin-left:70px;} #IT-compare .table-01 .box-r .bar{position:absolute; width:30px; height:200px; left:30px; top:12px;} #IT-compare .table-01 .box-r .productimg{margin-left:70px;} #IT-compare .table-01 .box-mid{position:relative; float:left; width:120px; height:250px; margin:0 2px; font-size:13px;} #IT-compare .table-01 .box-mid li{width:124px; text-align:center; height:31px; line-height:31px;} #IT-compare .table-01 .box-mid li a{display: block; width: 124px; height: 31px; line-height: 31px; background: url('../images/product/compare-bg.gif') no-repeat bottom left; text-decoration: none; color:#999999;} #IT-compare .table-01 .box-mid li a:hover{background: url('../images/product/compare-bg.gif') no-repeat center left;} #IT-compare .table-01 .box-mid li:first-child a{background: url('../images/product/compare-bg2.gif') no-repeat bottom left;} #IT-compare .table-01 .box-mid li:first-child a:hover{background: url('../images/product/compare-bg2.gif') no-repeat center left;} #IT-compare .table-01 .box-mid li a.focus{background: url('../images/product/compare-bg.gif') no-repeat top left; color:#fff;} #IT-compare .tablebox{position:relative; margin:20px 0 10px 0;} #IT-compare .tablebox h2{color:#6f6e6e; font-size:15px; font-weight:bold; line-height:24px; height:24px; display:block; background:#f7f7f7; width:100%; vertical-align:middle; text-align:center; border-bottom:1px solid #dbdbdb; color:#6f6e6e; margin:0; padding:5px 0;} #IT-compare .table-02{position:relative; width:100%; border:none; margin:10px 0 0 0; vertical-align:middle;} #IT-compare .table-02 thead > tr > th {padding:7px; border:none; font-size:15px; color:#6f6e6e; font-weight:bold; text-align:center; width:417px;} #IT-compare .table-02 thead > tr > td {padding:7px; border:none; font-size:15px; color:#6f6e6e; font-weight:bold; text-align:center;} #IT-compare .table-02 tbody > tr > td {border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; padding:15px 0; margin:0; text-align:center; vertical-align:top;} #IT-compare .table-02 tbody > tr > th {background:#faf7e5; border:1px solid #dbdbdb; text-align:center; font-size:13px; color:#6f6e6e; font-weight:bold; width:93px;} #IT-compare .table-02 tbody > tr > td img {border:1px solid #dbdbdb; margin-bottom:5px;} #IT-compare .table-align tbody > tr > td{text-align:left; padding:15px; vertical-align:middle;} #IT-compare .table-align tbody > tr > td:first-child{text-align:right;} #IT-compare .table-03{width:100%; border:1px solid #dbdbdb; margin:10px 0 0 0; vertical-align:middle; text-align:center; vertical-align:top; line-height:22px;} #IT-compare .table-03 tbody > tr > th{border:1px solid #dbdbdb; text-align:left; padding:10px; font-size:15px; font-weight:bold; color:#333333; background:#f7f7f7;} #IT-compare .table-03 tbody > tr > td{border:1px solid #dbdbdb; padding:10px;} #IT-compare .table-03 tbody > tr > td:first-child{border:1px solid #dbdbdb; padding:5px; background:#faf7e6; color:#333333; min-width:100px;} #IT-compare .table-03 .title{font-size:15px; font-weight:bold; color:#7a7a7a;} #wrapper-gotop{position:absolute; left:0; top:0; width:100%; height:100%;} #wrapper-gotop .gotop{position:relative; width:1000px; height:100%; margin:0 auto;} .gotop .g-con{position:absolute; right:-133px; _right:-207px; top:258px; width:130px; z-index:99999;} .gotop .g-con h1{position:relative; height:31px; padding:0; z-index:999;} .gotop .g-table{position:relative; width:120px; border:1px #f0974f solid; background:#fffeed; margin:0; top:-1px;} .gotop .g-table > thead > tr > th{position:relative; border:1px #f0974f solid; background:#f0974f; color:#fff; font-size:13px; font-weight:bold; padding:4px;} .gotop .g-table > thead > tr > th img{position:absolute; right:5px; top:5px;} .gotop .g-table > tbody > tr > td{border:1px #f0974f solid; background:#fffeed; padding:5px 2px; text-align:center; vertical-align:middle; color:#0368a8; font-size:11px; line-height:15px;} .gotop .g-table > tbody > tr > td img{border:1px solid #b2cfe6; margin:5px auto;} .gotop .g-table > tbody > tr > th{border:1px #f0974f solid; background:#fffeed; padding:5px 2px; text-align:center; color:#000; font-size:12px; line-height:15px;} .gotop .g-table > tbody > tr > th a{text-decoration:none;} .gotop .g-table input[type=button]{ background-color:#d4d0c8; width:90%; margin:5px 0; cursor:pointer;} .gotop .g-table .point{color:#ffff99;} .gotop .g-btn{width:130px; height:26px;} .gotop .g-btn a{background:#ccc; color:#666; margin:10px auto; width:40px; height:24px; line-height:24px; text-decoration:none; text-align:center; display:block; border-radius:5px;} .gotop .g-btn a:hover{background:#999; color:#ccc;}