@charset "big5";
/* 
  =======
除首頁外其它頁面的所有模塊樣式
=======
 */

/*pages_top*/
.topline{background:#261b0f; height:3px; 
line-height:3px; font-size:0; overflow:hidden;
}
.globalTop{
width:940px;
background:url(../images/topbg.gif) repeat-x 0 0;
height:78px; text-align:right; margin-bottom:2px;
padding-right:20px;
}
.globalTop .call{
padding-top:50px;
}
.globalTop .call span{
font-size:25px; color:#fa5e00;
font-weight:bold;
font-family:"細明體";
}
.logo{
float:left;
margin:10px auto auto 20px;
}
/*nav*/
#nav{
width:960px; margin:0 auto;
background:url(../images/navbg.gif) repeat-x 0 0;
height:42px;
}
#nav span{
display:block; float:left;
background:url(../images/bg.gif) no-repeat 0 0;
width:8px; height:42px;
}
#nav span.r{
background:url(../images/bg.gif) no-repeat -10px 0;
float:right;
}
#nav ul,#nav li{
float:left; height:42px; line-height:42px; color:#fff;
}
#nav li{
background:url(../images/navbg1.gif) no-repeat right 50%;
padding:0 5px; position:relative;
}
#nav li .dot{position:absolute; top:-3px; right:8px;}
#nav li.noborder{
background:none;
}
#nav li a{
display:block; width:94px; text-align:center; color:#fff;
text-decoration:none; line-height:50px; _margin-bottom:-20px;
}
#nav li a:hover,#nav li a.cur{
background:url(../images/bg.gif) no-repeat 0 -86px; color:#000;
text-decoration:none;
}
/*footer*/
#copy{
width:960px; background:url(../images/copyBg.gif) repeat-y top left;
padding:25px 0; text-align:center; margin-top:5px;
background:#f7f7f7;
}
#copy p,#copy p a{
color:#10a1cd; text-decoration:none;
margin-bottom:0px;
}
/* Layout */
.global{
width:960px; height:auto;
position:relative;
border:1px #e0e8eb solid;
background:#f6f6f4;
}


/*down_banner*/
.ecdown_banner{
width:452px; height:216px;
margin:4px; padding-left:499px;
background:url(../images/ec_down_banner.gif) no-repeat top left;
}
.ecdown_banner h1{
height:36px; width:auto; text-align:left; display:block;
padding-top:25px; margin-bottom:10px; float:left;
}
.ecdown_banner .content{
height:71px; width:400px; text-align:left; 
display:block; overflow:hidden; float:left;
}
.ecdown_banner .bottom{
height:46px; width:404px; padding-bottom:13px; display:block; float:left;
background:url(../images/down_button_bg.gif) no-repeat bottom left;
}

/*運行系統環境要求*/
.system_require{
width:681px; height:357px; background:url(../images/system_require_bg.gif) no-repeat top left;
float:left; margin-left:4px; _margin-left:2px;
}
.system_require h1{
height:35px; font-size:16px; font-family:"細明體"; line-height:35px; padding-top:8px;
text-align:left; text-indent:45px; display:block; color:#10a1cd;
}
.system_require .content{
padding:10px 25px; text-align:left;
}
.system_require .content b{
font-weight:bold; font-size:14px; color:#1c1b1b;
}

/*history_edition*/
.history_edition{
width:261px; height:500px; display:inline;
background:url(../images/history_edition.gif) no-repeat top left;
float:right; clear:right; margin-right:5px; 
}
.history_edition h1{
height:42px; line-height:42px; text-align:left; text-indent:40px;
font-size:12px; color:#10A1CD; padding-top:5px;
}
.history_edition p{
width:237px; height:auto; padding:5px 10px; margin-bottom:12px; display:block;
text-align:left; text-indent:24px; line-height:22px;
}


