.header_bar .nav .nav_box .li .title.customize{color:#2a56b4;}

.top_menu_nav_box .step_box.one{background:#2a56b4; color:#fff;}
.top_menu_nav_box .step_box.one span{background:#fff; color:#2a56b4;}

/************************************************************************************/

.content02{width:960px;min-height:800px;margin:40px auto 40px auto;position:relative; z-index:98; }

.content02 .title_box{width:400px;margin:0px auto 10px auto;overflow:hidden;}
.content02 .title_box h1{color:#2a56b4; float:left; font-family: 'Fjalla One', sans-serif; font-size:40px;}
.content02 .title_box .triangle_arrow_box_bg{width:30px;height:55px;overflow:hidden;margin-left:15px;position:relative; margin-top:-3px;float:left;transform:scale(0.7);-webkit-transform:scale(0.7);}
.content02 .title_box .triangle_arrow_box_bg .box{width:40px;height:50px;background:url(../png/dot_bg.png) center center ;position:absolute;top:0px;left:-25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0.3;}
.content02 .explanation_box{width:700px;margin:0px auto 10px auto; }
.content02 .explanation_box p{position:relative; padding-left:15px;}
.content02 .explanation_box p.p1{text-align:center; padding-bottom:20px; margin-bottom:20px;border-bottom:1px solid #d3d3d3; padding-left:0px;}
.content02 .explanation_box  span{position:absolute;width:6px;height:6px;border-radius:100px; background-color:#878787; left:-0px; top:5px;}

.brand_area {width:100%; min-height:600px; overflow:hidden; margin-top:0px; padding-bottom:0px;}
.brand_area .brand_title{width:100%; overflow:hidden; margin:25px 0px 15px 0px; padding-left:10px;}
.brand_area .brand_title .circle_pic{width:110px;height:110px; border-radius:100px; background-color:#fff;border:3px solid #2a56b4; float:left;position:relative;z-index:1; overflow:hidden; position:relative;}
.brand_area .brand_title .circle_pic img{width:90%; position:absolute; left:50%;margin-left:-45%; top:15%;}
.brand_area .brand_title .right_text{min-width:150px;background:#2a56b4; color:#fff; float:left; height:60px;line-height:63px; border-radius:0px 100px 100px 0px; text-align:center;font-size:30px ; font-family: 'Fjalla One', sans-serif;  margin-top:30px; padding-left:0px;  margin-left:-20px; }

.brand_area .button_area{width:100%; display:block; padding:15px 0px 30px 0px; border-top:1px dashed #a5a5a5; overflow:hidden;}
.brand_area .button_area:nth-of-type(1){border-top:0px dashed #a5a5a5;}
.brand_area .button_area .button_box{ display:block; background:#eee; margin:10px; float:left; padding:3px 3px; height:60px;position:relative;border-radius:8px;overflow:hidden;
border:1px solid #a4a4a5;box-shadow:1px 1px 3px rgba(0,0,0,0.2);color:#2a56b4;cursor:pointer;}
.brand_area .button_area .button_box .bg{height:60px;padding:0px 15px;background-color:#999; 
background:linear-gradient(  rgba(255,255,255,0.7) 45%  ,  rgba(0,0,0,0.05) 70%  );
background:-webkit-linear-gradient( gba(255,255,255,0.7) 45% ,  rgba(0,0,0,0.05) 70%);
background:-o-linear-gradient(  gba(255,255,255,0.7) 45% , rgba(0,0,0,0.05) 70% );
background:-mozlinear-gradient( gba(255,255,255,0.7) 45%  , rgba(0,0,0,0.05) 70% );
 margin:0 auto;border-radius:8px;overflow:hidden;}
.brand_area .button_area .button_box  input{width:100%;height:100%;opacity:1; position:absolute;top:0px; left:0px;opacity:1;cursor:pointer; margin-top:-100px;}
.brand_area .button_area .button_box .text{width:100%;height:100%; line-height:60px;}
.brand_area .button_area .button_box  .text p.brand{font-size:22px; font-weight:900; color:#2a56b4; letter-spacing:0px;  float:left; margin-right:15px; padding-right:15px; border-right:1px solid #727272; margin-top:19px;}
.brand_area .button_area .button_box  .text  span{color:#727272;font-size:20px;font-weight:400; font-family: 'Fjalla One', sans-serif;letter-spacing:1px;  float:left;line-height:65px;}

.brand_area .button_area .button_box.clicked  p.brand{
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
	color:#fff; 
	border-right:1px solid #fff; 
}
.brand_area .button_area .button_box.clicked .text  span {
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
	color:#fff; 
}
.brand_area .button_area .button_box.clicked {
	background:#98b1f2;
}

.brand_area .button_area .button_box.clicked .bg{
	background:linear-gradient(  rgba(93,121,198,0.7) 45%  ,   rgba(58,76,171,0.7) 55%  , rgba(42,51,148,0.9) 70%  );
	background:-webkit-linear-gradient(  rgba(93,121,198,0.7) 45%  ,rgba(58,76,171,0.7) 55%  , rgba(42,51,148,0.9) 70%);
	background:-o-linear-gradient(  rgba(93,121,198,0.7) 45%  , rgba(58,76,171,0.7) 55%  , rgba(42,51,148,0.9) 70% );
	background:-mozlinear-gradient(  rgba(93,121,198,0.7) 45%  ,rgba(58,76,171,0.7) 55  , rgba(42,51,148,0.9) 70% );
}

@media screen and (min-width: 1800px){
	
	.content02{width:1250px;min-height:800px;margin:40px auto 40px auto;position:relative; z-index:98; }

	.content02 .title_box{width:500px;margin:0px auto 10px auto;overflow:hidden;}
	.content02 .title_box h1{color:#2a56b4; float:left;font-size:50px;}
	.content02 .title_box .triangle_arrow_box_bg{width:30px;height:55px;overflow:hidden;margin-left:15px;position:relative; margin-top:-1px;}

	.content02 .explanation_box{width:980px; }
	.content02 .explanation_box  span{width:7px;height:7px;left:-0px; top:8px;}


	.brand_area .brand_title .circle_pic{width:120px;height:120px; }
	.brand_area .brand_title .right_text{height:70px;line-height:70px;font-size:34px; margin-top:35px; margin-left:-20px; }

	.brand_area .button_area{width:100%;padding:15px 0px 30px 0px;overflow:hidden;}
	.brand_area .button_area .button_box{ padding:4px 4px; height:70px;position:relative;}
	.brand_area .button_area .button_box .bg{height:70px;padding:0px 30px;border-radius:8px;}
	.brand_area .button_area .button_box .text{width:100%;height:100%; line-height:70px;}
	.brand_area .button_area .button_box  .text p.brand{font-size:28px; font-weight:900; letter-spacing:0px;  float:left; margin-right:15px; padding-right:15px;margin-top:20px;}
	.brand_area .button_area .button_box  .text  span{color:#727272;font-size:26px;font-weight:400;letter-spacing:1px;  float:left;line-height:70px;}

}

@media screen and (max-width: 1024px) and (min-width: 960px){
	

}
@media screen and (max-width: 959px) and (min-width: 700px){

	.content02{width:700px;min-height:800px;margin:40px auto 100px auto; }
	.content02 .explanation_box{width:700px;margin:0px auto 10px auto; }
	.content02 .explanation_box p{position:relative; padding-left:15px;}
	.content02 .explanation_box p.p1{text-align:center; padding-bottom:20px; margin-bottom:20px;border-bottom:1px solid #d3d3d3; padding-left:0px;}
	.content02 .explanation_box  span{position:absolute;width:6px;height:6px;border-radius:100px; background-color:#878787; left:-0px; top:5px;}
					
}

@media screen and (max-width: 700px) {

	.content02{width:93%;min-height:800px;margin:20px auto 20px auto; }
	.content02 .title_box{display:none;}
	.content02 .explanation_box{width:100%;margin:0px auto 0px auto; }
	.content02 .explanation_box p{position:relative; padding-left:15px;margin-bottom:5px;}
	.content02 .explanation_box p.p1{padding-bottom:10px; margin-bottom:10px;border-bottom:0px;padding-left:0px;font-weight:600;}
	.content02 .explanation_box  span{left:-0px; top:6px;}
	
	.brand_area {width:100%;}
	.brand_area .brand_title{width:100%;padding-left:10px;}
	.brand_area .brand_title .circle_pic{width:90px;height:90px;}
	.brand_area .brand_title .right_text{min-width:150px; height:55px;line-height:55px;font-size:28px;margin-top:23px; margin-left:-25px; }
	
	.brand_area .button_area{width:100%; display:block;padding:15px 0px 30px 0px;overflow:hidden;}
	.brand_area .button_area .button_box{ width:90%;margin:10px auto; float:none; padding:3px 3px;height:auto; min-height:50px;}
	.brand_area .button_area .button_box .bg{height:auto;min-height:50px;padding:0px 10px;}
	.brand_area .button_area .button_box  input{ margin-top:-180px;opacity:0;}
	.brand_area .button_area .button_box  .text{width:100%;height:100%; line-height:50px;}
	.brand_area .button_area .button_box  .text p.brand{font-size:16px;font-weight:bold;letter-spacing:0px;  float:left;margin-right:10px; padding-right:10px; margin-top:15px;}
	.brand_area .button_area .button_box  .text  span{color:#727272;font-size:15px;font-weight:bold;letter-spacing:0.5px;line-height:50px;}
	
	
}