@charset "big5";
/* index CSS Document */

.centerBox{
width:948px; height:auto;
border:1px solid #e0e8eb;
background:#f6f6f4;
padding:5px;
}
#focus{
background:url(../images/focusBg.gif) repeat-x 0 0;
padding:4px 5px 0 4px; margin-bottom:15px;
}
#focus .focusImg{
width:600px;
}
#focus .notice{
background:url(../images/noticeBg.gif) no-repeat 0 0;
width:258px; height:202px; float:right; text-align:left;
}
.noticeList{
height:97px; padding:8px 5px 5px 16px;
}
.hotline{
padding:12px 15px 0px 15px;
color:#0a0b0d;
}
.hotline span{
position:relative; bottom:5px;
}
.hotline a{
color:#0a0b0d; text-decoration:none;
}
#domain{
height:566px; margin-bottom:10px;
background:url(../images/Bg_DomainReg.gif) no-repeat 0 0;
}
#domain h1{
background:url(../images/whatmacauese.gif) no-repeat 0 0;
height:35px; font-size:12px; font-weight:100; text-align:left;
padding:20px 0 0 300px;
}
#domain h2{
background:url(../images/domain_title.gif) no-repeat 0 0;
height:35px; font-size:12px; font-weight:100; text-align:left;
padding:20px 0 0 300px;
}
#domain .ecsoft{
width:256px; padding-top:210px;
background:url(../images/ecsoftBg.gif) no-repeat center 20%;
}
#domain .domain{
width:256px; padding-top:220px;
background:url(../images/domainBg.gif) no-repeat center 20%;
}
#domain .ecsoftInfo{
width:690px; text-align:left;
}
#domain .ecsoftInfo p{
margin-bottom:8px;
}


#ecshop{
height:566px; margin-bottom:10px;
background:url(../images/ecBgwebshoppackage.gif) no-repeat 0 0;
}

#ecshop h1{
background:url(../images/whatmacauese.gif) no-repeat 0 0;
height:35px; font-size:12px; font-weight:100; text-align:left;
padding:20px 0 0 300px;
}
#ecshop h2{
background:url(../images/domain_title.gif) no-repeat 0 0;
height:35px; font-size:12px; font-weight:100; text-align:left;
padding:20px 0 0 300px;
}
#ecshop .ecsoft{
width:256px; padding-top:210px;
background:url(../images/ecsoftBg.gif) no-repeat center 20%;
}
#ecshop .domain{
width:256px; padding-top:220px;
background:url(../images/domainBg.gif) no-repeat center 20%;
}
#ecshop .ecsoftInfo{
width:690px; text-align:left;
}
#ecshop .ecsoftInfo p{
margin-bottom:8px;
}
.ecsoftBox{
border:1px solid #e1e1e1;
position:relative;
width:310px; float:left;
margin-right:10px;
}
.ecsoftBox span{
display:block; width:5px; height:5px;
overflow:hidden;
}
/*¶ê¨¤*/
.ecsoftBox span.kokLt{
background:url(../images/bg.gif) no-repeat 0px -206px;
position:absolute; left:-1px; top:-1px;
}
.ecsoftBox span.kokRbcom{
background:url(../images/domain_com.gif) no-repeat 0px -206px;
position:absolute; left:-1px; top:-1px;
}
.ecsoftBox span.kokLb{
background:url(../images/bg.gif) no-repeat 0px -212px;
position:absolute; left:-1px; bottom:-1px; _bottom:-2px;
}
.ecsoftBox span.kokRt{
background:url(../images/bg.gif) no-repeat -6px -206px;
position:absolute; right:-1px; top:-1px;
}
.ecsoftBox span.kokRb{
background:url(../images/bg.gif) no-repeat -6px -212px;
position:absolute; right:-1px; bottom:-1px; _bottom:-2px;
}
.ecsoftBoxC{
border:1px solid #fff;
background:#f3f7f8;
padding:6px 0px 4px 10px; 
text-align:left;
}
.ecsoftBoxC .domaintextList{
background:url(../images/domain_com.gif) no-repeat;
padding-left:110px; text-align:left;
}
.ecsoftBoxC .domaintextList.bg{
background:url(../images/domain_me.gif) no-repeat;
}
.ecsoftBoxC .textList{
background:url(../images/bg.gif) no-repeat 0px -310px;
padding-left:80px; text-align:left;
}
.ecsoftBoxC .textList.bg{
background:url(../images/bg.gif) no-repeat 0px -505px;
}

