@charset "utf-8";
/* gide-navi rule */

#gide_navi {
	background-color:#FFFFFF;
	width: 148px;
	height: auto;
	float: left;
}

#gide_navi p {
	background-image: url(../../images/basic/column_bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 146px;
	float: left;
	border: 1px solid #FFFFFF;
}

#gide_navi li{
	height: 50px;
	width: 148px;
	float: left;
	list-style-type: none;
}

#gide_navi li a {
	background-color: #FFFFFF;
	display: block;
	line-height: 39px;
	height: 39px;
	width: 136px;
	padding: 5px;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	text-align: left;
}

#gide_navi li a:hover {
	line-height: 38px;
	height: 38px;
	background-color: #EEEEEE;
	border-bottom: 2px solid #EEFFEE
}

#gide_navi #active a {
	line-height: 38px;
	height: 38px;
	background-color: #D4DFFF;
	border-bottom: 2px solid #D4DFFF;
}


#gide_navi #sub_active a {
	line-height: 38px;
	height: 38px;
	background-color: #EBEBEB;
	border-bottom: 2px solid #EBEBEB;
}

.sarrow{
	visibility:hidden;
}

/* system rule */
#content_system {
	float: left;
	width: 730px;
	height: auto;
	margin-bottom:30px;
}

#label_h2_and_sys {
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h2_and_system.gif);
}

#label_h3_andapri{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h3_andapri.gif);
}

#label_h3_cloud_sys{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h3._cloudsys_top.png);
}

#label_h3_emb_sys{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h3_sys_emb.png);
}

#label_h3_emb_sysfield{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h3._emb_field.png);
}

#label_h3_emb_sysfunc{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h3._emb_sysfunc.png);
}

#label_h3_emb_syssupport{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 580px;
	background-image: url(../../images/pictuer/system/label_h3_emb_support.png);
}

#content_system #outline {
	width: auto;
}

#box {
	width: 580px;
	height: 100px;
}

#eacht_box {
	width: 730px;
	height: 50px;
}

#embbox {
	width: 560px;
	height: 150px;
	padding-left:10px;
	margin-bottom:10px;
	text-align:left;
}

#content_system h3 {
	text-align: left;
}

#content_system h4 {
	text-align: left;
}

/* jump navi */
#content_system #jump_navi {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 670px;
	height: auto;
}

#content_system #jump_navi ul {
	width: 580;
	height: auto;
}

#content_system #jump_navi li {
	width: 580;
	height: 20px;
	line-height: 20px;
	float: left;
}

/* and_outline */
#and_outline {
	padding-bottom: 30px;
}
#and_outline p {
	text-align: left;
}
#and_outline ul li {
	float: left;
}

/* and_intent */
#and_intent {
	padding-top: 30px;
	padding-bottom: 30px;
}
#and_intent p {
	text-align: left;
}

/* and_why */
#and_why {
	width: 580px;
	heihgt: auto;
	padding-bottom: 30px;
}
#and_why p {
	text-align: left;
}
#and_why p.mini {
	font-size: 10px;
}
#and_why ul {
	width: 226px;
	heihgt: auto;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	padding: 5px;
}
#and_why ul li {
	width: 216px;
	heihgt: auto;
	text-align: left;
}

/* and_solution */
#and_solution p {
	text-align: left;
}

/* and_scope */
#and_scope {
	width: 550px;
	heihgt: auto;
	padding-bottom: 30px;
}
#and_scope p {
	text-align: left;
}
#and_scope img {
	vertical-align: top;
}
#and_scope_left {
	width: 240px;
	heihgt: 211px;
	float: left;
}
#and_scope_right {
	width: 310px;
	heihgt: 211px;
	float: right;
}

/* and_porting1 */
#and_porting1 {
	padding-top: 30px;
	width: 550px;
	heihgt: auto;
	padding-bottom: 30px;
}
#and_porting1 p {
	text-align: left;
}
#and_porting1 ul li {
	width: 210px;
	heihgt: 200px;
	float: left;
}

/* and_porting2 */
#and_porting2 {
	padding-top: 30px;
	width: 550px;
	heihgt: auto;
	padding-bottom: 30px;
}
#and_porting2 img {
	vertical-align: top;
}
#and_porting2 p {
	text-align: left;
}
#and_porting2 ul li {
	width: 500px;
	heihgt: auto;
	float: left;
}

/* left_why */
.left_why {
	width: 250px;
	height: auto;
	float: left;
	text-align:left;
}
/* right_img */
.right_img {
	width: 300px;
	height: auto;
	float: right;
}

/* section */
#section_open .right_img {
	padding-top: 110px;
}
#section_android h5 {
	text-align: left;
}

/* bar */
.section_bar {
	width: 730px;
	height: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../../images/basic/info_bar.gif);
}

/* img */
.right_img img {
	vertical-align: top;
}
/* right system rule */
#right_system {
	float: right;
	width: 750px;
	height: auto;
	display: block;
}

/* label_h1 */
#content #label_h1 {
	padding-left: 20px;
}

/* right bannr rule */
#right_banner {
	float: right;
/*	padding-top: 80px;
*/	width: 160px;
	height: auto;
}

#banner_border {
	border: 1px solid #EEEEEE;
}

#link_title {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #999999;
}

#link_title img {
	padding-right: 3px;
	vertical-align: middle;
}

#banner_column {
	width: 160px;
	height: auto;
	padding-top: 10px;
}

#banner_column img {
	padding-bottom: 10px;
}

#page_system{
	width:730px;
	text-align:left;
}

#flash_img{
	height:300px;
	margin-top:10px;
	margin-bottom:5px;
}

#flash_img2{
	height:400px;
	margin-top:10px;
}

.sysbox{
	height:230px;
	padding: 0 10px;
	margin-bottom:10px;
}

.lefttext{
	float:left;
	width:480px;
	height: 200px;
	margin-top:10px;
}

.rightimg{
	float:right;
	width:200px;
	height: 200px;
}


#cloud_text{
	float:right;
	width:480px;
	height: 200px;
	margin-top:10px;
}

#cloud_img{
	float:left;
	width:200px;
	height: 210px;
}

.sys_eachpage_img{
	height:320px;
	margin-top:10px;
	margin-bottom:30px;
}

.epage_limg{
	float:left;
	width:310px;
}

.epage_rtext{
	margin-top:50px;
	width:400px;
	text-align:left;
	float:right;

}

.epage_rtext h1{
	color:#036;
}

.sysbox h1{
	font-size:20px;
	font-weight:900;
}

#sysp_outline{
	text-align:left;
}

.lefttext h1{
	color:#036;
}

#cloud_text h1{
	color:#036;
}

#devf4 li{
	float:left;
}

#devf3 li{
	float:left;
	margin-right:10px;
}

#dev4box{
	width:580px;
	padding-left:5px;
}

.cosystem{
	width:690px;
	padding-left:5px;
	text-align:left;
}

#emb_lcomment{
	float:left;
	width:330px;
	text-align:left;
}

#emb_rimgdroid{
	float:right;
}

.emb_sub{
	margin-left:10px;
}

.emb_bsub{
	width:500px;
	margin-left:10px;
}

.emb_econ{
	margin-left:20px;
	width:700px;
}

.sample_r{
	float:right;
}

.sample_l{
	float:left;
	text-align:left;
}

#sec_modl{
	width:700px;
	margin-top:10px;
}