/*template*/
.template{
width:950px; border:1px #e3e9ec solid; margin:8px auto;
background: #ffffff url(../images/template_bg.gif) no-repeat top left;
}
.template h1{
height:40px; font-size:16px; font-family:"細明體"; color:#10a1cd;
text-align:left; text-indent:40px; line-height:40px; margin-bottom:6px; padding-top:5px;
}
.template h3{
font-size:12px; color:#777; font-weight:bold; width:97%;
border-bottom:1px #ccc solid; margin:10px auto;
text-align:left; height:30px; line-height:30px;
}
.template ul{
list-style-type:none; display:block; overflow:hidden; zoom:1;
margin:0 0 0 12px; padding:0px;
}
.template li{
width:227px; height:237px; padding:21px 0 0 0; float:left; margin:0 6px 6px 0; 
background:url(../images/template_li_bg.gif) no-repeat top left;
}
.template img{
width:202px; height:157px;display:block; 
border:1px #ccc solid; margin:0 auto 10px auto;
}
.template h6{
height:26px; text-align:left; text-indent:10px; color:#027396;
}
.template h6 a:hover{
color:#666;
}
.template h6 a{
font-size:12px; font-weight:bold; color:#027396;
line-height:26px;
}
.template p{
height:20px; clear:both; text-align:left;
font-size:12px; line-height:20px; padding:0 10px; _margin-left:-20px;
}
.template p a:hover{
background:url(../images/template_ico2.gif) no-repeat left top;
color:#10a1cd;
}
.template p a{
background:url(../images/template_ico1.gif) no-repeat left top; 
font-size:12px; line-height:20px; text-indent:18px; color:#666666;
float:right;
}


/*introduction*/
.introduction{

}
.introduction .banner{
width:205px; height:58px; margin:6px auto; padding:158px 187px 0 556px;
background:url(../images/intro_banner.gif) no-repeat top left;
}
.introduction .emailintro_banner{
width:205px; height:58px; margin:6px auto; padding:158px 187px 0 556px;
background:url(../images/intro_email.gif) no-repeat top left;
}
.introduction .createwebsite{
width:205px; height:58px; margin:6px auto; padding:158px 187px 0 556px;
background:url(../images/web_bannermo.gif) no-repeat top left;
}
.introduction .email{
height:850px; width:948px; margin:0 auto 20px auto;
background-image:url(../images/emailBg.gif) ;
background-repeat:repeat-x;
}
.introduction .email h1{
background:url(../images/emailBg_caption.gif) no-repeat left top;
height:42px; font-size:12px;padding:18px 50px 0 45px;
}

.introduction .email h2{
background:url(../images/ecBg_captionblank.gif) no-repeat left top;
height:42px; font-size:15px;text-align:left; text-indent:15px; padding-top:15px;
}
.introduction .email h3{
background:url(../images/title.gif) no-repeat left top;
height:42px; font-size:15px;text-align:left; text-indent:15px; padding-top:15px;
}
.introduction .email .content{
width:90%; margin:0 auto; padding-top:20px; height:auto;
}
.introduction .email .webcontent{
width:90%; margin:0 auto; height:auto;
}

