body{background-color:#fff;}

.top_bg{width:100% ; height:180px; background:url(../jpg/bg-5.jpg) top center ;background-size:cover; overflow:hidden;margin-top:70px;}
.top_bg img{ display:block;width:200px; margin:80px auto; padding-left:35px;}

@media screen and (max-width: 700px) {
	
	.top_bg{width:100% ; height:120px; background:url(../png/bg.png) top center;background-size:cover; overflow:hidden;margin-top:70px;}
	.top_bg img{ display:block;width:120px; margin:50px auto; padding-left:10px;}
}

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

.navigation{width:900px; margin:0 auto;height:50px; line-height:50px;overflow:hidden; }
.navigation .box{ float:right; font-size:16px; font-weight:300; }
.navigation .box a{ color:#888; letter-spacing:0.5px; }
.navigation .box span{ color:#2a56b4; letter-spacing:0.5px; }

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

.top_menu_nav_box{width:960px;height:auto; background:#; position:relative; z-index:9888;margin:0px auto; overflow:hidden; border-radius:8px 0px 0px 8px;overflow:hidden;}
.top_menu_nav_box .step_area{width:100%;overflow:hidden;}
.top_menu_nav_box .step_box{display:block;float:left;padding:0px 15px 0px 34px; min-height:107px;background:#e5e5e5;position:relative; text-align:center; color:#939393;letter-spacing:1px; }
.top_menu_nav_box .step_box .number{margin-bottom:10px; margin-top:15px;overflow:hidden;}
.top_menu_nav_box .step_box h3{display:block;font-family: 'Fjalla One', sans-serif; font-size:20px; font-weight:500; overflow:hidden;float:left; margin-top:3px; }
.top_menu_nav_box .step_box span{background-color:#939393;border-radius:100px;display:block;width:27px;height:27px; float:left; line-height:27px; margin-left:10px;color:#e5e5e5;font-size:18px;}
.top_menu_nav_box .step_box p{font-family: Microsoft JhengHei ;font-size:16px; font-weight:600;}
.top_menu_nav_box .step_box  img{width:23px;height:100%;position:absolute;right:-17px;}

.top_menu_nav_box .step_box.one{z-index:10;}
.top_menu_nav_box .step_box.two{z-index:9;}
.top_menu_nav_box .step_box.three{z-index:8;}
.top_menu_nav_box .step_box.four{z-index:7;}
.top_menu_nav_box .step_box.five{z-index:6;}
.top_menu_nav_box .step_box.six{z-index:5;}
.top_menu_nav_box .step_box.seven{z-index:4;padding:0px 10px 0px 20px;}
.top_menu_nav_box .step_box.seven  img{right:-16px;}
.top_menu_nav_box .step_box.seven  p{ line-height:105px; margin-left:10px;}

.top_menu_nav_box .step_box input{position:absolute;top:0px;left:0px;width:108%;height:100%;border:0px;opacity:0;cursor:pointer;}

/* .top_menu_nav_box .step_box:hover {background:#2a56b4; color:#fff;}
.top_menu_nav_box .step_box:hover span{background:#fff; color:#2a56b4;} */

.phone_top_menu{display:none;}

.bg_triangle_bottom{width:100%;height:130px; overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
.bg_triangle_bottom .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;}
.bg_triangle_bottom .white_box{width:120%;height:200px;background:#fff;position:absolute;top:60px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.3);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #999999; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #2a56b4; }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{  background-color: #2a56b4; }

.pager_box {width:960px; margin:20px auto 20px auto; border-top:1px solid #999; padding-top:40px; overflow:hidden;position:relative;z-index:99;}
.pager_box .pager_next{width:100px;float:right;position:relative;}
.pager_box .pager_next img.next{width:100%;}
.pager_box .pager_next.checkout{width:145px;}
.pager_box .pager_prev{width:100px;float:left;position:relative;}
.pager_box .pager_prev  img.prev{width:100%;}
.pager_box .submit {width:100%;position:absolute;top:0px;left:0;z-index:1;opacity:0;cursor:pointer;}

@media screen and (min-width: 1800px){

	.top_bg{width:100% ; height:200px;margin-top:120px;}
	.top_bg img{width:260px; margin:60px auto; padding-left:35px;}

	/************************************************************************************/
	.navigation{width:1220px; margin:0 auto;height:60px; line-height:60px; }
	.navigation .box { font-size:20px; }

	/************************************************************************************/
	.top_menu_nav_box{width:1250px;border-radius:12px 0px 0px 12px;;}
	.top_menu_nav_box .step_box{display:block;float:left;padding:0px 23px 0px 42px; min-height:137px; }
	.top_menu_nav_box .step_box .number{margin-bottom:10px; margin-top:20px;overflow:hidden;}
	.top_menu_nav_box .step_box h3{font-size:26px; margin-top:3px; }
	.top_menu_nav_box .step_box span{width:34px;height:34px;line-height:34px; margin-left:10px;font-size:24px;}
	.top_menu_nav_box .step_box p{font-size:22px;}

	.top_menu_nav_box .step_box.one .number{margin-left:10px;}
	.top_menu_nav_box .step_box.five .number{margin-left:20px;}
	.top_menu_nav_box .step_box.seven{z-index:4;padding:0px 23px 0px 20px;}
	.top_menu_nav_box .step_box.seven  img{right:-16px;}
	.top_menu_nav_box .step_box.seven  p{ line-height:137px; margin-left:15px;}
	
	.pager_box {width:1250px;}
	.pager_box .pager_next{width:120px;}
	.pager_box .pager_next.checkout{width:175px;}
	.pager_box .pager_prev{width:120px;}
		
}
@media screen and (max-width: 1401px) and (min-width: 1600px){ .navigation .box { font-size:18px; } }
@media screen and (max-width: 1024px) and (min-width: 960px){ .navigation .box { font-size:14px; } }
@media screen and (max-width: 959px) and (min-width: 700px){

	.navigation{width:700px; margin:0 auto;height:50px; line-height:50px; }
	.navigation .box { font-size:14px; }
	.top_menu_nav_box{width:730px;height:auto; border-radius:8px 0px 0px 8px;}
	.top_menu_nav_box .step_area{width:100%;overflow:hidden;}
	.top_menu_nav_box .step_box{padding:0px 11px 0px 17px; min-height:95px;letter-spacing:1px; }
	.top_menu_nav_box .step_box .number{margin-bottom:10px; margin-top:15px;overflow:hidden;}
	.top_menu_nav_box .step_box h3{font-size:17px; font-weight:500; margin-top:0px; }
	.top_menu_nav_box .step_box span{display:block;width:20px;height:20px; line-height:20px;margin-left:10px;font-size:14px;}
	.top_menu_nav_box .step_box p{font-size:14px; line-height:18px;}
	.top_menu_nav_box .step_box  img{width:10px;height:100%;right:-8px;}

	.top_menu_nav_box .step_box.one  .number{margin-left:10px;}
	.top_menu_nav_box .step_box.five  .number{margin-left:20px;}
	.top_menu_nav_box .step_box.seven{padding:0px 5px 0px 5px;}
	.top_menu_nav_box .step_box.seven  img{right:-8px;}
	.top_menu_nav_box .step_box.seven  p{ line-height:95px; margin-left:12px;}	
	
	.pager_box {width:700px;margin:20px auto 20px auto;padding-top:40px; overflow:hidden;}
	.pager_box .pager_next{width:100px;}
	.pager_box .pager_next.checkout{width:145px;}
	.pager_box .pager_prev{width:100px;}
			
}
@media screen and (max-width: 700px) {
	
	.navigation{display:none; }
	.top_menu_nav_box{display:none;}
	
	.phone_top_menu{display:block;position:relative;}
	.phone_top_menu{width:100%; height:auto;border-bottom:1px solid #bfbfbf;display:block; overflow:hidden;padding:15px 0px;}
	.phone_top_menu.seven{padding:25px 0px;}
	.phone_top_menu .step_box{width:80%;display:block; margin:0 auto ;background:#;position:relative; text-align:center; color:#939393;letter-spacing:1px; }
	.phone_top_menu .step_box .number{margin-bottom:10px;overflow:hidden;width:100px;background-color:#; margin:0 auto 10px auto; padding-left:15px;}
	.phone_top_menu .step_box h3{display:block;font-family: 'Fjalla One', sans-serif; font-size:24px; font-weight:500; overflow:hidden;float:left; margin-top:3px;color:#2a56b4; }
	.phone_top_menu .step_box span{background-color:#2a56b4;border-radius:100px;display:block;width:28px;height:28px; float:left; line-height:28px; margin-left:10px; margin-top:1px;color:#fff;font-size:20px;}
	.phone_top_menu .step_box p{font-family: Microsoft JhengHei ;font-size:25px;font-family: 'Fjalla One', sans-serif;color:#2a56b4;line-height:26px;font-weight:500; letter-spacing:0.5px;text-align:center;}
	.phone_top_menu  .pager_next{display:block;width:42px;position:absolute;top:50%;margin-top:-27px;right:10px;overflow:hidden;cursor:pointer;}
	.phone_top_menu   img{width:100%;}
	.phone_top_menu input{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;}
	.phone_top_menu  .pager_prev{display:block;width:42px;position:absolute;top:50%;margin-top:-27px;left:10px;overflow:hidden;cursor:pointer;}
	
	.phone_top_menu.seven img{margin-top:-10px;}
	
	.bg_triangle_bottom{width:100%;height:110px;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
	.bg_triangle_bottom .dot_box{width:100%;height:150px;}
	.bg_triangle_bottom .white_box{width:130%;height:140px;top:35px;left:-70px;transform:rotate(9deg);-webkit-transform:rotate(9deg);}
	
	.pager_box {width:100%; margin:20px auto 0px auto;padding-top:20px;}
	.pager_box .pager_next{width:80px;float:right;margin-right:15px;}
	.pager_box .pager_next.checkout{width:115px;}
	.pager_box .pager_prev{width:80px;float:left;margin-left:15px;}


	
	
}