@charset "utf-8";
/* CSS Document */

/*================================================
 初始化(resetting)
================================================*/

*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	font-size:100%;
	font-style:normal;
	zoom:1; /* for IE hasLayout */
	}

img{
	display:block;
	vertical-align:bottom;
	}
	
ol, ul{
	list-style:none;
	}
	
.clear{
	clear:both;
	height:0;
	}
	
/*================================================
 键接设置(link)
================================================*/

a:link, a:visited { color:#147bb6; }

a:hover, a:active { color:#ff7d00; }

/*================================================
 结构设置(structure)
================================================*/

body{
	background:
		url(/images/global/body_bg.gif)
		transparent repeat-x top left;
	font-size:75%;
	color:#333;
	line-height:1.7;
	text-align:center;
	}
	
div#wrapper{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:1000px;
	height:auto;
	}
	
div#header{
	position:relative;
	margin-bottom:25px;
	background:
		url(/images/global/header_bg.gif)
		transparent no-repeat top left;
	width:780px;
	height:105px;
	z-index:2;
	}
	
div#wrapper ul#breadcrumb{
	position:absolute;
	color:#505050;
	line-height:15px;
	top:110px;
	left:10px;
	width:770px;
	height:15px;
	}

div#wrapper ul#breadcrumb li{
	margin-left:8px;
	font-size:smaller;
	float:left;
	}
	
div#wrapper ul#breadcrumb li a{
	margin-right:5px;
	}
	
div#main{
	position:relative;
	background:
		url(/images/global/main_bg.gif)
		transparent repeat-y 5px top;
	width:780px;
	z-index:1;
	}

div#sidemenu{
	position:relative;
	margin-left:5px;
	width:200px;
	z-index:1;
	}

div#contents{
	position:relative;
	margin-right:5px;
	width:550px;
	height:550px;
	height:auto !important;
	min-height:550px;
	z-index:1;
	float:right;
	}
	
div#footer{
	position:relative;
	padding-left:5px;
	margin-top:15px;
	width:780px;
	}
	
div#sidebar{
	position:absolute;
	background:transparent;
	width:200px;
	min-height:750px;
	height:auto !important;
	height:750px;
	right:0;
	top:30px;
	}

/*================================================
 页眉设置(header)
================================================*/

div#header a#logo{
	position:absolute;
	left:25px;
	top:18px;
	}
	
div#header ul#guide_navi{
	position:absolute;
	top:23px;
	right:0px;
	width:280px;
	height:15px;
	}

div#header ul#guide_navi li{
	font-size:9px;
	color:#ccc;
	float:left;
	}
	
div#header ul#guide_navi li img{
	display:inline;
	}

div#header ul#guide_navi li a { color:#666; }
	
div#header ul#guide_navi li a:hover{ color:#ff7d00; }

/*================================================
 导航设置(global navigation)
================================================*/

div#header ul#navi{
	position:absolute;
	padding:0 5px;
	background:
		url(/images/global/navi_bg.gif)
		transparent no-repeat top left;
	width:780px;
	height:35px;
	bottom:0;
	left:0;
	}
	
div#header ul#navi li.top{
	display:block;
	text-indent:-9999px;
	width:110px;
	height:35px;
	float:left;
	}
	
div#header ul#navi li a.top_link{
	display:block;
	width:110px;
	height:35px;
	}

div#header ul#navi li a#navi_internet:hover { background:url(/images/global/navi_bg.gif) no-repeat -5px -35px; }
div#header ul#navi li a#navi_ipphone:hover	{ background:url(/images/global/navi_bg.gif) no-repeat -115px -35px; }
div#header ul#navi li a#navi_computer:hover { background:url(/images/global/navi_bg.gif) no-repeat -225px -35px; }
div#header ul#navi li a#navi_download:hover { background:url(/images/global/navi_bg.gif) no-repeat -335px -35px; }
div#header ul#navi li a#navi_support:hover 	{ background:url(/images/global/navi_bg.gif) no-repeat -445px -35px; }
div#header ul#navi li a#navi_company:hover 	{ background:url(/images/global/navi_bg.gif) no-repeat -555px -35px; }
div#header ul#navi li a#navi_alliance:hover { background:url(/images/global/navi_bg.gif) no-repeat -665px -35px; }

