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

/*=========================================
 plan_top
=========================================*/
#plan_top{
	width:888px;
	height:68px;
	padding:0 20px 0 0;
	text-align:right;
	font-size:15px;
	line-height:68px;
	font-weight:bold;
	border:#c7c6c6 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative; 
}

#plan_top .cloud_top{
	background:url(../../cloud/image/top_h2_bk.gif) bottom repeat-x;
}

#plan_top .mb_top{
	background:url(../../mb/image/top_h2_bk.gif) bottom repeat-x;
}


#plan_top img{
	float:left;
	margin:0;
	padding:5px 0 0 0;
}
.end_plan_btn {
display: flex;
	}
.end_plan_btn .plan_title{
	-webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #ffffff;
  font-size: 12px;
  background: #666666;
  padding: 5px 15px 5px 15px;
  border: solid #666666 1px;
	text-align: center;
	display: block;
	margin-left: 0;
}
.end_plan_btn li{
	list-style: none;
	margin-right:10px;
}
.end_plan_btn a{
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  color: #666666;
  font-size: 12px;
  background: #ffffff;
  padding: 5px 15px 5px 15px;
  border: solid #666666 1px;
  text-decoration: none;
	text-align: center;
	display: block;
}

.end_plan_btn a:hover {
  background: #e4e8eb;
  text-decoration: none;
}
/*=========================================
plan_feature
=========================================*/
#plan_feature{
	width:888px;
	border:#c7c6c6 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	behavior:url(/common/js/PIE.htc);
	position:relative;
	padding:0 0 10px 0;
}

#plan_feature_top{
	background: #F6F8F9;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F8F9), to(#ffffff));
 background: -webkit-linear-gradient(#F6F8F9, #ffffff);
 background: -moz-linear-gradient(#F6F8F9, #ffffff);
 background: -ms-linear-gradient(#F6F8F9, #ffffff);
 background: -o-linear-gradient(#F6F8F9, #ffffff);
 background: linear-gradient(#F6F8F9, #ffffff);
 -pie-background: linear-gradient(#F6F8F9, #ffffff);
 behavior:url(/common/js/PIE.htc);
	position:relative;
}

#plan_feature_top .top_feature_ico{
	float:left;
	margin:0;
	padding:0;
}

#plan_feature_top .top_feature_img{
	float:right;
	margin:0;
	padding:0;
}

#plan_feature_top #top_f_ico{
	width:105px;
	float:left;
	text-align:center;
	line-height:1.2em;
	margin:20px 20px 0 0;
}

#top_f_ico.top_f_ico_mb{
	color:#ba0731;
}

#top_f_ico.top_f_ico_cloud{
	color:#02613e;
}

#plan_feature_top #top_f_ico img{
	margin-bottom:10px;
}


/*plan_feature_privilege******/
#plan_feature_privilege{
	padding:5px 0 5px 0;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#ba0731;
}

#plan_feature p.service_txt{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}

/*plan_feature_bottom******/
#plan_feature_bottom{
	width:878px;
	padding:10px 5px 0 5px;
 background: #F6F8F9;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F8F9), to(#ffffff));
 background: -webkit-linear-gradient(#F6F8F9, #ffffff);
 background: -moz-linear-gradient(#F6F8F9, #ffffff);
 background: -ms-linear-gradient(#F6F8F9, #ffffff);
 background: -o-linear-gradient(#F6F8F9, #ffffff);
 background: linear-gradient(#F6F8F9, #ffffff);
 -pie-background: linear-gradient(#F6F8F9, #ffffff);
 behavior:url(/common/js/PIE.htc);
	position:relative;
}
/*plan_box******/
#plan_box{
	width:413px;
	margin-bottom:10px;
	padding:10px;
	border:#c7c6c6 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	float:left;
	background:#FFF;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#plan_box p{
	margin-bottom:1em;
}

#plan_box .plan_copy_cloud{
	color:#02613e;
	font-weight:bold;
	font-size:14px;
}

#plan_box_mb .plan_copy_mb{
	color:#ba0731;
	font-weight:bold;
	font-size:14px;
}

#plan_box .plan_copy span{
	font-size:16px;
}

#plan_box .plan_img{
	float:right;
}

#plan_box_mb .plan_copy span{
	font-size:16px;
}

#plan_box_mb .plan_img{
	float:right;
}


/*plan_box_mb******/
#plan_box_mb{
	width:403px;
	margin-bottom:10px;
	padding:15px;
	border:#c7c6c6 1px solid;
	height:240px;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	float:left;
	background:#FFF;
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#plan_box_mb p{
	margin-bottom:1em;
}

#plan_box_mb .plan_copy_cloud{
	color:#02613e;
	font-weight:bold;
	font-size:14px;
}

#plan_box_mb .plan_copy_mb{
	color:#ba0731;
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
}

#plan_box_mb .plan_copy span{
	font-size:16px;
}

#plan_box_mb .plan_img{
	float:right;
}

