/* CSS Document */ @charset "utf-8"; body{width: 100%; min-width: 1000px; max-width: 100%; height:100%; margin:0px; border:0px; background-color:#E8E8D0; background-image:url(../img/ind/ind_bg0.jpg); background-repeat:repeat-x; background-position:top; } /*捲軸設定*/ html {/* Force Vertical scrollbar in Mozilla/Firefox */ scrollbar-face-color: #D1CEB8; scrollbar-highlight-color: #E8E8D0; scrollbar-shadow-color: #E8E8D0; scrollbar-3dlight-color: #D1CEB8; scrollbar-arrow-color: #868B92; scrollbar-track-color: #E8E8D0; scrollbar-darkshadow-color: #D1CEB8; } #MainAll { width:100%; height:auto; background-image:url(../img/ind/ind_bgup1.jpg); background-repeat:no-repeat; background-position:center top; margin:auto; } #sMainAll { width:100%; height:auto; background-image:url(../img/ind/ind_bgup2.jpg); background-repeat:no-repeat; background-position:center top; margin:auto; } #Main { width:980px; height:100%; margin:auto; } #MainU { width:980px; height:auto; margin:0 0 -25px 0; } /*height:375px; */ #MainC { width:980px; height:auto; } #MainM { width:940px; height:auto; float:left; background-color:} .mainline { width:20px; height:100%; float:left; margin:-200px 0 0 0; } .mainliner { width:20px; height:100%; float:left; margin:-200px 0 0 0; background-image: url(../img/ind/mliner.png); background-repeat: no-repeat; background-position: left top; } .maintitle {width:auto; height:34px; float:left; padding:0 0 0 16px; background-image: url(../img/ind/title_bg.gif); background-repeat: no-repeat; background-position: left top; } .mainl { width:360px; height:auto; float:left; margin:25px 0 0 10px; } .mainr { width:535px; height:auto; float:left; margin:0 10px 0 10px; } .proMainl { width:180px; height:auto; float:left; margin:25px 0 0 0; text-align: center; } .proMainr {width:740px; height:auto; float:left; padding:0 10px 0 10px; background-image: url(../img/icon/spec_l.gif); background-repeat: repeat-y; background-position: left center; } .proMain290 {width:290px; height:auto; float:left; padding:0 10px 0 10px; text-align: center; } .proMain430 {width:430px; height:auto; float:left; padding:41px 0 0 0; } .proMain50 {width:370px; height:auto; float:left; text-align:center; } .proMenuBg {width:150px; height:auto; margin:auto; background-image: url(../img/pro_e/menubg00.jpg); background-repeat: repeat-y; } .proMenuBg2 {width:150px; height:auto; background-image: url(../img/pro_e/menubg01.jpg); background-repeat: no-repeat; padding:12px 0 0 0;} .proMenuBg3 {width:150px; height:25px; background-image: url(../img/pro_e/menubg02.jpg); background-repeat: no-repeat; } .proSeriesLine {width:720px; height:197px; background-image: url(../img/pro/btnlinebg01.png); background-repeat: no-repeat; background-position: left top; padding:0 0 0 10px; } .proSeriesLine1 {width:720px; height:197px; background-image: url(../img/pro/btnlinebg01.png); background-repeat: no-repeat; background-position: left top; padding:0 0 0 10px; } .proSeriesLine1:hover {width:720px; height:197px; background-image: url(../img/pro/btnlinebg01-.png); background-repeat: no-repeat; background-position: left top; padding:0 0 0 10px; } .proSeriesLine2 {width:720px; height:390px; background-image: url(../img/pro/btnlinebg02.png); background-repeat: no-repeat; background-position: left top; padding:0 0 0 10px; } .proSeriesLine2:hover {width:720px; height:390px; background-image: url(../img/pro/btnlinebg02-.png); background-repeat: no-repeat; background-position: left top; padding:0 0 0 10px; } .proSeriesLineTitle {width:118px; height:125px; background-color:#DAD8C5; background-image: url(../img/pro/btnlinebg01.png); background-repeat: no-repeat; background-position: left top; } #MainD { width:980px; height:auto; background-image:url(../img/ind/ind_bgd00.jpg); background-repeat:repeat-y; background-position:top; padding:0; margin:0 0 7px 0; } .MainD2 { width:980px; height:27px; background-image:url(../img/ind/ind_bgd01.jpg); background-repeat:no-repeat; background-position:top; padding:15px 0 0 0; } .MainD3 {width:980px; height:113px; background-image:url(../img/ind/ind_bgd02.jpg); background-repeat:no-repeat; background-position:bottom; } .ProLine {width:540px; height:130px; }/*margin: -25px 0 0 0; */ .ProLineS33 {width:33%; height:115px; float:left; text-align: center; } .ProLineS331 {width:33%; height:115px; float:left; text-align: center; background-image:url(../img/ind_e/ind_line_atc.gif); background-position:left top; background-repeat:no-repeat; } .ProLineS331:hover {width:33%; height:115px; float:left; text-align: center; background-image:url(../img/ind_e/ind_line_atco.gif); background-position:left top; background-repeat:no-repeat; } .ProLineS332 {width:33%; height:115px; float:left; text-align: center; background-image:url(../img/ind_e/ind_line_cnc.gif); background-position:left top; background-repeat:no-repeat; } .ProLineS332:hover {width:33%; height:115px; float:left; text-align: center; background-image:url(../img/ind_e/ind_line_cnco.gif); background-position:left top; background-repeat:no-repeat; } .ProLineS333 {width:33%; height:115px; float:left; text-align: center; background-image:url(../img/ind_e/ind_line_kth.gif); background-position:left top; background-repeat:no-repeat; } .ProLineS333:hover {width:33%; height:115px; float:left; text-align: center; background-image:url(../img/ind_e/ind_line_ktho.gif); background-position:left top; background-repeat:no-repeat; } /* top */ .ff_debug {width:auto; clear:both; height:0px; } .Copyright {font:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#716E53;text-align: center; } /*文字設定*/ .ColorBlue, a.ColorBlue:link , a.ColorBlue:visited { color:#3D7185;} a.ColorBlue:active , a.ColorBlue:hover { color:#3D7185; font-weight: bold; } .txt10G {font-size:10px; color:#716E53; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-image:url(../img/ind/ind_dline.gif); background-repeat:no-repeat; background-position:left; padding:6px 0 6px 15px; } .txt10Gs {font-size:10px; color:#716E53; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; padding:10px 0 0 12px} .txt11G {font-size:11px; color:#716E53; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; padding:6px 0 0 10px} .txt12B { width:414px; font-size:11px; color:#3e3e3e; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-image:url(../img/icon/spec_mt_b.gif); background-repeat:no-repeat; background-position:left top; padding:6px 0 0 10px; float:left; } .txt12P { width:414px; font-size:11px; color:#3e3e3e; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-image:url(../img/icon/spec_mt_p.gif); background-repeat:no-repeat; background-position:left top; padding:6px 0 0 10px; float:left; } .txt12G { width:414px; font-size:11px; color:#3e3e3e; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; background-image:url(../img/icon/spec_mt_g.gif); background-repeat:no-repeat; background-position:left top; padding:6px 0 0 10px; float:left; } .spec11G {font-size:11px; color:#434343; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background-image:url(../img/icon/spec_g.gif); background-repeat:no-repeat; background-position:left top; padding:0 0 0 6px; } .DownBtnSp , a.DownBtnSp:link , a.DownBtnSp:visited {width:auto; height:auto; float:right; margin:0 0 0 30px; display: block; } a.DownBtnSp:active , a.DownBtnSp:hover {width:auto; height:auto; float:right; border-top-width: 2px; border-top-style: solid; border-top-color: #ABA56B; margin:-2px 0 0 30px; display: block; } .txt13B , a.txt13B:link , a.txt13B:visited {font-size:13px; color:#578F9B; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #999999; display: block; line-height: 20px; } a.txt13B:active , a.txt13B:hover {font-size:13px; color:#555; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #999999; display: block; line-height: 20px; } .txt13P , a.txt13P:link , a.txt13P:visited /*Purple*/ {font-size:13px; color:#867789; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #999999; display: block; line-height: 20px; } a.txt13P:active , a.txt13P:hover {font-size:13px; color:#555; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #999999; display: block; line-height: 20px; } .txt13G , a.txt13G:link , a.txt13G:visited {font-size:13px; color:#8A9572; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #999999; display: block; line-height: 20px; } a.txt13G:active , a.txt13G:hover {font-size:13px; color:#555; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: #999999; display: block; line-height: 20px; } .txt12Bmenu/*Brown*/ {font-size:12px; color:#7D7355; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; display: block; line-height: 20px; } /*Layer*/ #Layer1 { position:absolute; width:980px; height:auto; z-index:2; } #Layer100 { position:absolute; width:100%; height:auto; z-index:1; } /*Pro*/ #ProLineBg {position:absolute; width:980px; height:auto; z-index:1; } .ProLineTitle , a.ProLineTitl:link {width:117px; height:125px; background-color:#50463D;display: block; } a.roLineTitle:visited, a.roLineTitle:active, a.roLineTitle:hover {width:117px; height:125px; background-color:#B5C2BE;display: block; } .ProLineImg25 {width:145px; height:auto; margin:-2px 0 0 2px; background-image:url(../img/pro/cbtn_m_line.gif); background-repeat:no-repeat; background-position:left center; float:left; } .ProLineImg600 {width:600px; height:auto; margin:-5px 0 0 2px; background-image:url(../img/pro/cbtn_m_line.gif); background-repeat:no-repeat; background-position:left center; float:left; } .ProLineImg, .ProLineImg:link, .ProLineImg:visited { width:145px; height:auto; text-align:center; padding: 20px 0 0 0; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #686666; text-align:center; text-decoration: none; font-weight: bold; } .ProLineImg:active , .ProLineImg:hover { width:145px; height:auto; text-align:center; padding: 20px 0 0 0; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; text-align:center; text-decoration: none; font-weight: bold; } .ProLineTxt {width:auto; height:auto; text-align:left; padding: 0 0 0 25px; float:left; background-image:url(../img/icon/spec_b.gif); background-repeat:no-repeat; background-position:left bottom; } .ProLineNew {width:100%; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #686666; text-decoration: none; font-weight: bold; background-image:url(../img/pro/cline_ban_n.gif); background-repeat:no-repeat; background-position:right top; float:left; display: block; text-align:center; padding: 20px 0 0 0; } .ProLineNew:hover {width:100%; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; text-decoration: none; font-weight: bold; background-image:url(../img/pro/cline_ban_no.gif); background-repeat:no-repeat; background-position:right top; float:left; display: block; text-align:center; padding: 20px 0 0 0; } .ProLineNew1 {width:100%; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #686666; text-decoration: none; font-weight: bold; background-image:url(../img/pro/cline_ban_n1.gif); background-repeat:no-repeat; background-position:right top; float:left; display: block; text-align:center; padding: 20px 0 0 0; } .ProLineNew1:hover {width:100%; height:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; text-decoration: none; font-weight: bold; background-image:url(../img/pro/cline_ban_n1o.gif); background-repeat:no-repeat; background-position:right top; float:left; display: block; text-align:center; padding: 20px 0 0 0; } .ProLineImg20 {width:115px; height:auto; float:left; } /*SPEC*/ .spec00 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background-color: #8D8B76; line-height: 20px; text-indent: 10px; text-align: left; } .spec01 {padding-left: 15px; font-size: 11px; color: #8D8B76; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; background-color:#E9E9E0; } .spec02 {padding-left: 15px; font-size: 11px; color: #59584A; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; background-color:#C2C1AB; } .spec03 {background-color:#E8E8D0; } .spec04 {background-color:#CCCBB9; } .speCenter {text-align: center; text-indent: 0; } .speCenterBold { text-decoration: none; text-transform: uppercase; font-weight: bold; } #link {display: none; } #link1 {display: none; } /*SiteMap*/ .arrows1 { width:2px; height:auto; border-right-width: 1px; border-right-style: dashed; border-right-color: #306387; } .arrows2 {width:2px; height:auto; border-right-width: 1px; border-right-style: dashed; border-right-color: #868589; } .arrow01 {width:50px; background-image: url(../img/icon/arrow01.gif); background-repeat: no-repeat; background-position: right center; color: #306387; font-size: 10px; letter-spacing: 2px; } .arrow02 {width:50px; background-image: url(../img/icon/arrow02.gif); background-repeat: no-repeat; background-position: right center; padding: 0 0 1px 0; color: #868589; font-size: 10px; letter-spacing: 2px; } .btnMap { width:48px; height:38px; background-image:url(../img/icon/icon_map.gif); background-repeat:no-repeat;} .mauto{ margin:auto; text-align:left; padding-left:3px;}