body.internet #navi_internet	{ background:url(/images/global/navi_bg.gif) no-repeat -5px -35px; }
body.ipphone #navi_ipphone		{ background:url(/images/global/navi_bg.gif) no-repeat -115px -35px; }
body.computer #navi_computer	{ background:url(/images/global/navi_bg.gif) no-repeat -225px -35px; }
body.download #navi_download	{ background:url(/images/global/navi_bg.gif) no-repeat -335px -35px; }
body.support #navi_support		{ background:url(/images/global/navi_bg.gif) no-repeat -445px -35px; }
body.company #navi_company		{ background:url(/images/global/navi_bg.gif) no-repeat -555px -35px; }
body.alliance #navi_alliance	{ background:url(/images/global/navi_bg.gif) no-repeat -665px -35px; }

div#header ul#navi li:hover{
	position:relative;
	z-index:200;
	}

div#header ul#navi li:hover ul.sub{
	position:absolute;
	padding:3px;
	border:1px solid #2b5995;
	background:
		url(/images/global/navi_dropdown_bg.png)
		transparent repeat left top;
	text-align:left;
	white-space:nowrap;
	width:120px;
	height:auto;
	left:0;
	top:30px;
	z-index:300;
	}
	
div#header ul#navi li:hover ul.sub li{
	display:block;
	position:relative;
	width:120px;
	height:28px;
	float:left;
	}
	
div#header ul#navi li:hover ul.sub li a{
	display:block;
	color:#fff;
	text-indent:6px;
	line-height:30px;
	text-decoration:none;
	width:120px;
	height:28px;
	}
	
div#header ul#navi li:hover ul.sub li a:hover{
	background-color:#004774;
	}

div#header ul#navi li:hover ul.sub li a.fly{
	background:
		url(/images/global/navi_dropdown_fly_bg.png)
		transparent no-repeat right top;
	}
	
div#header ul#navi li:hover ul.sub li:hover a.fly{
	background:
		url(/images/global/navi_dropdown_fly_bg.png)
		#004774 no-repeat right top;
	}

div#header ul#navi li:hover li:hover ul,
div#header ul#navi li:hover li:hover li:hover ul,
div#header ul#navi li:hover li:hover li:hover li:hover ul,
div#header ul#navi li:hover li:hover li:hover li:hover li:hover ul{
	left:118px;
	top:-4px;
	padding:3px;
	border:1px solid #2b5995;
	background:
		url(/images/global/navi_dropdown_bg.png)
		transparent repeat left top;
	white-space:nowrap;
	width:120px;
	z-index:400;
	height:auto;
	}

div#header ul#navi ul, 
div#header ul#navi li:hover ul ul,
div#header ul#navi li:hover li:hover ul ul,
div#header ul#navi li:hover li:hover li:hover ul ul,
div#header ul#navi li:hover li:hover li:hover li:hover ul ul{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	}

div#header ul#navi li:hover li:hover a.fly,
div#header ul#navi li:hover li:hover li:hover a.fly,
div#header ul#navi li:hover li:hover li:hover li:hover a.fly,
div#header ul#navi li:hover li:hover li:hover li:hover li:hover a.fly{
	background:url(/images/global/arrow_over.gif) transparent 80px 6px no-repeat;
	color:#fff;
	border-color:#fff;
	} 

div#header ul#navi li:hover li:hover li a.fly,
div#header ul#navi li:hover li:hover li:hover li a.fly,
div#header ul#navi li:hover li:hover li:hover li:hover li a.fly{
	background:url(/images/global/arrow.gif) transparent 80px 6px no-repeat;
	color:#000;
	border-color:#50b5d0;
	}

/*================================================
 包含设置(main)
================================================*/

div#main .page_top{
	display:block;
	margin:20px 0 0 700px;
	width:65px;
	height:15px;
	}

/*================================================
 内容设置(contents)
================================================*/

div#contents h2{
	margin:20px 0 15px;
	}
	
div#contents h3{
	display:block;
	margin:1em 0 0.8em;
	padding-top:0.5em;
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	color:#005d88;
	font-size:larger;
	width:550px;
	}
	
div#contents p.subscript{
	margin-top:15px;
	font-size:larger;
	font-weight:bold;
	color:#005d88;
	}
	
div#contents .description{
	margin:0 auto 1em auto;
	text-align:justify;
	text-justify:inter-ideograph;
	width:550px;
	}
	
