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

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

/***************************選左右投*****************************************/

.content02{width:960px;min-height:800px;margin:40px auto 40px auto;}

.content02 .title_box{width:300px;margin:0px auto 10px auto;overflow:hidden; padding-left:15px;position:relative;z-index:99;padding-left:55px;}
.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;}


.basic_area {width:100%; min-height:600px; margin-top:30px; padding-top:30px; border-top:1px solid #999;}
.basic_area  h2{font-family: 'Fjalla One', sans-serif; text-align:center; margin-bottom:30px;color:#2a56b4;}
.basic_area .dexterity_area{width:600px; display:block; padding:0px 0px 50px 0px;overflow:hidden; margin:0 auto; background-color:#;}
.basic_area .dexterity_area .button_box{ display:block; background:#fff; margin:0px 20px; float:left; width:250px; height:300px;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;}
.basic_area .dexterity_area .button_box:nth-of-type(1){margin-left:25px;}
.basic_area .dexterity_area .button_box  input{width:100%;height:100%;opacity:1; position:absolute;top:0px; left:0px;opacity:0;cursor:pointer; margin-top:-300px;}
.basic_area .dexterity_area .button_box  .pic_box{width:90%; margin:10px auto;}
.basic_area .dexterity_area .button_box  .pic_box img{width:100%;}
.basic_area .dexterity_area .button_box  .bottom_box{ width:100%; height:60px; background:#878787;position:relative;}
.basic_area .dexterity_area .button_box  .bottom_box .circle{ width:35px; height:35px;border-radius:100px;margin-top:7px;border:2px solid #878787;background:#fff;position:absolute; top:0px; right:10px;}
.basic_area .dexterity_area .button_box  .bottom_box p{  text-align:center;line-height:55px;font-size:24px;color:#fff; }

.basic_area .dexterity_area .button_box.clicked .bottom_box{background:#2a56b4;}
.basic_area .dexterity_area .button_box.clicked {border:1px solid #2a56b4;}
.basic_area .dexterity_area .button_box.clicked .bottom_box .circle{border:2px solid #2a56b4; background:url(../png/checked.png) center center no-repeat #fff; }

@media screen and (min-width: 1800px){
		
	.content02{width:1250px;min-height:800px;}
	.content02 .title_box{width:350px;margin:0px auto 10px auto;padding-left:55px;}
	.content02 .title_box h1{color:#2a56b4; float:left;font-size:50px; }
	.content02 .title_box .triangle_arrow_box_bg{width:30px;height:55px;margin-left:15px;margin-top:-1px;}

	.basic_area {width:100%; min-height:600px; margin-top:30px;}
	.basic_area .dexterity_area{width:800px; }
	.basic_area .dexterity_area .button_box{width:350px;height:400px;}
	.basic_area .dexterity_area .button_box:nth-of-type(1){margin-left:30px;}
	.basic_area .dexterity_area .button_box  .bottom_box{ width:100%; height:70px;}
	.basic_area .dexterity_area .button_box  .bottom_box .circle{ width:40px; height:40px;top:0px; right:10px;}
	.basic_area .dexterity_area .button_box  .bottom_box p{ line-height:55px;font-size:28px;color:#fff; }

}

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

	.content02{width:700px;min-height:800px;margin:40px auto 0px auto; }
	.content02 .title_box{padding-left:45px;}
				
}

@media screen and (max-width: 700px) {
	
	
	.content02{width:100%;margin:20px auto 20px auto;}
	.content02 .title_box{display:none;}
	.basic_area {width:95%; min-height:600px; overflow:hidden; margin-top:30px; padding-top:0px;margin:0 auto;border-top:0px;}
	.basic_area  h2{font-size:24px;margin-bottom:20px;}
	.basic_area .dexterity_area{width:100%; padding:0px 0px 50px 0px;overflow:hidden; margin:0 auto;padding-left:3px;}
	.basic_area .dexterity_area .button_box{ display:block;margin:0px 5px; float:left; width:46.5%; height:auto;position:relative;border-radius:5px;}
	.basic_area .dexterity_area .button_box:nth-of-type(1){margin-left:0px;}
	.basic_area .dexterity_area .button_box  .bottom_box{ width:100%; height:50px; position:relative;}
	.basic_area .dexterity_area .button_box  .bottom_box .circle{ width:32px; height:32px;margin-top:7px;position:absolute; top:0px; right:5px;}
	.basic_area .dexterity_area .button_box  .bottom_box p{ line-height:50px;font-size:20px;color:#fff; }
	.basic_area .dexterity_area .button_box.clicked .bottom_box .circle{border:2px solid #2a56b4; background:url(../png/checked_small.png) center center no-repeat #fff; }
					
}
	

/***************************選樣式 size*****************************************/

.basic_area .pattern_size_area {width:100%; padding:50px 0px 0px 0px;  border-top:1px solid #999;}
.basic_area .pattern_size_area .over_bg{width:100%; position:absolute;left:0px;z-index:1;}
.basic_area .pattern_size_area  .item_arae{width:100%; padding-left:10px; margin-top:-15px; }
.basic_area .pattern_size_area  .item_arae .item_cycle_box{width:280px;height:330px; float:left; margin:15px 15px 15px 15px; border:1px solid #878787; border-radius:8px;cursor:pointer;position:relative;z-index:99;}
.item_cycle_box .title {width:100%;height:40px; background-color:#878787; text-align:center; font-weight:600; color:#fff; line-height:40px; border-radius:7px 7px 0px 0px ; font-size:16px;}
.item_cycle_box  .cycle-slideshow{width:100%; height:235px; overflow:hidden;position:relative; border-bottom:1px solid #878787; }
.item_cycle_box  .cycle-slideshow img{width:100%;}
.item_cycle_box  .cycle-slideshow .cycle-pager{position:relative;z-index:989; text-align:center;position:relative;margin-top:-90px;color:rgba(0,0,0,0.5);}
.item_cycle_box  .cycle-slideshow .cycle-pager span{font-size:50px;border-radius:30px;font-family:Arial;margin:0px 3px;}
.item_cycle_box  .cycle-slideshow .cycle-pager-active{ color:#2a56b4;}
.item_cycle_box  .cycle-slideshow  .prevControl{display:block;position:absolute;top:0px;left:0px;z-index:989; padding:5px;width:50px; height:100%;background:#;opacity:0;}
.item_cycle_box  .cycle-slideshow  .prevControl img{width:26px;position:absolute;left:-3px;top:50%; margin-top:-20px;cursor:pointer;}
.item_cycle_box  .cycle-slideshow  .nextControl{display:block;position:absolute;top:0px;right:0px;z-index:989; padding:5px;width:50px; height:100%;background:#;opacity:0;}
.item_cycle_box  .cycle-slideshow  .nextControl img{width:26px;position:absolute;right:-3px;top:50%;margin-top:-20px;cursor:pointer;}
.item_cycle_box  .cycle-slideshow  .nextControl:hover{opacity:1;}
.item_cycle_box  .cycle-slideshow  .prevControl:hover{opacity:1;}

.item_cycle_box   .bottom_box{width:100%;height:60px;position:relative; clear:both;}
.item_cycle_box   .bottom_box p{line-height:60px; color:#878787; padding-left:15px;font-weight:600;font-size:14px;}
.item_cycle_box   .bottom_box .circle{ width:35px; height:35px;border-radius:100px; float:right;right:15px;top:8px;border:1px solid #878787;background:#fff;position:absolute;}

.basic_area .pattern_size_area  .item_arae .item_cycle_box.clicked{ border:1px solid #2a56b4;z-index:100;}
.item_cycle_box.clicked   .bottom_box p{color:#2a56b4;}
.item_cycle_box.clicked  .bottom_box  .circle{ border:1px solid #2a56b4; background:url(../png/checked.png) center center no-repeat #fff; }
.item_cycle_box.clicked  .title{background-color:#2a56b4;}
.item_cycle_box.clicked  .cycle-slideshow{border-bottom:1px solid #2a56b4; }


.item_cycle_box .choose_box{display:none;width:280px;padding:15px; position:absolute; min-height:150px;z-index:999; margin-left:90px; background:#fff; border:1px solid #2a56b4; border-radius:8px; box-shadow:1px 2px 4px rgba(0,0,0,0.4);position:relative;}
.item_cycle_box .choose_box .triangle{width:27px;height:27px;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg); border-top:1px solid #2a56b4; border-left:1px solid #2a56b4; border-radius:7px 0px 0px 0px;position:absolute; margin-left:25px;top:-15px; }
.item_cycle_box .choose_box.clicked{display:block;}
.item_cycle_box .choose_box .text_box{width:95%; margin:0 auto;overflow:hidden;margin-bottom:10px;}
.item_cycle_box .choose_box .text_box  p{color:#2a56b4;font-weight:600;float:left;}
.item_cycle_box .choose_box .text_box span{color:#2a56b4;float:right;}

.item_cycle_box .choose_box .checked_area{width:100%;overflow:hidden;}
.item_cycle_box .choose_box .scrollbar{width:100%;margin:0 auto; overflow:hidden; }

.checked_box{float:left;margin-left:8px; padding:7px 15px;position:relative; overflow:hidden; cursor:pointer;}
.choose_box .checked_box {float:left;width:80px; margin-left:8px; padding:7px 0px;position:relative; overflow:hidden; }
.checked_box input{width:100%; height:100%; position:absolute;left:0px; top:-80px; opacity:0;}
.checked_box span{float:left; font-size:15px; margin:5px;letter-spacing:0.5px;font-weight:300;}
.checked_box .circle{width:25px;height:25px; border:1px solid #666; border-radius:50px;float:left;}
.checked_box.clicked .circle{ border:1px solid #2a56b4;background:url(../png/checked_small.png) center center no-repeat #fff;}
.checked_box.clicked  span{color:#2a56b4;}

.item_cycle_box.mitts .bottom_box { height:0px; }
.basic_area .pattern_size_area  .item_arae .item_cycle_box.mitts { width:593px; height:auto; } 
.item_cycle_box.mitts .mitts_box{width:96%; margin: 0 auto;overflow:hidden; }
.item_cycle_box.mitts .mitts_box .box{width:131px; float:left;overflow:hidden; margin-left:15px; margin-top:15px;}
.item_cycle_box.mitts .mitts_box .box  .checked_box{width:170px; margin-left:12px;  }
.item_cycle_box.mitts .mitts_box .box  .checked_box span{display:block;width:80px;float:left;}
.item_cycle_box.mitts .mitts_box .box:nth-of-type(1){margin-left:0px;}
.item_cycle_box.mitts .mitts_box .box .pic_box{width:98%;height:131px;overflow:hidden; margin-bottom:10px;border:1px solid  #ccc; }
.item_cycle_box.mitts .mitts_box .box .pic_box img{width:100%;}
.item_cycle_box.mitts .mitts_box .box.clicked .circle{ border:1px solid #2a56b4;background:url(../png/checked_small.png) center center no-repeat #fff;} 
.item_cycle_box.mitts .mitts_box .box.clicked span{color:#2a56b4;}
.item_cycle_box.mitts .mitts_box .box.clicked .pic_box {border:1px solid  #2a56b4; }
.item_cycle_box.mitts .mitts_box .box .checked_box{margin-left:10px; padding:7px 0px;}

.other_area{width:100%;overflow:hidden;margin:50px 0px 0px 0px;padding-top:30px;}
.other_area .other_choose{width:100%;padding:18px 0px 15px 0px; border-top:1px dashed #999;overflow:hidden;position:relative;z-index:99;}
.other_area .other_choose table{width:100%;}
.other_area .other_choose table .left_text{width:120px; text-align:center;}
.other_area .other_choose .rights_box{float:left;padding-left:15px;border-left:1px dashed #999;}
.other_area .other_choose .rights_box .checked_box{float:left;  }

@media screen and (min-width: 1800px){
		
	.basic_area .pattern_size_area {width:1200px; padding:50px 0px 0px 0px;  border-top:1px solid #999; margin:0 auto;}
	.basic_area .pattern_size_area  .item_arae{width:100%; padding-left:10px; margin-top:-15px;}
	.basic_area .pattern_size_area  .item_arae .item_cycle_box{width:360px;height:450px; float:left;}
	
	.item_cycle_box .title {width:100%;height:50px;line-height:50px; font-size:20px;}
	.item_cycle_box  .cycle-slideshow{width:100%; height:330px; overflow:hidden;position:relative; border-bottom:1px solid #878787; }
	.item_cycle_box  .cycle-slideshow img{width:100%;}
	.item_cycle_box  .cycle-slideshow .cycle-pager{position:relative;z-index:989; text-align:center;position:relative;margin-top:-90px; font-size:40px; color:rgba(255,255,255,0.5);padding-left:10px; }
	.item_cycle_box  .cycle-slideshow .cycle-pager span{margin-left:3px;}
	.item_cycle_box  .cycle-slideshow  .prevControl img{width:30px;}
	.item_cycle_box  .cycle-slideshow  .nextControl img{width:30px;}
	
	.item_cycle_box   .bottom_box{width:100%;height:60px;position:relative; clear:both;}
	.item_cycle_box   .bottom_box p{line-height:68px; color:#878787; padding-left:20px;font-size:18px;}
	.item_cycle_box   .bottom_box .circle{ width:40px; height:40px;right:15px;top:12px;}
		
	.item_cycle_box .choose_box{display:none;width:350px;padding:15px; position:absolute; min-height:190px;z-index:999; margin-left:90px; margin-top:15px;}
	.item_cycle_box .choose_box .triangle{margin-left:50px; }
	.item_cycle_box .choose_box .text_box{width:95%; margin:0 auto;overflow:hidden;margin-bottom:10px;}

	.checked_box{float:left;margin-left:8px; padding:7px 15px;}
	.choose_box .checked_box {float:left;width:100px; margin-left:8px; padding:9px 0px; }
	.checked_box span{float:left; font-size:19px; margin:5px;}
	.checked_box .circle{width:30px;height:30px;}

	.basic_area .pattern_size_area  .item_arae .item_cycle_box.mitts { width:755px;} 
	.item_cycle_box.mitts .mitts_box .box{width:169px; float:left;}
	.item_cycle_box.mitts .mitts_box .box  .checked_box{width:160px; margin-left:10px;}
	.item_cycle_box.mitts .mitts_box .box  .checked_box span{display:block;width:100px;float:left; margin-left:10px;}
	.item_cycle_box.mitts .mitts_box .box:nth-of-type(1){margin-left:0px;}
	.item_cycle_box.mitts .mitts_box .box .pic_box{width:98%;height:169px;overflow:hidden; }
	

	.other_area{width:100%;overflow:hidden;margin:50px 0px 0px 0px;}
	.other_area .other_choose{width:100%;padding:22px 0px 19px 0px; border-top:1px dashed #999;overflow:hidden;}
	.other_area .other_choose table{width:100%;}
	.other_area .other_choose table .left_text{width:120px; text-align:center;font-size:18px;}
	.other_area .other_choose .rights_box{float:left;padding-left:15px;border-left:1px dashed #999;}
	.other_area .other_choose .rights_box .checked_box{float:left;  }
	.other_area .other_choose .rights_box  .checked_box span{ margin-left:10px;}

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

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


	.basic_area .pattern_size_area  .item_arae{width:100%; padding-left:5px; margin-top:-15px;}
	.basic_area .pattern_size_area  .item_arae .item_cycle_box{width:210px;height:330px; margin:10px 10px 10px 10px; }
	.item_cycle_box .title {width:100%;height:40px; }
	.item_cycle_box  .cycle-slideshow{width:100%; height:200px;}
	.item_cycle_box  .cycle-slideshow .cycle-pager{margin-top:-55px; }
	
	.item_cycle_box   .bottom_box{position:relative; }
	.item_cycle_box   .bottom_box p{line-height:40px; color:#878787; padding-left:15px;font-weight:600;}
	.item_cycle_box   .bottom_box .circle{ top:35px;}

	.item_cycle_box .choose_box{display:none;width:220px;padding:15px; position:absolute; min-height:180px;z-index:999; margin-left:-20px; margin-top:40px;margin-bottom:20px;}
	.item_cycle_box .choose_box .triangle{ margin-left:95px;top:-15px; }
	
	.basic_area .pattern_size_area  .item_arae .item_cycle_box.mitts { width:445px;} 
	.item_cycle_box.mitts .mitts_box .box{width:95px; float:left; margin-left:15px; margin-top:15px;}
	.item_cycle_box.mitts .mitts_box .box  .checked_box{width:100%; margin-left:-15px;}
	.item_cycle_box.mitts .mitts_box .box:nth-of-type(1){margin-left:0px;}
	.item_cycle_box.mitts .mitts_box .box .pic_box{width:98%;height:95px;overflow:hidden; margin-bottom:5px;}
	.item_cycle_box.mitts .mitts_box .box  .checked_box span{float:none; font-size:15px; margin:5px auto 0px 10px;letter-spacing:0.5px;font-weight:300;text-align:center;}
	.item_cycle_box.mitts .mitts_box .box  .checked_box .circle{width:25px;height:25px;float:none; margin:0 auto; }
	
	.other_area{width:100%;overflow:hidden;margin:0px 0px 0px 0px;padding-top:30px;}
	.other_area .other_choose{width:100%;padding:18px 0px 15px 0px; border-top:1px dashed #999;overflow:hidden;}
	.other_area .other_choose table{width:100%;}
	.other_area .other_choose table .left_text{width:120px; text-align:center;}
	.other_area .other_choose .rights_box{float:left;padding-left:15px;border-left:1px dashed #999;}
	.other_area .other_choose .rights_box .checked_box{float:left; padding:10px 15px; }
					
}

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


	.basic_area .pattern_size_area {width:100%; padding:30px 0px 0px 0px;}
	.basic_area .pattern_size_area  .item_arae{width:100%; padding-left:0px; margin-top:-15px;overflow:hidden;}
	.basic_area .pattern_size_area  .item_arae .item_cycle_box{width:99%;height:auto; float:none; margin:20px auto 20px auto;border-bottom:20px;border-bottom:1px solid #999;}
	.item_cycle_box .title {width:100%;height:50px; line-height:50px;font-size:22px;}
	.item_cycle_box  .cycle-slideshow{width:100%; height:auto; }
	.item_cycle_box  .cycle-slideshow  .prevControl img{width:32px;margin-top:-20px;}
	.item_cycle_box  .cycle-slideshow  .nextControl img{width:32px;margin-top:-20px;}

	.item_cycle_box   .bottom_box{width:100%;height:60px;}
	.item_cycle_box   .bottom_box p{line-height:60px; font-weight:600;font-size:15px; }
	.item_cycle_box   .bottom_box #txt{font-size:16px; }
	.item_cycle_box   .bottom_box .circle{ width:35px; height:35px;right:15px;top:10px;}

	.item_cycle_box .choose_box{
		position:relative;
		display:none;
		width:95%;
		padding:0px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		border:none;
		box-shadow:none;
		float:none;
		/*height:200px;*/
		border-top:1px solid #2a56b4;
		padding-top:15px;
		border-radius:0px;
	}
	.item_cycle_box .choose_box .triangle{display:none;margin-left:-20px;top:-15px; left:50%;}
	.item_cycle_box .choose_box .text_box{width:93%;}
	.item_cycle_box .choose_box .checked_area{
		width:100%;
		/*height:200px;*/
		overflow:hidden;
		margin:0 auto;
	}
	
	.choose_box .checked_box {float:left;width:110px; margin-left:10px; }
	.checked_box span{font-size:20px; }
	.checked_box .circle{width:30px;height:30px;}
	
	.basic_area .pattern_size_area  .item_arae .item_cycle_box.mitts { width:99%;} 
	.item_cycle_box.mitts .mitts_box{width:95%;padding:10px 0px; margin: 0 auto;overflow:hidden; height:auto;  }
	.item_cycle_box.mitts .mitts_box .box{width:47.5%; float:left;overflow:hidden; margin-left:6px; margin-top:10px;}
	.item_cycle_box.mitts .mitts_box .box  .checked_box{width:100%; margin-left:0px; padding:0px 5px; }
	.item_cycle_box.mitts .mitts_box .box  .checked_box span{display:block;width:80px;float:left;font-size:16px;}
	.item_cycle_box.mitts .mitts_box .box:nth-of-type(1){margin-left:6px;}
	.item_cycle_box.mitts .mitts_box .box .pic_box{width:97%;height:auto;overflow:hidden; margin-bottom:8px;}
	.item_cycle_box.mitts .mitts_box .box .pic_box img{width:110%; margin-left:-5%;float:left;}


	.other_area{width:100%;overflow:hidden;margin:30px 0px 0px 0px;}
	.other_area .other_choose{width:100%;padding:18px 0px 15px 0px; }
	.other_area .other_choose table{width:100%;}
	.other_area .other_choose table .left_text{width:85px; text-align:center;}
	.other_area .other_choose .rights_box{float:left;padding-left:0px;width:100%;}
	.other_area .other_choose .rights_box .checked_box{float:none; margin-left:0px;  padding:7px 0px 7px 9px;  }
	.other_area .other_choose .rights_box .checked_box span{ margin:6px 0px 5px 5px;float:left;width:82%;letter-spacing:0px;font-size:15px;}
	
}