/**cloud****/
#plan_box .plan_name_cloud{
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	background:url(../../cloud/image/plan_name_ico_cloud.png) left top no-repeat;
	padding:0 0 5px 30px;
	border-bottom:#02613e 2px solid;
}

#plan_box .plan_name_cloud span{
	font-size:11px;
	font-weight:normal;
}

#plan_box .cloud_ico_box{
	width:300px;
	margin-bottom:10px;
}

#plan_box .cloud_ico_box span{
	font-size:12px;
	font-weight:bold;}

#plan_box .cloud_ico_box img{
	float:left;
	margin:0 10px 0 0;
}

/**mb****/
#plan_box_mb h2.plan_name_mb{
	font-size:18px;
	font-weight:bold;
	background:url(../../mb/image/top_plan_name_ico.png) left top no-repeat;
	padding:0 0 10px 25px;
	border-bottom:#ba0731 2px solid;
}

#plan_box.ma_r_8{
	margin-right:8px;
}

#plan_box_mb.ma_r_8{
	margin-right:8px;
}
#plan_box_btn{
	margin:0;
	padding:0;
	list-style:none;
}

#plan_box_btn li{
	float:right;
	margin:0 10px 0 0;
	padding:0;
	font-size:12px;
}

#plan_box_mb_btn{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:20px;
}

#plan_box_mb_btn li{
	float:right;
	margin:0 10px 0 0;
	padding:0;
	font-size:16px;
}

/*btn_01*/
#plan_box_btn li#btn_01 a,#plan_box_btn li#btn_01 a:link,#plan_box_btn li#btn_01 a:visited{
	padding:5px 20px 5px 20px;
	border:#c7c6c6 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	text-align:center;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-shadow: #ccc 0px 1px 1px;
 -moz-box-shadow: #ccc 0px 1px 1px;
 box-shadow: #ccc 0px 1px 1px;
	background: #d5d4d4;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d5d4d4), to(#ffffff));
 background: -webkit-linear-gradient(#d5d4d4, #ffffff);
 background: -moz-linear-gradient(#d5d4d4, #ffffff);
 background: -ms-linear-gradient(#d5d4d4, #ffffff);
 background: -o-linear-gradient(#d5d4d4, #ffffff);
 background: linear-gradient(#d5d4d4, #ffffff);
 -pie-background: linear-gradient(#d5d4d4, #ffffff);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#plan_box_btn li#btn_01 a:hover,#plan_box_btn li#btn_01 a:active{
	padding:5px 20px 5px 20px;
	border:#ff9900 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	text-align:center;
	color:#cc3300;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-shadow: #ccc 0px 1px 1px;
 -moz-box-shadow: #ccc 0px 1px 1px;
 box-shadow: #ccc 0px 1px 1px;
	background: #ffcc00;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9900), to(#ffcc00));
 background: -webkit-linear-gradient(#ff9900, #ffcc00);
 background: -moz-linear-gradient(#ff9900, #ffcc00);
 background: -ms-linear-gradient(#ff9900, #ffcc00);
 background: -o-linear-gradient(#ff9900, #ffcc00);
 background: linear-gradient(#ff9900, #ffcc00);
 -pie-background: linear-gradient(#ff9900, #ffcc00);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

/*btn_mb_01*/
#plan_box_mb_btn li#btn_01 a,#plan_box_mb_btn li#btn_01 a:link,#plan_box_mb_btn li#btn_01 a:visited{
	padding:10px 30px 10px 30px;
	border:#c7c6c6 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	text-align:center;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-shadow: #ccc 0px 1px 1px;
 -moz-box-shadow: #ccc 0px 1px 1px;
 box-shadow: #ccc 0px 1px 1px;
	background: #d5d4d4;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d5d4d4), to(#ffffff));
 background: -webkit-linear-gradient(#d5d4d4, #ffffff);
 background: -moz-linear-gradient(#d5d4d4, #ffffff);
 background: -ms-linear-gradient(#d5d4d4, #ffffff);
 background: -o-linear-gradient(#d5d4d4, #ffffff);
 background: linear-gradient(#d5d4d4, #ffffff);
 -pie-background: linear-gradient(#d5d4d4, #ffffff);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}

#plan_box_mb_btn li#btn_01 a:hover,#plan_box_mb_btn li#btn_01 a:active{
	padding:10px 30px 10px 30px;
	border:#ff9900 1px solid;
	-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
	text-align:center;
	color:#cc3300;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-shadow: #ccc 0px 1px 1px;
 -moz-box-shadow: #ccc 0px 1px 1px;
 box-shadow: #ccc 0px 1px 1px;
	background: #ffcc00;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9900), to(#ffcc00));
 background: -webkit-linear-gradient(#ff9900, #ffcc00);
 background: -moz-linear-gradient(#ff9900, #ffcc00);
 background: -ms-linear-gradient(#ff9900, #ffcc00);
 background: -o-linear-gradient(#ff9900, #ffcc00);
 background: linear-gradient(#ff9900, #ffcc00);
 -pie-background: linear-gradient(#ff9900, #ffcc00);
	behavior:url(/common/js/PIE.htc);
	position:relative;
}