div#contents .description_half{
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	width:260px;
	}
	
div#contents p.notice{
	margin-top:15px;
	color:#999;
	}
	
div#contents strong{
	color:#f00;
	}
	
div#contents .center{
	text-align:center;
	}
	
div#contents .left{
	text-align:left;
	}
	
div#contents .margin_top{
	display:block;
	margin-top:20px;
	}
	
div#contents .margin_bottom{
	display:block;
	margin-bottom:20px;
	}
	
div#contents .float_left{
	float:left;
	}
	
div#contents .float_right{
	float:right;
	}
	
.link{
	padding-left:8px;
	background:
		url(/images/global/sign_arrow.gif)
		no-repeat center left;
	}

div#contents .pdf{
	padding-left:15px;
	background:
		url(/images/global/sign_pdf.gif)
		no-repeat center left;
	}

div#contents .box{
	padding-bottom:5px;
	border:1px solid #ccc;
	width:260px;
	}

div#contents .box h2{
	display:block;
	margin:0 0 5px 10px;
	padding:0;
	border-bottom:1px dotted #ccc;
	color:#005d88;
	font-weight:normal;
	width:240px;
	}
	
div#contents .box p{
	text-indent:10px;
	}
	
div#contents .box ul{
	margin:5px 0 5px 20px;
	}

div#contents .box .details{
	margin:3px 10px 0;
	padding-left:15px;
	background:
		url(/images/global/sign_boxarrow.gif)
		no-repeat left 6px;
	float:right;
	}

div#contents table{
	border-top:1px solid #7fa5c0;
	border-left:1px solid #7fa5c0;
	}

div#contents table th{
	padding:3px 8px;
	border-right:1px solid #7fa5c0;
	border-bottom:1px solid #7fa5c0;
	background-color:#d8eaf6;
	font-weight:normal;
	}

div#contents table td{
	padding:3px 8px;
	border-right:1px solid #7fa5c0;
	border-bottom:1px solid #7fa5c0;
	}
	
/* 申请表设置(Form)
------------------------------------------------*/
	
div#contents iframe{
	overflow:hidden;
	} 
	
div#contents form table tr{
	height:30px;
	}

div#contents form table th{
	line-height:30px;
	text-align:right;
	vertical-align:middle;
	}
	
div#contents form input.text{
	padding:3px;
	border:1px solid #7fa5c0;
	}
	
div#contents form select{
	border:1px solid #7fa5c0;
	}

div#contents form textarea{
	margin:5px 0;
	border:1px solid #7fa5c0;
	line-height:20px;
	}
	
div#contents form table td{
	line-height:30px;
	vertical-align:middle;
	}
	
div#contents form table tr.Radio td{
	padding:0;
	}
	
div#contents form table td#submit input{
	margin-left:210px;
	width:120px;
	}
	
/* 标签设置(tabbed panels)
------------------------------------------------*/

div#contents .TabbedPanels {
	margin:0;
	padding:0;
	width: 550px;
	float: left;
	clear: none;
	}

div#contents .TabbedPanelsTab {
	position: relative;
	margin-right:2px;
	list-style: none;
	background:
		url(/images/ipphone/tab_bg.gif)
		transparent no-repeat left top;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	text-align:center;
	line-height:25px;
	width:100px;
	height:25px;
	float: left;
	}

div#contents .TabbedPanelsTab h3 {
	display:inline;
	margin:0;
	padding-top:0;
	border-bottom:none;
	color:#005d88;
	font-weight:normal;
	width:auto;
	}

div#contents .TabbedPanelsTabHover,
div#contents .TabbedPanelsTabSelected{
	background:
		url(/images/ipphone/tab_bg_r.gif)
		transparent no-repeat left top;
	color:#fff;
	}
	
div#contents .TabbedPanelsTabHover h3,
div#contents .TabbedPanelsTabSelected h3{
	color:#fff;
	}

div#contents .TabbedPanelsContent{
	padding:0 10px;
	border-top:5px solid #225295;
	border-left:1px solid #7fa5c0;
	border-bottom:1px solid #7fa5c0;
	border-right:1px solid #7fa5c0;
	min-height:270px;
	max-height:1200px;
	height:auto !important;
	height:270px;
	overflow:auto;
	}
	
