@charset "utf-8";
/* Project:www.tnet.hk common CSS
date:2010-9-13
author:Liang JianChao*/

/*reset css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block }
.font_gray { color:#666; }
.font_red { color:#f60; }
.mar_top5px { margin:5px 0 0 0; }
a { text-decoration:none; }
/*style for common*/
body, td { margin:0 auto; color:#333333;  font-size:12px;  }
img { border:0; }
ul, li { list-style:none; margin:0; padding:0; }
.clear { clear:both; }
.center { margin:0px auto;text-align: center;}
a { color:#333; text-decoration:none; }
a:hover { color:#F60; text-decoration:underline; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }
.border_top { border-top:1px solid #ccc; }
.border_style { border:1px solid #A2A3B2 } 

/*定位*/
.fr{float:right;display:inline}

/*style for button*/
.btnSearch { background:url(/images/v1/search_yinse.gif) left center no-repeat; height:20px; line-height:20px; border:#adadad 1px solid; padding-left:20px; cursor:pointer; }
.btnOrange { color:#333; background:url(/images/bbk_red_en.gif) left center no-repeat; padding:0 10px 0 30px; text-align:center; height:22px; line-height:18px; font-size:12px; border:#ff6600 1px solid; cursor:pointer; }
.btnOrangeB { color:#333; background:url(/images/bbk_red_en.gif) left center no-repeat; padding:0 10px 0 30px; text-align:center; height:22px; line-height:18px; font-size:12px; border:#ff6600 1px solid; cursor:pointer; }
.btnBlack { color:#333; background:url(/images/bbk_main.gif) left center no-repeat; height:22px; line-height:18px; border:#aaaaaa 1px solid; padding:0 10px 0 30px; cursor:pointer; text-align:center; }
.btnGreen { color:#333; background:url(/images/bbk_green.gif) left center no-repeat; height:22px; line-height:18px; font-size:12px; text-align:center; border:#0091ff 1px solid; cursor:pointer;padding:0 10px 0 30px !important;}
.buttonmain {color:#333; background:url(/images/bbk_main.gif) left center no-repeat; height:22px; line-height:18px; border:#aaaaaa 1px solid; padding:0 10px 0 30px; cursor:pointer; text-align:center;}
.buttongreen { color:#333; background:url(/images/bbk_green.gif) left center no-repeat; height:22px; line-height:18px; font-size:12px; text-align:center; border:#0091ff 1px solid; cursor:pointer;padding:0 10px 0 30px !important; }
.buttonred { color:#333; background:url(/images/bbk_red_en.gif) left center no-repeat; padding:0 10px 0 30px; text-align:center; height:22px; line-height:18px; font-size:12px; border:#ff6600 1px solid; cursor:pointer; }
.btn_search { width:75px; height:22px; background:url(/images/btn_search.gif); border:none; cursor:pointer; text-indent:9999px; }
.btn_apply { width:75px; height:22px; background:url(/images/btn_apply.gif); border:none; cursor:pointer; text-indent:9999px; }
/*style for font*/
.eng { font-size:12px; font-family:"Tahoma", "宋体" }
.font_white, .whiteLink { color:#ffffff; font-size:12px; }
.font_red { color:#FF6600; font-size:12px; }
.font_blue { color:#09F; font-size:12px; }
.font_green { color:#090; }
.font_orange { color:#F60; font-size:12px; }
a.whiteLink:hover, a.whiteLink:active { color:#ffffff; font-size:12px; font-family:"Arial"; text-decoration:underline; }
/*style for font bold*/
.font_red_bold { color:#FF6600; font-size:12px; font-weight:bold; }
.font_blue_bold { color:#06C; font-weight:bold; }
.font_darkblue_bold { color:#2a364f; font-size:12px; font-weight:bold; }
.font_darkred_bold { color:#f60; font-size:12px; font-weight:bold; }
.font_green_bold { color:#090; font-size:12px; font-weight:bold; }
.font_orange_bold { color:#F60; font-size:14px; font-weight:bold; }
.font_gray_bold { color:#666; font-size:12px; font-weight:bold; }
.font_bold_black { font-size:14px; font-weight:bold; color:#FF6600; }
/*style for common link*/
a.red:link { color:#FF6600;  }
a.red:hover { color:#333; text-decoration:underline; }
a.blue:link, a.blue:visited { color:#09F; }
a.blue:hover { color:#F60; text-decoration:underline; }
a.linkGreen:link, a.linkGreen:visited { color:#0c5f06; }
a.linkGreen:hover { color:#dd0000; text-decoration:underline; }
a.prcTitle:link, a.prcTitle:visited { color:#033976; text-decoration:underline; font-size:14px; font-weight:bold; text-align:left; }
a.prcTitle:hover { color:#dd0000; text-decoration:underline; font-size:14px; font-weight:bold; text-align:left; }
/*style for common topnav*/
.topcenter { margin:0px auto; display:none; color:#FFF; }
.topnavBg { background:url(../../images/topMenuBG.png); }
.topMenuItem { border:1px solid; border-color:#A4A6B3 #13131D #13131D #A4A6B3; padding:10px 0px 0px 6px; text-align:center; }
a.top:visited { font-family:"Arial"; color: #FFFFFF; font-size:12px; }
a.top:link { font-family:"Arial"; color: #FFFFFF; font-size:12px; }
a.top:hover { font-family:"Arial"; color: #66FFFF; text-decoration: none; font-size:12px; }
/*------top------*/  
.top_new { width:100%; background:#f3f3f3; border-bottom:1px solid #e3e3e3; font:normal 12px/25px "宋体", Arial; color:#333; }
.top_content { height:25px; width:960px; margin:0 auto; line-height:26px; }
.top_content ul li { float:left; margin:0 5px;display:inline }
.top_content ul li a { color:#F60; text-decoration:none; }
.top_content ul li a:hover { color:#666; text-decoration:underline; }
.top_new .top_cont_left { }
.top_new .top_cont_middle { text-align:center; }
.top_new .top_cont_right { text-align:right;display:inline; float:right}
/*------header------*/  
.header { width:970px; margin:0 auto;  margin-bottom:5px; /*padding:5px 0; overflow:hidden;*/ }
/*h1 { float:left; width:195px; height:60px; }*/
h1 { float:left; width:241px; }
.header h2 { float:left;display:inline }
/*.topRight { float:right; display:inline;text-align:right}*/
.topRight { float:left;width:728px; display:inline;text-align:right;line-height: 15px; padding-top:5px;}
/*.topRight p { font:normal 12px/20px "宋体", Arial; }*/
.topRight p a { color:#666; }
.topRight .topTel{font: bold 13px/20px "宋体",Arial; color:#FF6600; padding:5px 0 0 0;}
.onlineTalk { float:right;display:inline; margin:0px }

/*navbar begin*/
.navMain { width:1080px; margin:0 auto;}
.navWrapper {position:relative; margin-bottom:5px;height:35px; z-index:999;}
#navbar { position: absolute; top: 0; left: 0; width: 1080px; height: 35px;  background:#FF781F; font-family:arial }
#nav { width:1010px;   position: absolute; left: 0; top: 0; z-index: 999; margin-left: 6px; margin-left:8px\9\0;}
:root  #nav { width:1080px;   position: absolute; left: 0; top: 0; z-index: 999; margin-left: 6px; margin-left:20px\0;}
#navbar li { position:relative; float:left; margin-top:5px; height:30px; text-align:center; font-size:14px; font-weight:bold }
#navbar a { display:block; padding:5px 0 10px 0; text-decoration:none; color:#fff; height:auto; cursor: pointer;}
#navbar a strong { padding:0 11px;}
#navbar a:hover { text-decoration:none }
#navbar .navline { margin-top:7px; width:2px; height:20px; /*background:#FF781F; */}
#navbar .nav_hover { background: #fff url(/images/newtempl/nav-hover-bg-l.png) no-repeat; }
#navbar .nav_hover a { background:url(/images/newtempl/nav-hover-bg-r.png) right 0 no-repeat; color:#333 }
#navbar .list {z-index:9999; display: none; position: absolute; top: 30px; left: -1px; width: 370px; padding: 10px 0; background: white;border: #bbb 1px solid; border-top: none; z-index:9999; -moz-box-shadow: 0 4px 5px #666; -webkit-box-shadow: 0 4px 5px #666; box-shadow: 0 4px 5px #666; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#navbar .list li { float: left; display:inline; margin:0 0 0 10px; height: 24px; text-align: left; /*border-bottom: #DDD 1px dashed;*/ overflow: hidden;width:120px;}
#navbar .list a { display: block; margin: 0; padding:0 10px; height: 28px; line-height: 28px; color: black; font-size: 12px; background: none; font-weight: normal; }
#navbar .nav_hover .list a { background:none }
#navbar .list a:hover { color:#FF5500 }
#navbar .list a.nav_ad {  margin-top:10px;padding:0; height:auto; line-height:100% }
#navbar .list img {border:#fff 2px solid }
#navbar .list a.nav_ad:hover img{border:#f60 2px solid}
#navbar .list p{font-weight:normal; word-break:break-all;line-height:150%;text-align:left;margin:0 10px}


/*navbar end

/*------footer------*/
.boxBg{ zoom:1;-webkit-border-radius:5px;-moz-border-radius:5px;background: #f2f2f2;}
#footer { width:100%; margin:5px auto; }
#footer a { color:#333; }
#footer a:hover { color:#f60; }
.btmLink { height:40px; line-height:40px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.btmLink p { font:12px/20px "宋体", Arial; padding-top:5px; text-align:center; }
.copyRight { padding:5px; overflow:hidden; }
/*.copyRight span{ float:left; margin-right:10px;}
.copyRight span a{font:12px/20px "宋体",Arial;}*/
.copyRight p { float:left; }
.copyRight p.business_number { width:200px; height:60px; font:11px/20px Arial, "宋体"; }
.copyRight p.paylogo { width:100px; height:60px; border:1px solid #CCC; margin-right:5px; }
.copyRight p.banquan { float:right; width:260px; font:10px/15px Arial, "宋体"; }
.poicel {font:bold 12px/22px "宋体", Arial;color: #5C5C5C;line-height: 32px;text-align: center;}
.poicel th { font:bold 12px/22px "宋体", Arial; color:#F63;}
.bottom_img{margin: 10px auto;width: 674px;height: 50px;}
.bottom_img li{ float:left;margin-left: 5px;}
.paylogos{border:1px solid #CCC; margin-right:5px;}
/*.pic_bottom { float:right;}
style for common News list*/
.news { list-style:none; padding:0; margin: 0px 0px 0px 10px; line-height:150%; color:#333333; text-align:left;}
.news-li { list-style-image:url(/images/v2/point.gif); padding:0px; MARGIN: 0px; color: #333; text-align:left; line-height:20px; }
.news2 {padding:0px 0px 0px 6px; line-height:150%; }
.news2-li { list-style-image: url(/images/rght_arr_blt.gif); margin:0px auto; padding: 0px; text-align:left; }
.news3 {list-style:none; padding:0; margin: 0px 0px 0px 18px; line-height:150%; color:#333333; text-align:left;}
.news3 li{ list-style-image:url(/images/v2/point.gif); padding:0px; margin: 0px; color:#333333; text-align:left; line-height:18px; }
/*style for register*/
.wenxin { font-weight:bold; color:#ff6400; }
.step1 { padding:10px 10px 5px 10px; background:#FF9900; color:#FFFFFF; font-weight:bold; line-height:25px; }
.step2 { padding:10px 10px 5px 10px; background-color:#e6ecff; color:#575a61; line-height:25px; }
.formstyle { font-size:12px; border:1px solid #CCC; }
.formstyle_login { font-size:12px; border:1px solid #CCC; width:100px; }
.horizon { position: absolute; width: 500px; height: 200px; margin-left: -250px; margin-top: -100px; left: 50%; top: 50%; text-align:center; FILTER:Shadow(Color=color, Direction=45) }
/*ad style*/
.picshow_main { position: relative; }
.picshow_change { bottom: -10px; height: 30px; position: absolute; right: 5px; text-align: left; }
.picshow_change img { height: 15px; width: 20px; }
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; }
a.axx { border-color: #555555; }
a.axx:hover { border-color: #000000; }
a.axx img { opacity: 0.4; }
a.axx:hover img { opacity: 1; }
a.bxx { border-color: #000000; }
a.bxx:hover { border-color: #000000; }

/*横幅广告 wideAD*/
.wideAD{width:960px}
/*功能展示*/
.text_gongneng{}
.text_gongneng tr td{ height: 50px;padding: 10px 0;border-bottom: 1px dashed #ccc;}
.text_gongneng tr td.text_gongneng_img{padding-top:20px;}
.text_gongneng tr td strong{ line-height:32px;}
.text_black_anli tr td{height:20px;}

.lanmu_title { height:18px; text-align: left; padding:5px 0px 5px 10px; background: url(/images/element.gif) repeat-x 0 -34px; text-indent:15px; font-size: 14px; font-weight:bold; color:#FF6600; }

/*summer css Outlook express*/
.content{ text-align:left;}
.firfont{line-height:22px; text-align:left;}
.more{height:22px; line-height:22px; text-align:center;}

/*友情链接*/
.links{width:96%; margin:0 auto; line-height:22px; text-align:left;}
.links a{margin-right:3px;}
.text12_33{line-height:20px;}
.text12_33 p{text-indent:2em; margin:5px 0;}
.text12_33 ol li{ list-style-position:inside; list-style-type:decimal; padding-left:25px; white-space:nowrap;}
.text12_33 table{border-collapse:collapse; margin:0 auto;width:900px;}
.text12_33 table td{text-align:left; padding-bottom:5px;white-space:nowrap;}
.text12_33 table td.headTd{text-indent:2em;}
.text12_33 table td input{width:160px;}
.text12_33 table td.buttonShenqing{text-align:center;}
.text12_33 table td input.btnOrange{width:90px;}.red {
	color: #FF6600;
}

.cpzs table td.xt img {padding: 5px 5px;}





/***外包業務****/
.content_main_wrap{border-radius: 15px; border:1px solid #e7e7e5;}
.content_main_grid a{ text-decoration:none; color:#666;}
.content_main_grid h3{ padding:10px 0; font-weight:bold;}
.content_main_grid{ width:710px; margin:auto}
.content_grid{ width:210px; height:230px; float:left; border:1px #e7e7e5 solid; margin-top:10px; margin-right:10px; padding:6px;}
.content_grid.last{ margin-right:0;}
.content_grid h3{ margin:auto; display:block; text-align:center; font-weight:bold; font-size:16px; padding:10px 0;*padding:5px 0; float:none}
 .grid_link{ width:180px; display:block; margin:auto; float:none; text-align:left; color:#666}
.content_grid img{ display:block; float:none; margin:10px auto; *margin:5px auto}
.content_grid span{ display:block; background: rgb(1,169,210); color:#fff; padding:5px; width:90px; float:none; margin:auto; text-align:center}


.content{ width:960px; margin:10px auto}
.content_nav{ width:198px; float:left}
.content_main{ width:750px; float:left}
.content_nav{   margin-right:8px;}
.content_nav dl{ border:1px #f0f0f0 solid; border-bottom:none}
.content_nav dt { padding:10px ; font-size:20px; font-weight:bold;   background: rgb(1,169,210); color:#fff;}
.content_nav dl dd{padding:10px ; font-size:13px; border-bottom:1px #f0f0f0 solid; background:#fff;}
.content_nav dl dd a{ color:#333}
.content_nav dl dd a:hover,.content_nav dl dd a.cur{ color: rgb(1,169,210);}
.content_main{border:1px #f0f0f0 solid; background:#fff; color:#333; font-size:14px; padding:20px 0}
.content_main_title{ color:#333; display:block; text-indent:4%;  }
.content_main_title h3{ line-height:75px;  float:left; font-size:24px; font-weight:bold}
.content_main_title img{ width:10%;  margin-left:30px; float:left}
.content_main_content{ width:92%; text-indent:2em; margin:20px auto; color:#666; line-height:24px;}
.content_main_content strong{ text-indent:0em; display:block}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both;}
.clearfix { zoom: 1; }
 
.detailBtn, .buyBtn {
background: url(../../images/newtempl/buy_detail.gif) no-repeat;
width: 92px;
height: 26px;
line-height: 26px;
border: none;
cursor: pointer;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
float: left;
} 

.btnfunction{border: 1px solid #CCC;background: none repeat scroll 0% 0% #FFF;padding: 4px 7px;cursor: pointer;}

.weixin_divout { display: none; width: 960px; position: relative; z-index: 99999; margin: 0 auto; background: none; }
.weixin_box { position: absolute; width: 166px; height: 188px; background: url(/images/weixin_kuang.gif) no-repeat; top: 0px; left: 630px; }
.free_font { color: #FF6600; }
.renmen{margin-top:5px;}
/*#renmen_c{width:195px;background:#f2f2f2; padding:5px 15px 15px; line-height:36px; }*/
#renmen_c{width: 185px;background: #f2f2f2;padding: 16px 20px 15px;line-height: 27px;}
#renmen_c a:link,a:visited{font-size:12px; text-decoration:none;}
#renmen_c a:hover{text-decoration:underline; color:#ff6600;}
#renmen_c .sp01:link,.sp01:visited{ font-size:13px; margin-left:15px; }
#renmen_c p{ margin:0 -5px;}
/**域名搜索模块**/
.domain_search{ border:1px #fff solid;   width:728px; margin:0px auto; padding:0px 0 0}
.search_box{ width:730px; margin:0px auto 0px; padding: 10px 0}
.search_box .search_title{ width:100px; text-align:right; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; float:left}
.search_box .search_input#en_query{ width:400px; display:block; float:left; height:38px; line-height:38px; border:1px #ccc solid; text-align:left; font-size: 18px;}
.search_box .search_button{ width:100px; float:left; display:block; text-align:center; background:#f60; height:40px; color:#fff; border:none;   font-size:18px}
.search_more{ display:block; text-align:center; color:#fff;}
.domain_query_mask{position:absolute; top:22px;  width:398px; left:130px; text-align:left; height:36px;*top:22px; line-height:36px;  color:#999; font-size:18px;}
.err{ width:100$; text-align:center; color:#FF6600; line-height:24px;}
.domain_wrap{ width:700px; margin:10px auto}
#yuming_en_content, #yuming_cn_content{ height: 120px;}
.loginInput input{ float: right; margin-right: 15px; display: block}
.loginInput label{ display: block; float: left}    
.f12px {font-size:9pt;}


#biao tr td{ font-size: 13px;}
.td_right{ background: #eee;padding-left: 5px;vertical-align: middle;text-align: left;width: 30%;height: 23px; }
.inp { height:21px;padding-left: 5px; }
.td_right1{ background: rgb(153, 204, 0);padding-left: 5px;vertical-align: middle;text-align: left;height: 23px;width: 175px;border-bottom: 2px solid #416194 }
.td_right2{ background: #eee;padding-left: 5px;vertical-align: middle;text-align: left;width: 23%;height: 23px;font-size: 13px }