#operation{
width:215px;
}
#operation .bnt img{
margin-bottom:5px;
}
/* Payment */
#payment{
text-align:left;
}
#payment b{
margin-left:15px;
}
#payment .payList{
border:1px #ced2d1 solid;
border-left:none;
}
#payment .scroll{
SCROLLBAR-FACE-COLOR: #e3e1e2;
SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; 
CURSOR: default; SCROLLBAR-SHADOW-COLOR: #d2d2d2; 
SCROLLBAR-3DLIGHT-COLOR: #e9e9e9; SCROLLBAR-ARROW-COLOR: #fff; 
PADDING:0px; SCROLLBAR-TRACK-COLOR: #eee; SCROLLBAR-DARKSHADOW-COLOR: #ced2d3; 
WIDTH:210px; HEIGHT:350px;overflow-x:hidden;color:#fff;
margin-bottom:3px; border:1px solid #fff;
border-left:none; padding:8px 0; text-align:center;
}
.recommendBox{
border:1px solid #e1e1e1;
position:relative;
width:205px; float:left;
margin-right:10px;
}
.recommendBox span{
display:block; width:5px; height:5px;
overflow:hidden;
}
/*¶ê¨¤*/
.recommendBox span.kokLt{
background:url(../images/bg.gif) no-repeat 0px -206px;
position:absolute; left:-1px; top:-1px;
}
.recommendBox span.kokRbcom{
background:url(../images/recommend_cart.gif) no-repeat 0px -206px;
position:absolute; left:-1px; top:-1px;
}
.recommendBox span.kokLb{
background:url(../images/bg.gif) no-repeat 0px -212px;
position:absolute; left:-1px; bottom:-1px; _bottom:-2px;
}
.recommendBox span.kokRt{
background:url(../images/bg.gif) no-repeat -6px -206px;
position:absolute; right:-1px; top:-1px;
}
.recommendBox span.kokRb{
background:url(../images/bg.gif) no-repeat -6px -212px;
position:absolute; right:-1px; bottom:-1px; _bottom:-2px;
}
.recommendBoxC{
border:1px solid #fff;
background:#f3f7f8;
padding:6px 0px 4px 10px; 
text-align:left;
}
.recommendBoxC .carttextList{
background:url(../images/recommend_cart.gif) no-repeat;
padding-left:80px; text-align:left;
}
.recommendBoxC .RtextList.bg{
background:url(../images/domain_me.gif) no-repeat;
}


#payment .scroll img{
margin-bottom:8px;
}


#template{
border:1px solid #e1e1e1;
}
#template .tempC{
border:1px solid #fff;
background:#f1f7f7;
padding:5px;
}
#template .tempC h2{
font-size:12px; text-align:right; font-weight:100;
padding:5px 15px; background:url(../images/lineBg.gif) repeat-x left bottom;
}
#template .tempC h2 p{
float:left; font-weight:bold; color:#1a1c1b;
}
#template .tempC h2 a{
 color:#10a1ce; text-decoration:none;
}
#template .tempList{
background:url(../images/tempLbg.gif) repeat-x left bottom;
height:155px;
}
.scroL{
float:left;
background:url(../images/bg.gif) no-repeat -134px -96px;
}
.scroR{
float:right; 
background:url(../images/bg.gif) no-repeat -161px -96px;
}
.scroL,.scroR{
width:19px; height:36px;
margin-top:55px; cursor:pointer;
}
.scroC{
float:left; width:660px; margin-left:5px; height:140px;
overflow:hidden;
}
.scroC li{
float:left; margin-top:20px; text-align:center;
padding:0 5px;
}
.scroC li img,.scroC li a{
width:134px; height:94px;
}
.scroC li a{
display:block; padding:3px;
background:url(../images/temp_linkBg.gif) no-repeat 0 0;
}
.scroC li a:hover{
display:block; padding:3px;
background:url(../images/temp_hoverBg.gif) no-repeat 0 0;
}
.scroC li p a,.scroC li p a:hover{
background:none;
}
/*¦¨¥\®×¨Ò*/
.none{display:none;}
#com_v{
*margin-bottom:120px;
_margin-bottom:10px;
}
.caseBox{
height:210px;
}
.case{
width:708px; margin-right:0px;
background:#efede1;
}
.caseTit{
background:#fff; margin:4px;
padding:6px;
}
#template .tempC .case .caseTit h2{
float:left; width:78px; height:65px;
margin:0px 4px; padding:0px; background:url(../images/caseTit_h2bg_1.gif) no-repeat 0 0;
font-size:12px; line-height:65px; text-align:center;
}
#template .tempC .case .caseTit h2.h2bg{
background:url(../images/caseTit_h2bg.gif) no-repeat 0 0;
}
#template .tempC .case .caseTit h2 img{
width:72px; height:53px; margin-top:9px;
}
.caseImg{
margin:10px 15px 10px 10px;
}
.caseImg img{
width:140px; height:100px;
}
.caseInfo{
margin-top:10px; text-align:left;
height:100px;
}
.caseInfo a{
color:#10a1cd; text-decoration:none;
}

#cooperation{
margin-top:10px;/* */
background:#fff;
}
#cooperation li{
float:left; line-height:40px;
}
#cooperation li.coopL{
width:73px; background:url(../images/bg.gif) no-repeat -168px 0px;
border:none; height:40px; color:#656563;
font-weight:bold; text-align:center;
}
#cooperation li.coopR{
float:right; border:none;  height:40px;
width:8px; background:url(../images/bg.gif) no-repeat -244px 0px;
}
#cooperation li.coopC{
height:38px; width:642px;
border-top:1px solid #d4e2e3;
border-bottom:1px solid #d4e2e3;
background:#fff; line-height:38px;
text-align:left;
}
#cooperation li.coopC img{
width:88px; height:31px; margin:3px 5px auto 5px;
}