div#contents .TabbedPanelsContent h4 {
	display:block;
	margin:15px 0 5px;
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	color:#005d88;
	width:530px;
	height:20px;
	}

div#contents .TabbedPanelsContentGroup {
	clear: both;
	}
	
/* 个别设置(each pages)
------------------------------------------------*/

body#sitemap div#sidemenu ul#local_navi li a#sitemap_navi{
	background-image:url(/images/global/l_navi_bg_r.gif);
	color:#fff;
	}

body#sitemap div#contents div.column{
	width:260px;
	float:left;
	}
	
body#sitemap div#contents div.column h3{
	margin:10px 0 5px;
	font-size:14px;
	border:none;
	width:200px;
	}
	
body#sitemap div#contents div.column h4{
	margin:5px 0;
	padding-left:15px;
	background:
		url(/images/global/sign_boxarrow.gif)
		no-repeat center left;
	color:#333;
	font-weight:normal;
	}
	
body#sitemap div#contents div.column h4 a,
body#sitemap div#contents div.column ul li a{
	color:#333;
	}
	
body#sitemap div#contents div.column h4 a:hover,
body#sitemap div#contents div.column ul li a:hover{
	color:#ff7d00;
	}
	
body#sitemap div#contents div.column ul{
	margin-left:20px;
	}
	
body#sitemap div#contents div.column ul li{
	padding-left:8px;
	background:
		url(/images/global/sign_arrow.gif)
		no-repeat center left;
	}

body.download table#software_list{
	}

body.download table#software_list td{
	vertical-align:middle;
	height:80px;
	}
	
body.download table#software_list td h3{
	margin:0 0 0 10px;
	color:#005d88;
	width:280px;
	}
	
body.download table#software_list td p{
	margin-left:10px;
	color:#666;
	}
	
body.download table#software_list td a{
	display:inline;
	}
	
body.download table#software_list td img{
	margin:0 auto;
	text-align:center;
	}

body.download table#software_list td.button{
	text-align:center;
	}
	
body.download table#software_list td.button a{
	display:block;
	margin:0 auto;
	width:100px;
	height:30px;
	}
	
body#milestone dt{
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
	clear:left;
	}
	
body#management table td{
	padding:10px;
	}
	
body#management table td img{
	margin-right:10px;
	float:left;
	}

body#management table td span{
	font-size:x-large;
	}

body#management table td div{
	width:295px;
	float:left;
	}

body#management table td ul{
	margin:5px 0 0 0;
	padding-top:5px;
	border-top:1px dotted #ccc;
	}

body#milestone dd{
	margin-bottom:0.5em;
	}

dl#co_intro dt{
	width:60px;
	float:left;
	}
	
dl#co_intro dd div{
	margin-bottom:5px;
	}

/*================================================
 局部导航设置(local navigation)
================================================*/

div#sidemenu #local_navi li{
	display:block;
	background:#fff no-repeat left top;
	width:180px;
	height:35px;
	}

div#sidemenu ul#local_navi li a{
	display:block;
	background:
		url(/images/global/l_navi_bg_n.gif)
		#fff no-repeat left top;
	text-indent:18px;
	line-height:35px;
	text-decoration:none;
	width:180px;
	height:35px;
	overflow:hidden;
	}
	
div#sidemenu ul#local_navi li a:hover{
	background:
		url(/images/global/l_navi_bg_r.gif)
		#0c9ede;
	color:#fff;
	}

div#sidemenu ul{
	padding-bottom:2px;
	border-top:1px solid #ccc;
	background-color:#fff;
	width:180px;
	}
	
div#sidemenu ul li{
	width:180px;
	height:35px;
	}
	
div#sidemenu ul li#submenu{
	height:auto;
	}
	
div#sidemenu ul li#submenu ul{
	padding-bottom:0;
	border-top:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	width:178px;
	}
	
div#sidemenu ul li#submenu ul li{
	background-image:none;
	background-color:#d8eaf6;
	width:178px;
	height:25px;
	}
	
div#sidemenu ul li#submenu ul li a{
	display:block;
	background:
		url(/images/global/l_navi_lower_bg_n.gif)
		#d8eaf6 no-repeat 5px center;
	line-height:25px;
	text-indent:25px;
	width:178px;
	height:25px;
	}
	
div#sidemenu ul li#submenu ul li a:hover{
	background:
		url(/images/global/l_navi_lower_bg_r.gif)
		#d8eaf6 no-repeat 5px center;
	}
	
