@charset "utf-8";

/* CSS Document */



body{ background:#ffffff url(../images/bg-main.jpg) left top repeat-x; padding:0 0 0 0; margin:12px 0 12px 0; text-align:center;}



#wrapper{width:983px; overflow:hidden; clear:both;}



.bg-lft{float:left; width:983px; background:url(../images/bg-lft-side.jpg) left 46px no-repeat; overflow:hidden;}

.bg-rgt{float:left; width:983px; background:url(../images/bg-rgt-side.jpg) right 46px no-repeat; overflow:hidden;}

.wrapper-main{float:left; width:957px; background:#ffffff; margin-left:13px; font:12px tahoma; color:#585858; text-align:left; overflow:hidden;}



.header, .navi, .footer{float:left; width:957px; overflow:hidden;}



.header{background:url(../images/header-bg.jpg) left top repeat-x;}

div.hea-lft, div.hea-logo, div.hea-des, div.hea-rgt{float:left; height:121px; overflow:hidden;}

.header div.hea-lft{width:11px;}

.header div.hea-logo{width:572px;}

.header div.hea-des{width:363px;}

.header div.hea-rgt{width:11px;}

div.hea-lft img, div.hea-rgt img{float:left; padding:0 0 0 0; margin:0 0 0 0;}

div.hea-logo img{float:left; padding-top:29px;}

.hea-top-lnk{float:left; width:363px; overflow:hidden;}

.hea-top-lnk img{float:left; padding:0 0 0 0;}

.hea-txt{float:left; width:363px; overflow:hidden; text-align:center;}



div.navi-c1, div.navi-c2, div.navi-c3, div.navi-c4, div.navi-c5{float:left; height:30px; overflow:hidden;}

.navi div.navi-c1{width:11px;}

.navi div.navi-c2{width:360px; background:url(../images/navi-c2.jpg) left top repeat-x; text-align:center;}

.navi-c2 a{font:bold 11px tahoma; color:#9c0e0e; text-decoration:none; margin:0 5px 0 5px; padding:5px 9px 5px 9px; line-height:30px;}

.navi-c2 a:hover{font:bold 11px tahoma; color:#9c0e0e; text-decoration:none; background: url(../images/navi-hover.jpg) left top repeat-x;}

.navi div.navi-c3{width:47px;}

.navi div.navi-c4{width:538px; background:url(../images/navi-c4.jpg) left top repeat-x; text-align:center;}

.navi-c4 a{font:11px tahoma; color:#3c3c3c; text-decoration:none; margin:0 7px 0 7px; line-height:30px;}

.navi-c4 a:hover{color:#717171;}

.navi div.navi-c5{width:1px;}



.focus-panel{float:left; width:955px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:url(../images/bg-focus.jpg) left top no-repeat; height:310px; overflow:hidden;}

.focus-panel-lft{float:left; width:369px; height:310px; overflow:hidden;}

.focus-panel-lft-bor{float:left; width:359px; height:290px; margin:10px 0 0 10px; overflow:hidden; background:#e4e4e4 url(../images/focus-lft-box-bottom.jpg) left bottom repeat-x;}

.focus-panel-rgt{float:left; width:586px; height:310px; overflow:hidden;}





#foc-welcome{display:block;}

#foc-dedicated{display:none;}

#foc-why{display:none;}

#foc-manag{display:none;}

#foc-upgrade{display:none;}



.focus-panel-rgt-wel{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-wel-bg.jpg) left bottom no-repeat;}

.foc-pan-rgt-arrow{float:left; width:575px; background:url(../images/arrow-down.jpg) 126px top no-repeat; overflow:hidden;}

.foc-pan-rgt-hea1{float:left; width:575px; text-align:right; font:bold 30px arial; color:#9c151d; overflow:hidden;}

.foc-pan-rgt-hea2{float:left; width:575px; text-align:right; font:20px arial; color:#000000; overflow:hidden;}

.foc-pan-rgt-txt{float:left; width:575px; text-align:right; font:12px arial; color:#515151; line-height:16px; overflow:hidden;}

.foc-pan-rgt-price{float:left; width:575px; text-align:right; font:bold 22px arial; color:#898989; overflow:hidden;}

.foc-pan-rgt-price span{color:#9c151d;}



.focus-panel-rgt-ded{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-ded-bg.jpg) left bottom no-repeat;}

.foc-pan-rgt-arrow-ded{float:left; width:575px; background:url(../images/arrow-down.jpg) 240px top no-repeat; overflow:hidden;}



.focus-panel-rgt-why{float:left; width:586px; height:310px; overflow:hidden;background:url(../images/focus-why-bg.jpg) left bottom no-repeat;}

.foc-pan-rgt-arrow-why{float:left; width:575px; background:url(../images/arrow-down.jpg) 346px top no-repeat; overflow:hidden;}



.focus-panel-rgt-manag{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-man-bg.jpg) left bottom no-repeat;}

.foc-pan-rgt-arrow-manag{float:left; width:575px; background:url(../images/arrow-down.jpg) 450px top no-repeat; overflow:hidden;}



.focus-panel-rgt-upg{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-upg-bg.jpg) left bottom no-repeat;}

.foc-pan-rgt-arrow-upg{float:left; width:575px; background:url(../images/arrow-down.jpg) 532px top no-repeat; overflow:hidden;}



.focus-panel-rgt-sitemap{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-sitmap-bg.jpg) left bottom no-repeat;}

.focus-panel-rgt-contact{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-contact-bg.jpg) left bottom no-repeat;}

.focus-panel-rgt-about{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-about-bg.jpg) left bottom no-repeat;}

.focus-panel-rgt-services{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-service-bg.jpg) left bottom no-repeat;}

.focus-panel-rgt-special{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-special-bg.jpg) left bottom no-repeat;}

.focus-panel-rgt-faq{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-faq-bg.jpg) left bottom no-repeat;}

.focus-panel-rgt-tos{float:left; width:586px; height:310px; overflow:hidden; background:url(../images/focus-tos-bg.jpg) left bottom no-repeat;}





.middle{float:left; width:955px; overflow:hidden; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:3px solid #c6c6c6;}

.mid-panel{width:945px; text-align:left; overflow:hidden; margin:15px 0 0 0;}

.box-about{float:left; width:470px; background:url(../images/bg-box1.jpg) left top no-repeat; overflow:hidden;}

.box-about-bor{float:left; width:448px; margin:11px 0 0 11px; overflow:hidden;}

.box-tab{float:left; width:470px; background:url(../images/bg-box1.jpg) left top no-repeat; margin-left:5px; overflow:hidden;}

.box-tab-bor{float:left; width:460px; margin:5px 0 0 5px; overflow:hidden;}

.box-tab-bor-iner{float:left; width:448px; margin:6px 0 0 6px; overflow:hidden;}

.des-ddos{float:left; width:448px; overflow:hidden;}

.des-it{float:left; width:448px; overflow:hidden;}

.des-web{float:left; width:448px; overflow:hidden;}



.box-big{float:left; width:945px; background:url(../images/box-big-bg.jpg) left top no-repeat; padding-bottom:20px; overflow:hidden;}

.box-big-bor{float:left; width:923px; margin:11px 0 0 11px; overflow:hidden;}



#para-ddos{display:block;}

#para-it{display:none;}

#para-web{display:none;}



.btn{float:left; text-align:right; width:210px; background:url(../images/btn-bg.jpg) right top no-repeat; overflow:hidden;}

.btn a{font:bold 12px tahoma; color:#666666; line-height:38px; text-decoration:none; margin-right:10px;}

.btn a:hover{ color:#818181;}



.btn2{float:left; text-align:right; width:458px; background:url(../images/btn-bg.jpg) right top no-repeat; overflow:hidden;}

.btn2 a{font:bold 12px tahoma; color:#666666; line-height:38px; text-decoration:none; margin-right:10px;}

.btn2 a:hover{ color:#818181;}



.div-set-c div.list-a{background:url(../images/arrow-orange.gif) left 7px no-repeat; padding-left:8px; line-height:18px;}

.div-set-c2 div.list-a{background:url(../images/arrow-orange.gif) left 7px no-repeat; padding-left:8px; line-height:18px;}







.box-dsgn{float:left; width:232px; background:url(../images/bg-box2.jpg) left top no-repeat; overflow:hidden;}

.box-dsgn2{float:left; width:232px; background:url(../images/bg-box2.jpg) left top no-repeat; margin-left:6px; overflow:hidden;}

.box-dsgn3{float:left; width:232px; background:url(../images/bg-box2.jpg) left top no-repeat; margin-left:5px; overflow:hidden;}

.box-dsgn4{float:left; width:470px; background:url(../images/bg-box3.jpg) left top no-repeat; margin-left:5px; overflow:hidden;}

.box-dsgn-bor{float:left; width:210px; margin:11px 0 0 11px; overflow:hidden;}

.box-dsgn-bor2{float:left; width:458px; margin:11px 0 0 11px; overflow:hidden;}

.fix-height{float:left; width:210px; height:165px; overflow:hidden;}

.fix-height2{float:left; width:458px; height:165px; overflow:hidden;}



.head-red1{float:left; width:100%; font:bold 38px "Trebuchet MS"; color:#9d0f0e; overflow:hidden;}

.head-red1 span{ font:28px "Trebuchet MS"; color:#9d0f0e;}

.head-red2{float:left; width:100%; font:18px "Trebuchet MS"; color:#9d0f0e; overflow:hidden;}

.head-gray1{float:left; width:100%; font:bold 13px tahoma; color:#a5a5a5; line-height:20px; overflow:hidden;}

.head-gray1 span{cursor:pointer;}

.head-gray1 a{font:bold 11px tahoma; color:#808080; text-decoration:none;}

.head-gray1 a:hover{font:bold 11px tahoma; color:#808080;}



.div-set{float:left; width:100%; font:12px tahoma; line-height:16px; overflow:hidden;}

.div-set2{float:left; width:100%; text-align:center; font:12px tahoma; line-height:16px; overflow:hidden;}

.div-set3{float:left; width:100%; font:12px tahoma; overflow:hidden;}

.div-set-a{float:left; width:448px; font:12px tahoma; line-height:16px; overflow:hidden;}

.div-set-a a, .div-set-d a{font:bold 11px tahoma; color:#585858; text-decoration:none;}

.div-set-a a:hover, .div-set-d a:hover{font:bold 11px tahoma; color:#787878; text-decoration:none;}

.div-set-b{float:left; width:460px; font:12px tahoma; line-height:16px; overflow:hidden;}

.div-set-c{float:left; width:210px; font:12px tahoma; color:#6b6b6b; line-height:16px; overflow:hidden;}

.div-set-c2{float:left; width:458px; font:12px tahoma; color:#6b6b6b; line-height:16px; overflow:hidden;}

.div-set-d{float:left; width:923px; font:12px tahoma; line-height:16px; overflow:hidden;}



.col-cotainer{float:left; width:960px; height:110px; overflow:hidden;}

.col-cotainer2{float:left; width:960px; height:35px; overflow:hidden;}

.div-set div.col1{float:left; width:459px; font:13px tahoma; background:#f3f3f3  url(../images/arrow-orange.gif) 10px 9px no-repeat; line-height:22px; text-indent:20px; margin-top:3px; margin-right:3px;}

.div-set div.col2{float:left; width:459px; font:13px tahoma; background:#f3f3f3  url(../images/arrow-orange.gif) 10px 9px no-repeat; line-height:22px; text-indent:20px; margin-top:3px;}



.div-show-hide{float:left; width:923px; font:12px tahoma; line-height:16px; overflow:hidden; display:none; padding:6px 6px; background:#f6f6f6; border-top:1px solid #efefef; border-bottom:1px solid #efefef; margin:6px 0px;}

.div-show-hide a{ font:12px tahoma; color:#6b6b6b; text-decoration:underline;}

.div-show-hide a:hover{ font:12px tahoma; color:#6b6b6b; text-decoration:none;}



.dfn-height-1row{height:175px;}

.dfn-height-2row{height:355px;}

.dfn-height-4row{height:720px;}

.dfn-height-6row{height:1090px;}

.dfn-height-8row{height:1445px;}



.dfn-height-24line{height:1060px;}

.dfn-height-4line{height:220px;}

.dfn-height-17line{height:765px;}

.dfn-height-5line{height:265px;}

.dfn-height-7line{height:350px;}

.dfn-height-11line{height:515px;}



.input{width:200px; font:11px tahoma; color:#6b6b6b; height:16px; padding-top:3px; text-indent:3px; margin-top:5px; border:1px solid #737373; background:url(../images/input-bg.jpg) left top repeat-x;}



.lnk-txt-bar{float:left; width:100%; background:url(../images/lnk-txt-bg-mid.jpg) left top repeat-x; margin-bottom:3px;}

.lnk-txt-rgt{float:left; width:100%; background:url(../images/lnk-txt-bg-rgt.jpg) right top no-repeat; font:12px verdana; color:#5d5d5d;}

.lnk-txt-rgt a{font:12px verdana; color:#5d5d5d;}

.lnk-txt-rgt a:hover{font:12px verdana; color:#434343;}

.lnk-txt-rgt span a {font:bold 12px verdana; color:#9f1717; text-decoration:none;}

.lnk-txt-rgt span a:hover {font:bold 12px verdana; color:#9f1717; text-decoration:none;}



div.fo-c1, div.fo-c2, div.fo-c3, div.fo-c4{float:left; height:61px; overflow:hidden;}

.footer div.fo-c1{width:12px;}

.footer div.fo-c2{width:568px; text-indent:40px; background:url(../images/footer-c2.jpg) left top repeat-x;}

.footer div.fo-c3{width:365px; font:11px tahoma; line-height:55px; color:#a9a9a9; text-align:center; background:url(../images/footer-c2.jpg) left top repeat-x;}

.footer div.fo-c4{width:12px;}

div.fo-c1 img, div.fo-c4 img{float:left; padding:0 0 0 0;}

div.fo-c2 a{ font:11px tahoma; color:#a9a9a9; line-height:55px; margin:0 7px 0 7px; text-decoration:none;}

div.fo-c2 a:hover{ font:11px tahoma; color:#878787; text-decoration:none;}





.lft-container{float:left; width:275px; overflow:hidden;}

.rgt-con-bor-top{float:left; width:628px; background:#ffffff url(../images/rgt-txt-des-bg-top.jpg) left top repeat-x; border:1px solid #dcdcdc; overflow:hidden; margin-left:14px;}

.rgt-con-bor-bot{float:left; width:628px; background:#ffffff url(../images/rgt-txt-des-bg-bot.jpg) left bottom repeat-x; overflow:hidden;}

.rgt-container{float:left; width:600px; margin:14px 14px; min-height:500px; overflow:hidden;}







.boxcontent-bor{ width:900px;}

.boxcontent2-bor{ width:254px;}

.big-heading {background:transparent; width:100%; margin-bottom:7px;}



.dsgn-server-bg{float:left; width:292px; background:url(../images/desgn-server-bg.jpg) left top no-repeat; margin:0px 4px; height:170px;}

.dsgn-head{width:292px; text-align:center; font:bold 12px tahoma; color:#b12724; line-height:35px;}

.dsgn-bod{width:292px;}

.dsgn-bod-lft{float:left; width:182px; overflow:hidden;}

.dsgn-bod-lft div{float:left; width:170px; font:14px tahoma; color:#595959; line-height:20px; overflow:hidden; margin-left:8px;}

.dsgn-bod-rgt{float:left; width:110px; overflow:hidden;}

.dsgn-price{ background:url(../images/price-bg.jpg) left top no-repeat; width:103px; height:78px; text-align:center; padding-top:28px;}

.dsgn-price b{ font:bold 23px tahoma; color:#FFFFFF;}

.dsgn-price span{ font:bold 12px tahoma; color:#FFFFFF;}

.dsgn-btn{width:103px;}



.dsgn-price2{ background:url(../images/price-bg2.jpg) left top no-repeat; width:103px; height:78px; text-align:center; padding-top:28px;}

.dsgn-price2 b{ font:bold 23px tahoma; color:#FFFFFF;}

.dsgn-price2 span{ font:bold 12px tahoma; color:#FFFFFF;}

.dsgn-btn{width:103px;}





.dsgn-server-des{width:320px;}

.dsgn-server-des-head{width:320px; text-align:center; font:bold 12px tahoma; color:#595959; line-height:29px; background: url(../images/dsgn-server-des-head.jpg) left top no-repeat;}

.dsgn-server-des-bod{width:308px; background:#fafafa; border:1px solid #dfdfdf; padding:5px 5px; height:138px;}

.dsgn-server-lft{float:left; width:205px; overflow:hidden; background: url(../images/dsgn-server-txt-bg.jpg) left top no-repeat;}

.dsgn-server-lft div{float:left; text-align:left; width:192px; font:11px tahoma; color:#646363; line-height:15px; margin-bottom:2px; background:url(../images/arrow-gray.gif) 7px 5px no-repeat; text-indent:20px;}

.dsgn-server-rgt{float:left; width:103px; overflow:hidden;}



.dsgn-lft-lnk-bg{width:254px; background:url(../images/desgn-lft-lnk-bg.jpg) left top no-repeat; padding:12px 12px;}

.lft-lnk-txt{width:230px; background:#e9e9e9; font:bold 11px tahoma; line-height:17px; text-indent:7px; color:#595959; margin-bottom:3px;}

.lft-lnk-txt a{color:#595959; text-decoration:none;}

.lft-lnk-txt a:hover{color:#7d7d7d; text-decoration:none;}



.lft-txt{width:230px; background:#e9e9e9; font:bold 11px tahoma; line-height:17px; color:#595959; margin-bottom:3px;}



ul.sitemap-lst{ list-style-image:url(../images/arrow-gray.gif);}

ul.sitemap-lst a{font:14px tahoma; color:#6b6b6b; line-height:20px; text-decoration:none;}

ul.sitemap-lst a:hover{font:14px tahoma; color:#888888; line-height:20px; text-decoration:none;}

ul.sitemap-lst ul{ list-style-image:url(../images/arrow-orange.gif); font:12px tahoma; color:#6b6b6b; line-height:20px;}

ul.sitemap-lst ul a{font:12px tahoma; color:#6b6b6b; line-height:20px; text-decoration:none;}

ul.sitemap-lst ul a:hover{font:12px tahoma; color:#888888; line-height:20px; text-decoration:none;}





.rgt-container2{float:left; width:620px; margin:4px 4px; min-height:500px; overflow:hidden;}

.dsgn-pro-com{width:930px; overflow:hidden;}

.pro-com-head{width:930px; overflow:hidden; text-align:center; font:bold 12px tahoma;}

.pro-com-head span{font:normal 12px tahoma;}

.pro-com-head div{padding-top:8px;}

.pro-com-head div.pch-col1{float:left; width:145px; height:37px; background:url(../images/pro-com-bg-head-c1.jpg) left top no-repeat; overflow:hidden;}

.pro-com-head div.pch-col2{float:left; width:205px; height:37px; background:url(../images/pro-com-bg-head-c2.jpg) left top repeat-x; overflow:hidden;}

.pro-com-head div.pch-col3{float:left; width:76px; height:37px; background:url(../images/pro-com-bg-head-c3.jpg) left top repeat-x; overflow:hidden;}

.pro-com-head div.pch-col4{float:left; width:117px; height:37px; background:url(../images/pro-com-bg-head-c2.jpg) left top repeat-x; overflow:hidden;}

.pro-com-head div.pch-col5{float:left; width:117px; height:37px; background:url(../images/pro-com-bg-head-c3.jpg) left top repeat-x; overflow:hidden;}

.pro-com-head div.pch-col6{float:left; width:128px; height:37px; background:url(../images/pro-com-bg-head-c2.jpg) left top repeat-x; overflow:hidden;}

.pro-com-head div.pch-col7{float:left; width:112px; height:37px; background:url(../images/pro-com-bg-head-c7.jpg) right top no-repeat; overflow:hidden;}



.pro-com-des{width:930px; overflow:hidden; text-align:left; font:12px tahoma; background:url(../images/pro-com-bg.jpg) left top repeat-y; border-bottom:1px solid #d8d8d8;}

.pro-com-des div.pcb-col1{float:left; width:139px; padding:3px 3px; font:bold 12px tahoma; text-align:center;}

.pro-com-des div.pcb-col2{float:left; width:199px; padding:3px 3px; text-align:center;}

.pro-com-des div.pcb-col3{float:left; width:70px; padding:3px 3px; text-align:center;}

.pro-com-des div.pcb-col4{float:left; width:111px; padding:3px 3px; text-align:center;}

.pro-com-des div.pcb-col5{float:left; width:111px; padding:3px 3px; text-align:center;}

.pro-com-des div.pcb-col6{float:left; width:122px; padding:3px 3px; font:bold 12px tahoma; text-align:center;}

.pro-com-des div.pcb-col7{float:left; width:106px; height:35px; padding:3px 3px; font:bold 12px tahoma; color:#9e1818; text-align:center;}

.pro-com-des div.pcb-col7 a{font:bold 15px "time new roman"; color:#9e1818; text-decoration:none;}

.pro-com-des div.pcb-col7 a:hover{font:bold 15px "time new roman"; color:#9e1818; text-decoration:none;}

.orderspace{margin-top:3px;}



.raised {background:transparent; width:100%; margin-bottom:4px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {

  display:block; overflow:hidden; font-size:1px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}

.raised .b2 {background:#eeeeee; border-left:1px solid #e6e6e6; border-right:1px solid #eeeeee;}

.raised .b3 {background:#eeeeee; border-left:1px solid #e6e6e6; border-right:1px solid #eeeeee;}

.raised .b4 {background:#eeeeee; border-left:1px solid #e6e6e6; border-right:1px solid #eeeeee;}

.raised .b4b {background:#eeeeee; border-left:1px solid #e6e6e6; border-right:1px solid #eeeeee;}

.raised .b3b {background:#eeeeee; border-left:1px solid #e6e6e6; border-right:1px solid #eeeeee;}

.raised .b2b {background:#eeeeee; border-left:1px solid #e6e6e6; border-right:1px solid #eeeeee;}

.raised .b1 {margin:0 5px; background:#eeeeee;}

.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}

.raised .b3, .raised .b3b {margin:0 2px;}

.raised .b4, .raised .b4b {height:2px; margin:0 1px;}

.raised .b1b {margin:0 5px; background:#eeeeee;}

.raised .boxcontent {display:block; background:#eeeeee; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee;padding:0 10px;}
h1,h2,h3,h4{margin:0px;}
.heading-font{ font:bold 30px arial;}
.headinglightgray{color:#868686;font-size:16px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
.headingdarkgray{color:#505050; font-size:16px; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
.headinglightorange{color:#d85658;font-size:15px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
.headingdarkorange{color:#c30705; font-size:15px; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}