.introduction .email p{
text-align:left; display:block;
margin-bottom:12px; 
}
.introduction .email .planHdrbg {
background-image:url(../images/planchoice.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-size:13px;
height:19px;
width:188px;
}

.introduction .email .lrbdr {
border-top: 1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}

.introduction .email .BK_SUB4 {
background-color:#EEEEEE;
}
.introduction .email .subText {
font-size:11px;
}

.introduction .ecshop{
height:450px; width:948px; margin:0 auto 20px auto;
background:url(../images/ecBg.gif) no-repeat 0 0;
}

.introduction .websitespecial{
height:147px; width:300px; margin:0 auto 20px auto;padding-top:55px;
font-size:18px; color:#FF0000;text-align:center;
background:url(../images/special.gif) no-repeat 0 0;
}
.introduction .ecshop h1{
background:url(../images/ecBg_caption.gif) no-repeat left top;
height:42px; font-size:12px;
}

.introduction .ecshop h2{
background:url(../images/ecBg_captionblank.gif) no-repeat left top;
height:42px; font-size:15px;text-align:left; text-indent:15px; padding-top:15px;
}
.introduction .ecshop h3{
background:url(../images/title.gif) no-repeat left top;
height:42px; font-size:15px;text-align:left; text-indent:15px; padding-top:15px;
}
.introduction .ecshop .content{
width:90%; margin:0 auto; padding-top:20px; height:auto;
}
.introduction .ecshop .webcontent{
width:90%; margin:0 auto; height:auto;
}

.introduction .ecshop p{
text-align:left; display:block;
margin-bottom:12px; 
}

/*myproperty*/
.introduction .myproperty{
height:550px; width:948px; margin:0 auto 20px auto;
background:url(../images/ecBg.gif) no-repeat 0 0;
}
.introduction .myproperty1{
height:250px; width:948px; margin:0 auto 20px auto;
background:url(../images/ecBg.gif) no-repeat 0 0;
}
.introduction .myproperty h1{
background:url(../images/ecBg_caption.gif) no-repeat left top;
height:42px; font-size:12px;
}
.introduction .myproperty h2{
background:url(../images/ecBg_captionblank.gif) no-repeat left top;
height:42px; font-size:15px;text-align:left; text-indent:15px; padding-top:15px;
}
.introduction .myproperty h3{
background:url(../images/ecBg.gif) no-repeat left top;
height:42px; font-size:15px;text-align:left; text-indent:15px; padding-top:15x;
}
.introduction .myproperty .content{
width:90%; margin:0 auto; padding-top:20px; height:auto;
}
.introduction .myproperty .webcontent{
width:90%; margin:0 auto; height:auto;
}

.introduction .myproperty p{
text-align:left; display:block;
margin-bottom:12px; 
}
/*custom*/
.custom{
width:951px; margin:10px auto;
}
.custom_banner{
width:951px; height:216px; margin:6px auto;
}
.custom .left{
width:681px; float:left;
}
.custom .right{
width:261px; float:right; background:url(../images/sell_bg.gif) no-repeat top left;
}

/*custom-flow*/
.flow{
weith:681px; background:#fff; padding:5px 0 0 0; margin-bottom:8px;
}
.flow h3{
height:30px; background:url(../images/custom-flow-caption.gif) no-repeat left top;
font-size:16px; line-height:30px; text-align:left; color:#10a1cd; text-indent:50px;
}
.flow img{
width:678px; height:119px; margin:0 auto;
}

/*custom-developent*/
.development{
background:url(../images/custom_bg.gif) no-repeat top left;
width:679px; border:1px #e3e9ec solid; margin-bottom:8px;
}
.development h3{
height:30px; line-height:30px; font-size:16px; color:#10a1cd;
text-align:left; text-indent:46px; padding-top:12px;
}
.development .content{
padding:15px 20px 0 20px;
}
.development p{
display:block; margin-bottom:12px; text-align:left;
}

/*custom-message*/
.message{
width:679px; border:1px #e3e9ec solid; background:#fff;
}
.message p{
height:40px; text-indent:40px; display:block; text-align:left; 
line-height:40px; margin-bottom:6px;
}
.message h3{
height:21px; width:659px; background:url(../images/message.gif) no-repeat top left;
text-align:left; text-indent:32px; font-size:12px; color:#000; line-height:21px; margin:0 auto;
}
.message .content{
width:657px; border:1px #e3e9ec solid; border-top:none; color:#000; background:#fff;
margin-bottom:10px;
}
.message .frame{ 
width:100px; border:1px #ccc solid; float:left;
}
.message .frame1{
width:260px; height:100px; border:1px #ccc solid; float:left; white-space:normal;
word-wrap:break-word; word-break:break-all;
}

/*custom-銷售代表*/
.sell_right{
width:261px; float:right; background:url(../images/sell_bg.gif) no-repeat top left;
margin:10px 3px 0 0;
}
.sell{
background:#fff; border:1px #acbfc7 solid; margin:60px auto 0 auto;
width:235px;
}
.sell h2{
background:url(../images/sell_caption.gif) no-repeat bottom left; padding-top:10px; color:#000;
height:29px; width:221px; margin:0 auto; font-size:12px; line-height:29px; text-align:left; text-indent:20px; 
}
.sell .cont{
width:93%; border-bottom:1px #d4e2e6 dashed; overflow:hidden; zoom:1; padding:10px 0px;
}
.custom_contact{
border-top:4px #d3e1e5 solid; margin:0 1px; background:#f8fbfb;
}
.custom_contact h4{ 
font-size:13px; color:#0587c3; line-height:14px; padding-top:13px; text-align:left; text-indent:20px;
background:url(../images/custom_contact_caption.gif) no-repeat bottom left;
}

/*service*/
.service{
width:679px; float:left; margin:10px 0 0 3px; border:1px #E3E9EC solid; 
background:#fff url(../images/custom_bg.gif) no-repeat top left; padding-bottom:20px;
}
.service h1{
height:30px; line-height:30px; font-size:16px; color:#10a1cd;
text-align:left; text-indent:46px; padding-top:12px;
}
.service h2{
font-weight:bold; font-size:12px;
height:50px; line-height:50px; text-align:left; text-indent:30px;
}
.service .h2content{
width:96%; margin:0 auto;
}
.service .h2content p{
width:100%; border-bottom:1px #d3e1e5 dashed;
font-size:12px; line-height:28px; text-align:left;
}
.service .h2content span{ color:#036dbf;}
.service h3{
font-size:14px; color:#036dbf; text-align:left; text-indent:30px; 
height:50px; line-height:50px; background:#f8fbfb; margin:0 1px;
border-bottom:4px #d3e1e5 solid;
}
/*service_price*/
.service_price{
padding-top:25px; background:#fff;
}
.service_price h4{
font-size:14px; line-height:18px; height:18px; background:url(../images/service_price1.gif) no-repeat left top;
color:#10a1cd; width:90%; margin:0 auto; text-align:left; text-indent:20px; padding-bottom:3px;
}
.service_price .explanation{
height:26px; width:90%; margin:0 auto; line-height:26px; font-size:12px; text-align:left; color:#333;
}
.service_price .explanation span{
color:#ff6600;
}
.service_price .content{
width:95%;
border:1px #3b3b3b solid; margin:0 auto;
}
.service_price .content .h1,.single{
font-size:13px; font-weight:bold; color:#fff; text-align:left; text-indent:16px;
}
.service_price .content .h2,.singleTd{ 
text-indent:16px; text-align:left;
}
.service_price .content h6{
color:#333333; padding-left:16px; font-size:12px; font-weight:normal;
}
.service_price .content a{
color:#ff6600; font-weight:bold;
}




/*legal*/
.legal{
width:840px; margin:10px auto;
}
.legal h3{
text-align:left; padding-top:10px; font-size:14px;
}
.legal p{
text-align:left; text-indent:25px; margin-bottom:8px;
}
.legal ol{
padding:0px; *margin-left:0px;
}


/*contact_us*/
.contact{
width:948px; margin:10px auto;
background:#fff url(../images/ecBg2.gif) no-repeat left top;
border:1px #e2e9eb solid;
}
.contact h1{
font-size:16px; line-height:46px; text-align:left;
text-indent:35px; height:46px; color:#10a1cd; padding-top:2px;
}
.contact .content{
width:90%; margin:0 auto;
}
.contact .content h2{
font-size:12px; font-weight:bold; text-align:left; 
line-height:26px; height:26px; color:#000;
}
.contact .map{
margin:20px; width:100%; text-align:left;
}
.contact .map img{
float:left;
}

/*global*/
#global{
}
#law-list {
line-height:1.6em;
text-align:justify; padding-bottom:20px;
}
#law-list h3 {
color:#FF6C00; font-size:12px;
margin:20px 0 5px;
}
#law-list p {
margin-bottom:5px;
}
#law-list ol {
padding:0px; padding-left:20px; margin:0px;
}
#law-list ol li {
list-style-type:decimal;
color:#666666;
}