div#sidemenu ul li#submenu ul#LAN a#LAN_navi,
div#sidemenu ul li#submenu ul#wireless a#wireless_navi,
div#sidemenu ul li#submenu ul#IC_card a#IC_card_navi,
div#sidemenu ul li#submenu ul#PC_phone a#PC_phone_navi,
div#sidemenu ul li#submenu ul#cardpublic a#card_public_navi,
div#sidemenu ul li#submenu ul#pcpublic a#PC_public_navi{
	background:
		url(/images/global/l_navi_lower_bg_r.gif)
		#d8eaf6 no-repeat 5px center;
	}
	
body#plan1 div#sidemenu ul#local_navi li a#plan1_navi,
body#plan2 div#sidemenu ul#local_navi li a#plan2_navi,
body#plan3 div#sidemenu ul#local_navi li a#plan3_navi,
body#plan4 div#sidemenu ul#local_navi li a#plan4_navi,
body#plan5 div#sidemenu ul#local_navi li a#plan5_navi,
body#features div#sidemenu ul#local_navi li a#features_navi,
body#compare div#sidemenu ul#local_navi li a#compare_navi,
body#flow div#sidemenu ul#local_navi li a#int_flow_navi,
body#payment div#sidemenu ul#local_navi li a#int_payment_navi,
body#contact div#sidemenu ul#local_navi li a#int_contact_navi,
body#individual_phone div#sidemenu ul#local_navi li a#individual_phone_navi,
body#public_phone div#sidemenu ul#local_navi li a#public_phone_navi,
body#fee div#sidemenu ul#local_navi li a#fee_navi,
body#manual div#sidemenu ul#local_navi li a#manual_navi,
body#renetong div#sidemenu ul#local_navi li a#renetong_navi,
body#flow div#sidemenu ul#local_navi li a#ipp_flow_navi,
body#payment div#sidemenu ul#local_navi li a#ipp_payment_navi,
body#contact div#sidemenu ul#local_navi li a#ipp_contact_navi,
body#service1 div#sidemenu ul#local_navi li a#laptop_navi,
body#service2 div#sidemenu ul#local_navi li a#bargain_navi,
body#service3 div#sidemenu ul#local_navi li a#OS_navi,
body#service4 div#sidemenu ul#local_navi li a#maintain_navi,
body#service5 div#sidemenu ul#local_navi li a#web_navi,
body#daren_soft div#sidemenu ul#local_navi li a#daren_soft_navi,
body#regular_soft div#sidemenu ul#local_navi li a#regular_soft_navi,
body#solution div#sidemenu ul#local_navi li a#solution_navi,
body#FAQ div#sidemenu ul#local_navi li a#FAQ_navi,
body#spt_contact div#sidemenu ul#local_navi li a#spt_contact_navi,
body#intro div#sidemenu ul#local_navi li a#intro_navi,
body#management div#sidemenu ul#local_navi li a#management_navi,
body#milestone div#sidemenu ul#local_navi li a#milestone_navi,
body#outline div#sidemenu ul#local_navi li a#outline_navi,
body#recruit div#sidemenu ul#local_navi li a#recruit_navi,
body#agent div#sidemenu ul#local_navi li a#agent_navi,
body#netcafe div#sidemenu ul#local_navi li a#netcafe_navi{
	background-image:url(/images/global/l_navi_bg_r.gif);
	color:#fff;
	}

/*================================================
 页脚设置(footer)
================================================*/

div#footer ul#mutual_links{
	padding-left:30px;
	background:
		url(/images/global/footer_ml_bg.gif)
		no-repeat left center;
	width:770px;
	height:80px;
	}
	
div#footer ul#mutual_links li{
	margin-top:13px;
	width:90px;
	float:left;
	}

div#footer ul#footer_navi{
	margin:10px 0;
	background-color:#eee;
	color:#999;
	text-align:center;
	width:770px;
	}

div#footer ul#footer_navi li{
	display:inline;
	padding:2px 5px 2px 0;
	}
	
div#footer div#display_rights{
	margin:10px auto;
	width:770px;
	}
	
div#footer div#display_rights address,
div#footer div#display_rights p{
	font-size:0.8em;
	line-height:1.5;
	text-align:right;
	}

/*================================================
 结束(end)
================================================*/