/*--------- common ---------*/

html, body {margin: 0px; padding: 0px; height:100%; background-color:#ffffff; background-image:url('../images/bc.gif'); background-position: top left; background-repeat: repeat-x; color:#000000;}

p, div, input, textarea {font-family:arial,"新細明體","細明體"; font-size:13px;}

div {text-align:justify; text-justify:inter-ideograph;}

table, td {border: 0px solid #DADADA; vertical-align: top; border-collapse:collapse; padding:0;}

img {border:none;}

textarea {resize: none;} 

a {outline: 0; *blr:expression(this.onFocus=this.blur());}

a:link {color:#2782C9; text-decoration:none;}

a:visited {color:#2782C9; text-decoration:none;}

a:hover {color:#2782C9; text-decoration:none;}

a:active {color:#2782C9; text-decoration:none;} 

h2 {font-size:18px; font-weight: bold; color:#0146A4;}

h3 {font-size:15px; font-weight: bold; color:#0146A4; margin:0 0 12px 0;}

.subtitle {padding:10px 0 10px 5px; margin:10px 0 20px 0; background-color:#FAFAFA; border-bottom:1px solid #E7E7E7; border-top:1px solid #E7E7E7;}

.subtitle h2 {font-size:16px; font-weight: bold; color:#174075; letter-spacing:0px; margin:0;}

b {color:#2782C9;}

ul { text-align:left;}

li {list-style-image: url('../images/li.gif'); line-height:130%;}

.tableTop {width:480px; min-height:1px; height:auto !important; height:1px;  background-image:url('../images/table2_bg_top.jpg'); background-position:top left; background-repeat: no-repeat; padding:5px 0px 0px 30px; margin:0px;}

.tableTopF {width:510px; height:42px;  background-image:url('../images/table2_bg_top_function.jpg'); background-position:top left; background-repeat: no-repeat; padding:0; margin:0px;}

.tableTopA {width:510px; height:42px;  background-image:url('../images/table2_bg_top_adv.jpg'); background-position:top left; background-repeat: no-repeat; padding:0; margin:0px;}

.tableMid {width:440px; background-image:url('../images/table2_bg_mid.jpg'); background-position:top left; background-repeat: repeat-y; padding:0px 30px 0px 40px; margin:0px;}

.tableBtm {width:510px; min-height:1px; height:auto !important; height:1px; background-image:url('../images/table2_bg_btm.jpg'); background-position:bottom left; background-repeat: no-repeat; padding:0px 0px 23px 10px; margin:0px;}

.top {text-align:right; margin-top:15px;}

.clearRight {clear: right;}

.space {letter-spacing:1px;}



/*--------- div ---------*/

#DivContainer {display:block; margin:auto; width:985px; min-height:100%; height:auto !important; height:100%; background-image:url('../images/bg.png'); background-position: top center; background-repeat: repeat-y;} 

#DivTop {width:935px; height:85px; margin:0px 0px 0px 19px; padding: 0px 0px 5px 18px; background-color:#FFF;} 
 
#DivLeft {float:left; width:231px; margin:0px 0px 0px 19px; background-color:#FFF; display:inline;}
 
#DivContent {float:right; width:685px; margin:0px 13px 0px 0px; padding:0px 37px 0px 0px; background-color:#FFF;}
 
#DivFooter {float:right; display:inline; width:680px; height:120px; margin:8px 55px 0 0px; padding-top:5px; border-top:1px solid #DADADA; text-align:center; background-color:#FFF;}

#DivClear {clear:both;}



/*--------- demo ---------*/

#contactWrap {position: absolute; width: 400px; z-index:999;}

#contact {position: absolute; background-image:url('../images/slider.png'); background-repeat:no-repeat; background-position: bottom; width: 400px; height: 487px; margin: -452px 0px 0px 582px;}

#contactContent {width:280px; height:370px; margin: 0 0 0 20px; position: absolute; color:#fff; font-weight:bold; padding: 40px; line-height:22px;}

#contactContent input, #contactContent textarea {border: 0px solid #AAA; background-color:#FFF;}

#contactContent textarea {width:270px; overflow: auto;}

#header {margin: 0 auto; width: 600px; background-color: #F0F0F0; height: 200px; padding: 10px;}

#openCloseWrap {position:absolute; margin: 457px 0 0 250px; font-size:15px; font-weight:bold;}

.error {color:#FF9797;}

#success {margin:160px 0 160px 55px;}



/*--------- header ---------*/

.logo {position:absolute; width:710px; margin:10px 0px 0px 0px; vertical-align:top;}

#slogan {margin-left:100px;}

.lang {position:absolute; width:240px; margin: 55px 0px 0px 654px; text-align:right; font-size:11px; font-weight: bold; color:#4086AA;}

.lang a {color:#2782C9;}



/*--------- menu ---------*/

#promotion {margin-left:-8px; margin-top:30px; background:url('../images/promotion_lunar.jpg') no-repeat 1px 0;}

#promotionContent {height: 125px; margin:30px 40px 5px 35px; padding:37px 0 0 0; text-align:justify; line-height:17px; overflow:hidden;}

#promotionContent b {color:#2782C9;}

#promotionContent a {color:#000000;}

#promotionContent div {margin-top:12px; margin-left:7px; font-size:12px;}

/* CHRISTMAS 
#promotionContent {height: 135px; margin:30px 40px 5px 35px; padding:52px 0 0 0; text-align:justify; line-height:17px; overflow:hidden; font-size:12px;}
*/

/* LUNAR NEW YEAR */
#promotionContent {height: 135px; margin:30px 40px 5px 35px; padding:52px 0 0 0; text-align:justify; line-height:17px; overflow:hidden; font-size:12px;}
#promotionContent b {color:#C01818;}




/*--------- footer ---------*/

#footer {text-align:center; font-size:11px; color:#474747; margin-top:6px;}

#footer a {color:#474747; text-decoration:none;}

#footerLogo {text-align:center;}

.tooltip {display:none;	background:transparent url(../images/tt_bg.gif); font-size:8pt;	height:25px; width:145px; text-align:center; padding:5px 0; color:#000;}


#quickContact {padding:0 30px 0 30px; line-height:30px; overflow:hidden;}

#quickContact table {margin-top:15px;}

#quickContact input {border: 1px solid #AAA; background-color:#E5F3FA; margin-top:5px;}

#quickContact textarea {border: 1px solid #AAA; background-color:#E5F3FA; width: 367px; overflow: auto; margin:6px 0 6px 0;}

.error2 {color:red; line-height:16px;}

#success2 {margin:160px 0; color:#2782C9; font-weight:bold; text-align:center;}



/*--------- main ---------*/

#product_tabGp {width:650px; height:260px; background-image:url('../images/product_bg.jpg'); background-repeat:no-repeat; background-position: top left; margin-left:15px;}

#product_tabContent {width:650px; height:199px; padding:0px;}

#productMenu div {height:45px; text-align:center; background-position:top; background-repeat: repeat-x; padding:13px 0px 0px 0px}

#productMenu a {color:#000; cursor:pointer;}

#productMenu1 {width:113px; float:left; background-image:url('../images/product_tab.png');}

#productMenu2 {width:107px; float:left; background-image:url('../images/product_tab.png');}

#productMenu3 {width:107px; float:left; background-image:url('../images/product_tab.png');}

#productMenu4 {width:107px; float:left; background-image:url('../images/product_tab.png');}

#productMenu5 {width:107px; float:left; background-image:url('../images/product_tab.png');}

#productMenu6 {width:109px; float:left; background-image:url('../images/product_tab.png');}


.advArea {float:left; height:110px; width:308px; margin:0px 22px 0px 10px;}

.advhead td {height: 15px; border-bottom: 1px solid #DADADA; font-size:15px; font-weight:bold; color:#2782C9;}

.advContent {width:298px;  color:#222; margin:8px 0 8px 3px;}

.advContent ul {width:170px; height:51px; padding:0 0 0 15px; margin:8px 0 -2px 0;}

.advContent img {float:right; margin-top:4px;}


.newsArea {float:left; height:110px; width:330px;}

.newshead td {height: 15px; border-bottom: 1px solid #DADADA; font-size:15px; font-weight:bold; color:#2782C9;}

.newsContent {width:330px;  color:#222; margin:8px 0 8px 3px; line-height:17px;}

.newsContent img {float:right; margin-left:18px;}


.greenArea {float:left; height:115px; width:308px; margin:0px 22px 0px 10px;}

.greenhead td {height: 15px; border-bottom: 1px solid #DADADA; font-size:15px; font-weight:bold; color:#2782C9;}

.greenContent {width:298px;  color:#222; margin:8px 0 8px 3px;}

.greenContent ul {padding:0 0 0 15px; margin:8px 0;}

.greenContent img {float:right; margin-right:15px;}


.caseArea {float:left; height:115px; width:330px;}

.casehead td {height: 15px;font-size:15px; font-weight:bold; color:#2782C9;}

.caseContent {width:320px;  color:#094d93;}

.caseContent ul {width:225px; padding:0; margin:0;}

.caseContent li {list-style-type:none; list-style-image:none; padding:0; margin:0;}

.caseContent li  a {color:#094d93;}



/*--------- erpsol ---------*/

ul#erpsolOverview {width: 648px; height: 590px; position: relative; background: url('../images/erpsol_overview.jpg') no-repeat 0 0; margin: 0; padding: 0; list-style: none;}

ul#erpsolOverview li {position: absolute; list-style-image:none;}

ul#erpsolOverview li a{display: block; height: 100%; text-indent: -9000px;}

#erpSales {width: 244px; height: 138px; top: 0px; left: 95px;}

#erpPurchase {width: 228px; height: 138px; top: 0px; left: 340px;}

#erpInventory {width: 204px; height: 140px; top: 140px; left: 0px;}

#erpAccounting {width: 204px; height: 140px; top: 303px; left: 0px;}

#erpShipping {width: 210px; height: 140px; top: 140px; left: 440px;}

#erpManu {width: 210px; height: 140px; top: 303px; left: 440px;}

#erpHr {width: 224px; height: 132px; top: 455px; left: 110px;}

#erpCrm {width: 224px; height: 132px; top: 455px; left: 335px;}

ul#erpsolOverview li a:hover {background: url('../images/erpsol_overview_hover.jpg') no-repeat 0 0;}

ul#erpsolOverview li#erpSales a:hover {background-position: -95px -590px;}

ul#erpsolOverview li#erpPurchase a:hover {background-position: -340px -590px;}

ul#erpsolOverview li#erpInventory a:hover {background-position: -0px -730px;}

ul#erpsolOverview li#erpAccounting a:hover {background-position: -0px -893px;}

ul#erpsolOverview li#erpShipping a:hover {background-position: -440px -730px;}

ul#erpsolOverview li#erpManu a:hover {background-position: -440px -893px;}

ul#erpsolOverview li#erpHr a:hover {background-position: -110px -1045px;}

ul#erpsolOverview li#erpCrm a:hover {background-position: -335px -1045px;}


#erpsolMenu {float:left; display:inline; position:relative; top:-16px; width:175px; margin:0 4px 0 0;}

#erpsolMenu div {height:20px; padding:5px 0 5px 19px; background: url('../images/solmenu_bg.gif') no-repeat 0 0;}

#erpsolMenu a {color:#0146A4;}

#erpsol_tabGp {float:left; width:506px; overflow:hidden;}

.current a {background-color:#EBF3F7; padding:3px;}



/*--------- tradsol ---------*/

ul#tradsolOverview {width: 663px; height: 479px; position: relative; background: url('../images/tradsol_overview.jpg') no-repeat 0 0; margin: 0; padding: 0; list-style: none;}

ul#tradsolOverview li {position: absolute; list-style-image:none;}

ul#tradsolOverview li a{display: block; height: 100%; text-indent: -9000px;}

#tradSales {width: 244px; height: 133px; top: 23px; left: 75px;}

#tradPurchase {width: 221px; height: 133px; top: 23px; left: 353px;}

#tradInventory {width: 205px; height: 144px; top: 209px; left: 0px;}

#tradAccounting {width: 205px; height: 144px; top: 209px; left: 460px;}

ul#tradsolOverview li a:hover {background: url('../images/tradsol_overview_hover.jpg') no-repeat 0 0;}

ul#tradsolOverview li#tradSales a:hover {background-position: -75px -502px;}

ul#tradsolOverview li#tradPurchase a:hover {background-position: -353px -502px;}

ul#tradsolOverview li#tradInventory a:hover {background-position: -0px -688px;}

ul#tradsolOverview li#tradAccounting a:hover {background-position: -460px -688px;}


#tradsolMenu {float:left; display:inline; position:relative; top:-16px; width:175px; margin:0 4px 0 0;}

#tradsolMenu div {height:20px; padding:5px 0 5px 19px; background: url('../images/solmenu_bg.gif') no-repeat 0 0;}

#tradsolMenu a {color:#0146A4;}

#tradsol_tabGp {float:left; width:506px; overflow:hidden;}



/*--------- other sol ---------*/

#othersolMenu {float:right; width:173px;}

#othersolMenu div {height:15px; padding:5px 0 5px 10px; line-height:11px;}

#othersolMenu a {color:#0146A4;}

#othersol {float:left; display:inline; width:505px; overflow : hidden;}



/*--------- service ---------*/

#serviceDetail1 {width:475px; height:239px; background: url(../images/service_evaluate.jpg) no-repeat 0px 0px; padding:10px 0px 0px 210px; display:table-cell; vertical-align:middle;}

#serviceDetail2 {width:475px; height:239px; background: url(../images/service_bpr.jpg) no-repeat 0px 0px; padding:10px 0px 0px 210px; display:table-cell; vertical-align:middle;}

#serviceDetail3 {width:475px; height:239px; background: url(../images/service_custom.jpg) no-repeat 0px 0px; padding:10px 0px 0px 210px; display:table-cell; vertical-align:middle;}



/*--------- advantage ---------*/

#advList {padding:0 40px;}



/*--------- green ---------*/

.greenList {margin:0; padding:0 23px;}

.greenList li {list-style-type:none; list-style-image:none;}



/*--------- tech ---------*/

.trigger {background: url(../images/q.jpg) no-repeat 0px 0px; padding: 1px 0 15px 28px; color:#2782C9; cursor: pointer;}

.toggle_container {background: url(../images/a.jpg) no-repeat 0px 0px; padding: 2px 0 30px 28px; overflow: hidden; clear: both; display:none;}

.toggle_container_show {display:block;}




/*--------- case study ---------*/

#caseCm {width : 600px; height : 237px; margin:0 0 30px 20px; padding:0px 0px 0px 12px; overflow : hidden; background: url(../images/case_cm_bg.jpg) no-repeat 12px 0px;}


.caseStudy td {border: 1px solid #FFF; border-bottom: 15px solid #fff; padding:15px 10px 15px 10px; vertical-align: top; text-align:justify;}

.caseStudy a {color:#333333;}

.caseStudyTitle {color:#2782C9; font-size:16px; font-weight:bold; margin:0px 0px 5px 0px;}

.caseStudyTitle a {color:#2782C9;}

.highlight {background-color:#E5F3FA;}



/*--------- about ---------*/

.aboutContent {margin-bottom:50px; padding-left:25px;}

.aboutImg {float:right; width:205px; text-align:center; margin:0 0 10px 15px;}



/*--------- news ---------*/

/* menu */

*ul li a {height:1em;} 

#floatMenu {float:right; position:relative; top:0px; left:0px; padding-top:10px; width:211px;}

#floatMenu ul {list-style-type:none; padding:0; margin:0;}

#floatMenu ul li {list-style-image:none;}

#floatMenu ul li a {display:block; border-bottom:1px solid #DADADA; text-decoration:none; background-color:#fff; color:#000; padding:0px 5px 0px 5px; margin:2px 0 2px 0; font-size:12px; line-height:16px;}

.newsCat {font-size:18px; font-weight: bold; color:#0146A4; margin:8px 0 -2px 0;}

/* content */

.newsTop {width:455px; height:10px; margin:0; padding:177px 0 0 0; background: url(../images/news_bg_top.jpg) no-repeat 0px 177px;}

.newsDetail {width:430px; margin:0px 0 0 0; padding:0 15px 0 10px; background: url(../images/news_bg_mid.jpg) repeat-y 0px 0px;}

.newsDetail p {text-align:justify; text-justify:inter-ideograph;}

.newsDetail h2 {margin:0 0 12px 0;}

.newsBtm {width:455px; height:18px; margin:0 0 -177px 0; padding:0; background: url(../images/news_bg_btm.jpg) no-repeat 0px bottom;}

.newsImg {float:right; margin:0 0 10px 15px;}



/*--------- partners ---------*/

.partnersDetail {float:left; display:inline; width:312px; margin:0 15px 0px 15px;}

.partnersImg {text-align:center; height:90px;}

.hr {float:left; width:312px; height:1px; background-color:#E7E7E7; margin:20px 15px 50px 15px;}


/*--------- contact ---------*/

.address {width:400px; padding-bottom:50px;}

.contactImg {width:240px; float:right; margin:20px 0;}

#contactFromWrap {border-top:2px solid #75B9DC; padding:30px 0px 0px 0px; line-height:30px;}

.contactFrom {width:470px; padding:20px 0 20px 90px;}

.contactFrom input, .contactFrom select {border: 1px solid #AAA; background-color:#E5F3FA; margin-top:5px;}

.contactFrom textarea {border: 1px solid #AAA; background-color:#E5F3FA; width: 460px; overflow: auto;}