body { margin:0px; text-align:center; background-color:white; padding: 0;} a{ text-decoration: none; outline: none; } a:link{ color:#373737;} a:visited{color:#373737;} a:hover{color:#0378C3; text-decoration:underline} a:active{color:#373737;} /* ........................... NEW 960 ..................................... */ #wapperN{margin:0 auto; width:960px; font-family:新細明體,Arial; font-size:12px; line-height:24px; background-color:white} #wapperN #wc{width:940px; background-color:white; margin-bottom:15px} #logoN {background:url(img/index_960/logo.gif) no-repeat; width:274px; height:50px;float:left} #menuN{ background:url(img_1024/index/menu_bg.jpg) repeat-x; height:29px; width:938px; clear:both; border:solid 1px #D6D6D6; z-index:999; position:relative; } #menuN #menuText { z-index:999; position:relative; width:880px; height:25px; text-align:center; margin-left:60px; margin-top:2px; _margin-left:40px; _padding-left:20px; /*for IE6*/ } /* 十週年慶banner ---------------*/ #bannerbirthday { height:216px; width:940; background:url(img_1024/index/tsti_10_2.jpg) no-repeat;background-color:black; margin-top:3px; position:relative; z-index:1; } #bannerbirthday #movie { position:relative; z-index:-1; float:right; border:solid 1px #9D9D9D; margin:5px 70px 0 0; _margin:5px 40px 0 0; } #banner{height:216px; width:940; background-color:white;border:solid 1px #D9D9D9; margin-top:9px; /*for FF*/ *margin-top:1px !important; /*for IE7*/ } #banner #bbup{width:940px} #banner #bbup #bbup01{width:780px;height:170px; float:left} #banner #bbup #bbup02{width:160px;height:170px; float:left} #banner #bbdown{width:940px; clear:both} #banner #bbdown #bbdown01{width:780px;height:46px; float:left} #banner #bbdown #bbdown02{width:160px;height:46px; float:left} #down{width:940; height:270px; background:url(img/index_960/indexdown.jpg) no-repeat; text-align:center; margin-top:-2px; *margin-top:-3px !important; } #down #boxNews{width:200px;float:left;height:200px; margin:55px 0px 0 15px; _margin:55px 0px 0 5px; /* IE6 only */ text-align:left} #down #boxNews #more{float:right;margin:0 -5px 0 0; #margin:-25px -5px 0 0 !important;_margin:-25px -2px 0 0;font-size:12px; } #down #solution{width:330px; height:200px;float:left;margin:60px 0 0 35px;} #down #solution #boxTop{width:330px;height:85px; margin-bottom:7px;line-height:21px ;clear:both;} #down #solution #boxTop #boxTop_1{width:185px;height:80px; float:left;margin-right:20px; text-align:left;} #down #solution #boxTop #boxTop_2{width:110px;height:80px; float:left;text-align:left;padding-left:15px;} #down #solution #boxDown{width:330px;height:120px;line-height:21px;clear:both;} #down #solution #boxDown #boxDown_1{width:80px;height:90px; float:left;margin-right:30px; text-align:left;_margin-right:10px;} #down #solution #boxDown #boxDown_2{width:220px;height:110px; float:left;text-align:left;} #down #products{width:320px;height:200px;float:left;margin:60px 0 0 30px;} #down #products #boxTop{width:315px;height:90px; margin-bottom:15px;} #down #products #boxTop #boxTop_1{width:170px;height:90px; float:left;margin-right:20px; text-align:left; line-height:19px} #down #products #boxTop #boxTop_2{width:112px;height:90px; float:left;text-align:left;line-height:22px} #down #products #boxDown{width:325px;height:90px;} #down #products #boxDown #boxDown_1{width:170px;height:90px; float:left;margin-right:20px; text-align:left;line-height:19px;} #down #products #boxDown #boxDown_2{width:120px;height:90px; float:left;text-align:left;line-height:22px;} /*==========BANNER==================================*/ #boxBanner{margin:3px 0 3px 0; width:960px; clear:both; height:225px} #boxBanner .boxFlash { background:url(img_1024/index/flashBox_bg.jpg) no-repeat; width:643px; height:224px; float:left;} #boxBanner .boxNews { background:url(img_1024/index/newsBox_bg.jpg) no-repeat; width:317px; height:224px; float:right; text-align:left} #boxBanner .boxNews .boxNewsText { font-family:新細明體,Arial; font-size:12px; line-height:25px; width:290px; margin:60px 10px 5px 15px; color:#373737; text-align:left; letter-spacing:0.8px } #boxBanner .boxNews .boxNewsText a{color:#373737} #boxBanner .boxNews .boxNewsText a:hover{color:#0092F0} /*--------------motion js-----------------------------*/ a img { border: none; } #boxBanner .boxFlash h2 { font-family: 微軟正黑體, Serif; font-size: 36px; text-align: center; font-weight: normal; } #boxBanner .boxFlash #page-wrap { clear:both; width: 643px;} #boxBanner .boxFlash #slider {background: url(images/slider-bg.png); height: 224px; overflow: hidden; position: relative; margin: 0 0; } /* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */ #boxBanner .boxFlash #mover { position: relative;margin-top:5px} #boxBanner .boxFlash .slide { width: 643px; float: left;text-align:left; padding:45px 0 0 30px;position:relative} #boxBanner .boxFlash .slide h1 { font-family: 微軟正黑體, Sans-Serif; font-size: 30px; letter-spacing: -1px; color: #006699; } #boxBanner .boxFlash .slide p { color: #555; font-size: 12px; line-height: 22px; width: 250px; } #boxBanner .boxFlash .slide img { position: absolute; top: 20px; left: 280px; } #boxBanner .boxFlash #slider-stopper { position: absolute; top: 200px; right: 10px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 600; } /*==========SOLUTIONS & PRODUCTS==================================*/ #sbBox{width:962px; clear:both} #sbBox #solutionBox{ background:url(img_1024/index/solutionsBox_bg.jpg) no-repeat; width:475px; height:286px; float:left;} #sbBox #solutionBox #content{margin-top:45px; text-align:center} #sbBox #solutionBox #box1{width:440px; height:110px; text-align:center;} #sbBox #solutionBox #box1 #communication{width:200px; height:110px;float:left; text-align:left;margin-left:20px} #sbBox #solutionBox #box1 #communication #title{color:#005AD4; font-weight:bolder} #sbBox #solutionBox #box1 #communication #text{padding-left:10px; line-height:15px} #sbBox #solutionBox #box1 #system{width:200px; height:110px;float:left; text-align:left;margin-left:20px} #sbBox #solutionBox #box1 #system #title{color:#005AD4; font-weight:bolder} #sbBox #solutionBox #box1 #system #text{padding-left:10px; line-height:15px} #sbBox #solutionBox #box2{width:440px; height:110px; text-align:center; } #sbBox #solutionBox #box2 #software{width:200px; height:110px;float:left; text-align:left;margin-left:20px} #sbBox #solutionBox #box2 #software #title{color:#005AD4; font-weight:bolder} #sbBox #solutionBox #box2 #software #text{padding-left:10px; line-height:15px} #sbBox #solutionBox #box2 #service{width:200px; height:110px;float:left; text-align:left;margin-left:20px} #sbBox #solutionBox #box2 #service #title{color:#005AD4; font-weight:bolder} #sbBox #solutionBox #box2 #service #text{padding-left:10px; line-height:15px} /* --------- Products ---------*/ #sbBox #productsBox{ background:url(img_1024/index/productsBox_bg.jpg) no-repeat; width:476px; height:286px; float:right;} #sbBox #productsBox #productsBoxContent{position:relative;width:400px; height:150px;margin:65px 0 0 30px;} #sbBox #productsBox #productsBoxContent .box{width:180px; height:95px;float:left; text-align:left;padding-bottom:15px;margin-left:15px;} #sbBox #productsBox #productsBoxContent .box2{width:180px; height:30px;float:left; text-align:left;padding-bottom:15px;margin-left:15px;} #sbBox #productsBox #productsBoxContent .box .boxTitle{clear:both;color:#005AD4; font-weight:bolder} #sbBox #productsBox #productsBoxContent .box .pText{width:155px;height:65px; line-height:18px;} /*==========footer==================================*/ #footerBox{clear:both;background:url(img_1024/index/footer_bg.jpg) repeat-x;width:938px;height:29px; border:solid 1px #D6D6D6; margin-top:-7px; *margin-top:-5px !important; text-align:center} #footerBox #footerText{margin:0 0 0 10px;padding-top:5px; text-align:center;color:#787878; font-size:12px}