html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, ul, li{margin: 0;padding: 0;}
h1 {font-size: 18px; font-weight:normal}
h1 .fist {color: #0294cf;}
h1 .last {color: #333;}
h2 {font-size: 18px;color:#666; font-weight:normal}
p {margin-bottom:10px}
.p2{margin-bottom:30px}
ul {
list-style: none;
}
ol{
margin-left:15px;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
img{border:none;behavior: url(iepngfix.htc) }
.text-default {color: #666; font-weight:normal}
.text-line-through {text-decoration:line-through}
.text-green {color:#84a33c;font-size:12px; text-decoration:none}
.text14-grey {font-size: 14px;color: #666;}
.text16-grey {font-size: 16px;color: #666;}
.text18-grey {font-size: 18px;color: #666; font-weight:normal}
.text18-ocean {font-size: 18px;color: #0294cf; font-weight:normal}
.text14-ocean {font-size: 14px;color: #0294cf; font-weight:bold}
.text24-ocean {font-size: 24px;color: #0294cf; font-weight:bold}
.textbig {font-size: 28px;color: #0294cf; font-weight:bold}
.text_orange {font-size:12px;color: #fe7800;}
.text_orange14 {font-size:14px;color: #fe7800;}
.textPrice{font-size:60px;color: #333;}
.textDollar{font-size:40px;color: #333;}
.text_default{font-size:12px;color: #333}
.text11{font-size:11px;}
.text{font-size:12px;color: #0294cf;}
.text_grey{font-size:12px;color: #999;}
.text-bold{font-size:12px;color: #0294cf; font-weight:bold}
.text_brown{font-size:10px;color: #886e5d;}
.text_pink{font-size:12px;color: #e9bdba;}
.text_pink2{font-size:12px;color: #e9bdba;}
.text_pink3{font-size:10px;color: #e9bdba;}
.text_deepred {font-size:10px;color: #640e0d}
.text_litebrown{font-size:12px;color: #e0cec7;}
.text_violet{font-size:12px;color: #37052a;}
.text_dark{font-size:12px;color: #333;}
.text_dark10{font-size:10px;color: #333;}
.text10_white{font-size:10px;color: #ffffff;}
.text_white2{font-size:12px;color: #ffffff;}
.selectBGB { background-color:#333; padding:0 3px; margin-right:3px; color:#fff; font-size:12px; font-weight:bold}
/* link */
a {font-size:12px;color:#666;text-decoration: underline;outline: none}
a:hover {color: #0294cf;text-decoration: underline}
.link {font-size:12px;color:#333;text-decoration:none}
.link:hover {color:#333;text-decoration: underline}
.link11 {font-size:11px; font-weight:bold;color:#333;text-decoration:underline}
.link11:hover {color: #0294cf;text-decoration: underline}
.link_white {font-size:12px;color: #fff;text-decoration:none}
.link_white:hover {text-decoration: underline}
.link_blue {font-size:12px;color: #0294cf;text-decoration:none}
.link_blue:hover {color: #0294cf;text-decoration: underline}
.link_ocean2 {font-size:10px;color: #0294cf;text-decoration:none}
.link_ocean2:hover {color: #0294cf;text-decoration: underline}
.link_ocean14 {font-size:14px;color: #0294cf;text-decoration:none; font-weight:bold}
.link_ocean14:hover {color: #0294cf;text-decoration: underline}
#stroke { float:left;height:10px; background-color:#FFF; width:100%; border-bottom-width:1px;margin-bottom:10px;border-bottom-style: solid; border-bottom-color:#ccc}
#stroke2 { float:left;height:10px; background-color:#FFF; width:100%; border-top-width:1px;border-top-style: dotted; border-top-color:#ccc}
#stroke3 { float:left;height:25px; background-color:#FFF; width:100%; border-bottom-width:1px;margin-bottom:8px;border-bottom-style: solid; border-bottom-color:#ccc; float:left}
.nopadding {padding:0; margin:0}
.logo {margin-right:25px; float:left}
.logo2 {margin-right:10px; float:left}
.pic-pad-bot {padding-bottom:8px}
.pic-pad {padding:0 4px}
.pic-pad10 {padding:0 10px}
.floatL { float:left; color:#fff; text-decoration:none}
.floatLpadR { float:left; color:#fff; text-decoration:none; padding-right:10px;}
#floatL { float:left}
#floatL ul li { margin:0 0 5px 0; list-style:none}
#floatR { float:right}
#floatL100 { width:100%;float:left; padding-bottom:20px;}
#floatL100-2 { width:100%;float:left; padding-bottom:10px; background-color:#eee}
#floatL100-3 { width:100%;float:left; padding-bottom:30px;}
#floatL100-4 { width:100%;float:left; padding-top:20px;}
#floatLpadR { float:left; padding-right:10px;}
.floatLpadR { float:left; padding-right:10px;}
.floatLpadL { float:left; padding-left:10px;}
#floatLpadR40 { float:left; padding-right:40px;}
.floatR { float:right; color:#fff; text-decoration:none}
.floatRMarL10 { float:right; margin-left:10px}
#padB10 {padding-bottom:10px}
.floatLpadR { float:left; padding-right:10px;}
#padB8 {padding-bottom:8px}
.floatLpadR5 { float:left; padding-right:5px;}
.marRL5 {margin:0 5px}
.marB40 {margin-bottom:40px}
.marB30 {margin-bottom:30px}
.marB20 {margin-bottom:20px}
.marB15 {margin-bottom:15px}
.marB10 {margin-bottom:10px}
.marB5 {margin-bottom:5px}
.marT20B5 {margin-top:20px;margin-bottom:5px}
.marT90 {margin-top:90px}
.marT80 {margin-top:80px}
.marT70 {margin-top:70px}
.marT40 {margin-top:40px}
.marT45 {margin-top:45px}
.marT30 {margin-top:30px}
.marT20 {margin-top:20px}
.marT15 {margin-top:15px}
.marT10 {margin-top:10px}
.marT5 {margin-top:5px}
.marR20 {margin-right:20px}
.marR15 {margin-right:15px}
.marR10 {margin-right:10px}
.marR5 {margin-right:5px}
.marL30 {margin-left:30px}
.marL20 {margin-left:20px}
.marL15 {margin-left:15px}
.marL10 {margin-left:10px}
.marL5 {margin-left:5px}
.clear {clear: both;}
/* body */
body {background: #c4c5c9 url(../images/bg-body.jpg) top repeat-x; color:#666}
#wrap{
margin: 15px auto;padding:0;width: 980px; position:relative}
#header{width:980px;height:75px; background:#fff;position:relative}
#header .logo {margin-left:20px; width:290px;height:70px; position:absolute; z-index:99}
.navigation {position:absolute; width: 200px; height:70px;left: 338px; top: 0px; color:#fff;}
.menu {position:absolute; z-index:2}
.casestudy {
position:absolute;
left: 0px;
bottom: 10px;
width: 165px;
height:30px;
padding:5px 0 0 35px;
color:#333;
background:url(../images/icon-casestudy.gif) left no-repeat;
}
.casestudy .text2 { font-size:11px}
.casestudy a {font-size:11px;color:#333;text-decoration: underline;outline: none}
.casestudy a:hover {color: #0294cf;text-decoration: underline}
.topbanner {width:980px;height:275px}
.live-chat {position:absolute; width:200px; line-height:40px; z-index:2; right: 40px; top: 320px; text-align:right}
.live-chat a {font-size:12px;color:#fff;text-decoration: none;outline: none}
.live-chat a:hover {color: #fff;text-decoration: underline}
.topleft {position:absolute;width: 255px;height:20px;right: 10px;top: 10px;color:#333;text-align:right; vertical-align:middle}
.topsearch {position:absolute;right: 10px;top: 40px;width: 255px;height:30px;padding:0px;color:#333;text-align:right}
.topsearch .text2 { font-size:11px}
.topsearch a {font-size:11px;color:#333;text-decoration: underline;outline: none}
.topsearch a:hover {color: #0294cf;text-decoration: underline}
#content {width:980px;position:relative;}
.mar-top {padding-top:13px}
.bg-top {background: url(../images/bg-content-top.jpg) top repeat-x #fff}
#columnLeft {width:690px;float:left; position:relative; margin-right:20px}
#columnLeft2 {width:690px;float:left; position:relative;background-color:#FFF}
#columnLeft2 h1{ font-size:27px; padding:0 10px 0 20px; background-color:#d6d5d1; color:#5e5452; line-height:58px}
#columnRight {width:270px;float:left}
#columnRight2 {width:309px;float:left}
#update{width: 670px;height:320px;float:left;margin: 0;padding:0; position:relative;}
.bg-update-bottom {position: absolute; bottom:0; left:0}
#update h2 { font-size:32px; color:#0294cf; font-weight:bold; clear:right; margin:0 0 10px 10px}
.in-updated-list {width:300px; float:left;margin-bottom:15px;font-size:11px;}
.in-updated-list img {float:left; margin-right:10px; width:90px; height:64px}
#update .banner {
float:left;
position:absolute;
bottom:0px;
left:0px;
width: 670px;
height: 88px;
}
#update .banner img { width:670px; height:88px}
.in-updated-list h3 {font-size:12px;}
.in-updated-list h3 a {font-size:12px;color:#666;text-decoration: underline;outline: none}
.in-updated-list h3 a:hover {font-size:12px;color:#0294cf;text-decoration: underline}
#system {width:300px; padding:0; float:right; color:#fff}
#system .textbig {font-size:18px; color:#fff}
#system .banner {margin-bottom:15px; width:260px; height:97px}
#system a {font-size:12px;color:#386700;text-decoration: underline;outline: none}
#system a:hover {color: #fff;text-decoration: underline}
#system h2 { font-size:32px; color:#fff; font-weight:bold}
#morenews {width:940px; height:35px; line-height:35px; padding:0 20px; margin-top:10px; float:left; background:url(../images/bg-morenews.png) top no-repeat; position:relative}
#morenews h2 { font-size:16px; color:#65737c; font-weight:bold}
.expand {position:absolute; width:150px; height:35px; left:150px; top:0px;}
.accordion-news-head {background-color:#632f53; position:relative}
.accordion-news-head a, .accordion-news-head a:hover {color: #fff; font-size:13px; font-weight:bold}
.accordion-news {background-color:#835876; color:#471338}
.accordion-news a {font-size:11px; text-decoration:underline; color:#471338}
.accordion-news a:hover {font-size:11px; text-decoration:underline; color:#771258}
.accordion-news h4 {font-size:14px; color:#471338}
.accordion-news h4 a {font-size:14px; text-decoration:underline; color:#471338}
.accordion-news h4 a:hover {font-size:16px; text-decoration:underline; color:#771258}
.accordion-news h5 {font-size:12px; color:#fff}
.accordion-news h5 a {font-size:12px; text-decoration:underline; color:#471338}
.accordion-news h5 a:hover {font-size:12px; text-decoration:underline; color:#771258}
.accordion-news-l {float:left; width:540px; margin-right:20px; padding-right:20px; border-right:#471338 solid 1px}
.accordion-news-l p {font-size:11px}
.accordion-news-r {float:left; width:330px}
.accordion-news-r ul { margin-left: 10px}
.accordion-news-r li { margin-bottom:3px; list-style:square}
.accordion-partner-head {background-color:#ff9805; position:relative}
.accordion-partner-head a, .accordion-partner-head a:hover {color: #fff; font-size:13px; font-weight:bold}
.accordion-partner {background-color:#fdb812;}
.accordion-partner h4 {line-height:100px; float:left; font-size:24px; color:#fff}
.accordion-partner img { margin-left:20px; padding-left:20px; border-left:#ff9805 solid 1px}
.accordion-partner .first {border:0; padding:0}
.accordion-systems-services-head {background-color:#2c74a4; position:relative}
.accordion-systems-services-head a, .accordion-systems-services-head a:hover {color: #fff; font-size:13px; font-weight:bold}
.accordion-systems-services { color:#0a3e60; background-color:#539bc3;}
.accordion-systems-services a {font-weight:bold; text-decoration: underline; color:#0a3e60}
.accordion-systems-services a:hover {font-weight:bold; text-decoration:underline; color:#00558e}
.accordion-systems-services h4 {font-size:14px; color:#0a3e60}
.accordion-systems-services h4 a {font-size:14px}
.accordion-systems-services h4 a:hover {font-size:14px;}
.accordion-systems-services-l {float:left; width:260px; margin-right:10px;}
.accordion-systems-services-c {float:left; width:170px; padding-right:20px; border-right:#00558e solid 1px}
.accordion-systems-services-r {float:left; width: auto}
.accordion-systems-services ul { float:left; margin-left:30px; width:180px}
.accordion-systems-services li { margin-bottom:3px; list-style:square}
.accordion-achievement-head {background-color:#429704; position:relative}
.accordion-achievement-head a, .accordion-achievement-head a:hover {color: #fff; font-size:13px; font-weight:bold}
.accordion-achievement {background-color:#6cb712; color:#215100}
.accordion-achievement a {font-weight:bold; text-decoration: underline; color:#215100}
.accordion-achievement a:hover {font-weight:bold; text-decoration:underline; color:#398403}
.accordion-achievement h4 {font-size:14px; color:#307101}
.accordion-achievement h4 a {font-size:14px}
.accordion-achievement h4 a:hover {font-size:14px;}
.accordion-achievement-l {float:left; width:140px; padding-right:20px}
.accordion-achievement-c {float:left; width:500px; padding-right:20px; margin-right:20px; border-right:#429704 solid 1px}
.accordion-achievement-c li {margin-bottom:3px}
.accordion-achievement-r {float:left; width:190px}
.accordion-achievement ul {float:left; }
.accordion-achievement-r ul {float:left; }
.accordion-achievement-r li { margin:3px 0 0 20px; list-style:square}
.accordion-achievement-r li a {font-size:12px;}
.accordion-achievement-r li a:hover {font-size:12px; text-decoration:underline}
.accordion-jobs-head {background-color:#e4100c; position:relative}
.accordion-jobs-head a, .accordion-jobs-head a:hover {color: #fff; font-size:13px; font-weight:bold}
.accordion-jobs {background-color:#ee3024;color: #8e0a05}
.accordion-jobs a {font-weight:bold; text-decoration: underline; color: #8e0a05}
.accordion-jobs a:hover {font-weight:bold; text-decoration:underline; color:#af0600}
.accordion-jobs .marL {margin-left:10px}
.accordion-jobs ul {float:left;}
.accordion-jobs li { list-style:square; margin-left:15px; font-size:11px}
.accordion-jobs h4 {font-size:12px; color:#fff}
.head-right { width:auto; position:absolute; color:#fff; font-size:13px; font-weight:normal; text-align:right; line-height:30px; top:0; right:20px}
#footer {width:960px; padding:30px 10px 20px 10px; text-align:center; color:#fff}
#footer .bottom {font-size:11px; margin-top:15px; color:#fff}
#footer .bottom a {font-size:11px; text-decoration:underline; color:#fff}
#footer .bottom a:hover {font-size:11px; text-decoration:underline; color:#fff}
#footer .last {border:none}
/* dec10 2010 */
.topbanner2 {width:980px;background: #fff}
.product-menu {
width:208px;
height:290px;
position:absolute;
z-index:9;
left: 0;
top: 95px;
}
.product-menu img {margin:0; padding:0}
.product-menu ul {margin:0; padding:0; }
.product-menu li {margin:0; padding:0; line-height:24px; width:208px; background:#909090; border-bottom:#666 solid 1px}
.product-menu a {margin:0; padding:0; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; display:block}
.product-menu a:hover {margin:0; padding:0; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; background:#3376a0}
.select a, .select a:hover {margin:0; padding:0; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; background:#3376a0}
.product-menu h2 {font-size:12px; font-weight:bold; padding:0 20px; line-height:34px; background: url(../images/left-menu-top.png) top no-repeat; color:#333}
.product-menu h2 a {color:#333;font-size:12px; font-weight:bold; text-decoration:none; background:none}
.product-menu h2 a:hover {color:#333;font-size:12px; font-weight:bold; text-decoration:none; background:none}
.menu-num { margin:3px 7px 3px 10px; padding:0 5px; background:#d6d6d6; float:left; height:16px; line-height:16px; color:#666; font-weight:bold; border:#666 1px solid}
.menubg {background:#909090}
#left-menu {width:170px; float:left; padding:10px 20px;color: #666;}
#left-menu p {font-size:11px;}
#left-menu strong {font-size:11px;}
#left-menu h3 {color:#555651; font-size:16px; margin-bottom:20px}
#left-menu h3 .hili {color:#0294cf; font-size:16px}
#maincontent {float:right; width:715px; margin:30px 20px 20px 0; color: #666;}
#maincontent h1 { font-size:24px; color:#666}
#maincontent h1 .hili {color:#0294cf;font-size:24px}
#maincontent h2 { font-size:18px;}
#maincontent h2 .hili {color:#0294cf;font-size:18px}
.the-choice {width:373px; padding:20px 20px 20px 320px; border-left:#ccc solid 1px;border-right:#ccc solid 1px}
.the-choice h3 {color:#333; font-size:21px; margin-bottom:10px}
.the-choice h3 .hili {color:#ff7600; font-size:21px}
.the-choice .hili {color:#ff7600}
.the-choice a {font-size:12px;color:#666;font-weight:bold;text-decoration: underline;outline: none}
.the-choice a:hover {color: #0294cf;font-weight:bold;text-decoration: underline}
.the-choice ul { float:left; }
.the-choice .thumb {float:right; margin:0 0 5px 5px; text-align:center}
.bg-the-choice {background:url(../images/bg-choice.jpg) top left no-repeat}
.bg-the-choice2 {background:url(../images/bg-choice2.jpg) center left no-repeat}
.the-choice-top {width:717px; height:10px;background:url(../images/bg-top-choice.gif) left top no-repeat}
.the-choice-bottom {width:717px; height:10px;background:url(../images/bg-bottom-choice.gif) left bottom no-repeat}
.jobs {background-color:#ee3024;color: #8e0a05; float:left; width:980px; padding-bottom:20px}
.jobs a {font-weight:bold; text-decoration: underline; color: #8e0a05}
.jobs a:hover {font-weight:bold; text-decoration:underline; color:#af0600}
.jobs .marL {margin-left:40px}
.jobs ul {float:left; width:200px; margin:20px 0 0 20px}
.jobs li { list-style:square; margin-left:15px; font-size:11px}
.jobs h3 {background-color:#e4100c; text-align:center; color:#fff; font-size:21px; padding:8px 0}
.jobs h4 {font-size:12px; color:#fff; margin-bottom:5px}
.textheader { visibility: hidden}
.head2 {background:url(../images/head-text2.png) no-repeat; height:22px}
.head1 { background:url(../images/Products-Services.png) no-repeat; height:45px}
.head-webdesign {background:url(../images/head-web-design.png) no-repeat; height:45px}
.moresolution {background:url(../images/arrow-red.gif) center right no-repeat; line-height:30px; width:97%}
.btn-product {width:170px; margin-bottom:10px}
.content-product {width:715px;}
.content-productL {width:430px; margin:0; float:left;}
.content-productL ul {margin:10px 0;}
.content-productL li {margin:5px 0 0 15px; list-style-image:url(../images/arrow-r.gif); padding-left:0px}
.content-productR {width:265px; float:right;}
.content-productR-in {width:245px; padding:10px; float:right;border:#ccc solid 1px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.content-productR-in2 {width:245px; padding:10px; float:right;-webkit-border-radius: 10px;-moz-border-radius: 10px; background:#94b911; color:#d5dfa3}
.content-productR-in2 ul {margin:5px 0 0 0; background:#87a006; padding:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.content-productR-in2 li {margin:5px 0 0 15px; list-style:square; padding-left:0px}
.content-productR-in2 h2 { color: #fff;}
.content-product .hili {color:#ff7600}
.content-product h3 {color:#84a33c;font-size:18px; font-weight:normal}
.content-product a {color:#0294cf;text-decoration: none}
.content-product a:hover {color: #0294cf;text-decoration: underline}
.bg-grey {background:#eeeeee}
.bg-grey2 {background:#f3f5f4}
.textgrey { color:#626868}
.design-progress {width:420px; min-height:350px; padding:10px; float:left; background:#f9f9f9}
.design-progress h4 {color:#84a33c;font-size:14px; font-weight: bold}
.design-progress a {color:#84a33c;font-size:12px; text-decoration:none}
.design-progress a:hover {color:#84a33c;font-size:12px; text-decoration: underline}
.free-quote {width:255px; padding:10px 10px 10px 0; float:right; text-align:center}
.web-slide {height:80px; width:715px; margin: 15px 0 0 0; border:#ccc solid 1px}
.bor-dot {margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:#ccc dotted 1px}
.bor-dot-top {margin:0 ; padding:0; border-top:#ccc dotted 1px}
.bor-dot-all { border:#ccc dotted 1px}
.darkBG {background-color:#65737c}
.reservation-step {width:195px; float:left; padding:0 40px 0 0; margin-right:20px; background:url(../images/arrow-next.gif) top right no-repeat}
.portfolio {border:#ccc 1px solid; padding:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.menu-company ul {}
.menu-company ul li { font-size:14px; font-weight:bold;color:#0294cf; margin-bottom:7px}
.menu-company ul li a { font-size:14px; font-weight:bold;color:#666; text-decoration:none}
.menu-company ul li a:hover { font-size:14px; font-weight:bold;color:#0294cf; text-decoration:none}
.wheel {width:340px; height:340px; float:right;}
.product-updated-list {width:410px; float:left;margin:10px 0 0 0; padding:10px;font-size:12px;background:#f3f5f4}
.product-updated-list img {float:left; margin-right:10px}
.product-updated-list h3 {font-size:14px;}
.product-updated-list h3 a {font-size:14px;color:#666;text-decoration: none;outline: none; font-weight:bold}
.product-updated-list h3 a:hover {font-size:14px;color:#0294cf;text-decoration: none}
.thumb-book {float:left; margin:0 30px 15px 0}
.thumb-book-last {float:left; margin:0 0 15px 0}
.content-contact {width:100%}
.content-contact h2 {border-left: #fe7800 solid 5px; padding-left:10px; margin-bottom:10px}
.content-contact ul { line-height:25px;margin:0 ; padding:0; border-top:#ccc solid 1px; border-bottom:#ccc solid 1px}
.content-contact li { line-height:25px;margin:0 ; padding:0 10px; border-left:#ccc solid 1px; border-right:#ccc solid 1px; border-bottom:#ccc dotted 1px}
.content-contact .last { border-left:#ccc solid 1px; border-right:#ccc solid 1px; border-bottom: none}
.content-contact td {padding:5px 0}
.content-contact a { text-decoration:none}
.button { cursor:pointer;text-decoration:none; color:#fff; background:url(../images/bg-btn.jpg);line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; font-size:14px; font-weight:bold; border:none }
.button-cancel { cursor:pointer;text-decoration:none; color:#fff; background:url(../images/bg-btn-cancel.jpg);line-height:28px;height:28px;padding:0px 15px;-moz-border-radius:5px;-webkit-border-radius:5px; font-size:14px; font-weight:bold; border:none }
.content-port {width:980px; padding:20px 0 0 0; margin:0;}
.port-list { height:320px;padding:15px; background:#eee url(../images/bg-port-list.jpg); float:left; margin:0 0 20px 20px; position:relative}
.port-list h2 {font-size:15px; font-weight:bold; padding:0; margin:0}
.port-thumb { width:250px; height:240px; padding:10px; background:url(../images/bg-portlist.png) center no-repeat; margin-bottom:0}
.port-thumb img { width:250px; height:240px}
.port-text {position:absolute; left:15px; width:270px; bottom:20px; z-index:2}
.port-btn { position:absolute; bottom:20px; right:15px; z-index:3}
.port-list2 { height:320px;padding:15px; background:#eee url(../images/bg-port-list.jpg); float:left; margin:0 0 20px 20px; position:relative}
.port-list2 h2 {font-size:15px; font-weight:bold; padding:0; margin:0}
.port-thumb2 { width:570px; height:240px; padding:10px; background:url(../images/bg-portlist2.png) center no-repeat; margin-bottom:0}
.port-thumb2 img { width:570px; height:240px}
.port-text2 {position:absolute; left:20px; width:500px; bottom:20px; z-index:2}
.port-btn2 { position:absolute; bottom:20px; right:20px; z-index:3}
.greybox {padding:10px; background:#eee}
.ibe-box { padding:10px; color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px; position:relative}
.ibe-box-list {background:#fff url(../images/bg-ibe-in.jpg) top repeat-x; float:left; width:100%; margin-top:10px; color:#666; font-weight:bold;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.ibe-box ul {margin:10px 10px 10px 10px}
.ibe-box li {margin-bottom:5px; background:url(../images/icon-correct.png) left center no-repeat; padding:0 0 0 15px}
.ibe-boxL {width:50%; float:left}
.ibe-boxL h3 {color:#fff; font-weight:bold; font-size:24px}
.ibe-price {color:#fff; font-weight:bold; font-size:21px}
.ibe-price2 {color:#fff; font-weight:bold; font-size:16px}
.ibe-boxR {width:50%; float:left; text-align:left}
.ibe-bg1 {background:#95ba14 url(../images/bg-ibe.jpg) top repeat-x;}
.ibe-bg2 {background:#95ba14 url(../images/bg-ibe2.jpg) top repeat-x;}
.ibe-bg3{background:#95ba14 url(../images/bg-ibe3.jpg) top repeat-x;}
.ibe-bg4{background:#95ba14 url(../images/bg-ibe4.jpg) top repeat-x;}
.tb-email {font-weight:bold}
.tb-email td {padding:10px 5px; border-bottom:#ccc solid 1px; width:33.33%}
.tb-email .cost {background:#eee; text-align:center; font-weight: normal}
.tb-email .price {text-align:center }
.tb-email .head {color:#fff; text-align:center; height:38px; padding:0}
.payment h3 { line-height:13px; background:#ccc; padding:10px; color:#666}
.paymentL {width:350px; float:left; background:#eee; border:#ccc solid 1px; height:228px; position:relative}
.paymentL p,.paymentR p {padding:10px 10px 0 10px}
.paymentR {width:350px; float:right; background:#fff; border:#ccc solid 1px}
.normallist { margin-bottom:10px}
.normallist li {list-style-image:url(../images/arrow-r.gif); margin:5px 0 0 15px}
.arrow-menu {background:url(../images/arrow-menu.gif) center right no-repeat}