body{background-color:#fff;}
.header_bar .nav .nav_box .li .title.note{color:#2a56b4;}

.right_pic{width:320px;position:fixed;top:220px;right:-150px;z-index:4;}
.right_pic img{width:100%;}
.right_pic.hover{position:absolute;top:auto;right:-150px;bottom:30px;opacity:1;}

.content01{width:100% ;overflow:hidden; position:relative;margin-top:70px; padding-bottom:150px;}
.content01 .navigation{width:960px; margin:80px auto;position:relative; z-index:3; font-weight:400;overflow:hidden;}
.content01 .navigation .box{ float:right; font-size:16px; font-weight:300; }
.content01 .navigation .box a{ color:#888; letter-spacing:0.5px; }
.content01 .navigation .box span{ color:#2a56b4; letter-spacing:0.5px; }

.content01 .left_bg{width:25%;height:700px;float:left;background:url(../jpg/bg-4.jpg) 0% 100%  fixed;background-repeat:no-repeat;background-size:contain;overflow:hidden;position:relative; }
.content01 .left_bg .top_hover{width:120%; height:100px;transform:rotate(-4deg);-webkit-transform:rotate(-4deg);position:absolute;left:-10px;top:-90px; background-color:#fff;}
.content01 .left_bg .bottom_hover{width:120%; height:100px;transform:rotate(-4deg);-webkit-transform:rotate(-4deg);position:absolute;bottom:-80px;left:0px; background-color:#fff;}

.content01 .right_area{width:75%;min-height:700px;float:left; background-color:#fff;overflow:hidden;position:relative;z-index:3;}
.content01 .right_area .content_box{width:650px;min-height:700px;margin-left:80px;overflow:hiddden; background-color:#fff;position:relative;z-index:3;}

.content01 .text_area{width:100%;min-height:600px;overflow:hidden; margin:0px auto 20px auto;}
.content01 .text_area .title_box{display:block;width:100%;margin:0px auto 20px auto;overflow:hidden;border-bottom:1px solid #eee;padding-bottom:15px; }
.content01 .text_area .title_box .h1{color:#2a56b4; float:left;font-family: 'Fjalla One', sans-serif;}
.content01 .text_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:15px; margin-top:-3px;float:left;transform:scale(0.7);-webkit-transform:scale(0.7);}
.content01 .text_area .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;}
.content01 .text_area .title_box .date{float:right; margin-top:30px;font-size:14px; color:#666; letter-spacing:1px;}

.content01  .item_area{width:100%;overflow:hidden;}
.content01  .item_area .news_title{font-size:30px; font-family: 'Fjalla One', sans-serif; color:#666;  margin-bottom:15px;}
.content01  .item_area .text_box{font-size:14px; color:#666; line-height:20px; letter-spacing:0.5px; font-weight:300;}
.content01  .item_area .text_box .text_box span{line-height:100%;}

.content01  .text_area .back_box{display:block;float:right;width:80px; opacity:0.6; margin:60px 0px 0px 0px;padding-right:0px; transition:0.3s;-webkit-transition:0.3s;}
.content01  .text_area .back_box img{width:100%;}
.content01  .text_area .back_box:hover{opacity:1;padding-right:20px;}

/*******************************頁碼*******************************/

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

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

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

	.content01{width:100% ;overflow:hidden; position:relative;margin-top:115px;padding-bottom:150px;}
	.content01 .navigation{width:1200px; margin:80px auto;}
	.content01 .navigation .box { font-size:20px; }
	
	.content01 .left_bg{width:25%;height:850px;overflow:hidden; }
	.content01 .left_bg .top_hover{width:150%; height:120px;}
	.content01 .left_bg .bottom_hover{width:150%; height:120px;}
	
	.content01 .right_area{width:75%;float:left;position:relative;z-index:3;}
	.content01 .right_area .content_box{width:880px;margin-left:80px;position:relative;z-index:3;}
	.content01  .item_area .text_box{font-size:18px; color:#666; line-height:24px; letter-spacing:0.5px; font-weight:300;}
	
	.content01 .text_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;margin-top:5px;transform:scale(0.9);-webkit-transform:scale(0.9);}
	.content01 .text_area p{font-size:18px;}
	
	.content01  .item_area{width:100%;overflow:hidden;}
	.right_pic{width:460px;position:fixed;top:220px;right:-150px;z-index:4;}
	.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:-5px;}
	
	.content01  .text_area .back_box{display:block;float:right;width:130px; opacity:0.6; margin:60px 0px 0px 0px;padding-right:0px; transition:0.3s;-webkit-transition:0.3s;}
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
	
	.content01 .navigation .box { font-size:18px; }
	.right_pic{width:320px;position:fixed;top:220px;right:-150px;z-index:4;}	
}
@media screen and (max-width:1024px) and (min-width: 960px){

	.content01 .navigation .box { font-size:14px; }
	.content01 .left_bg{width:25%;height:850px;}
	.content01 .right_area .content_box{width:550px;margin-left:60px;position:relative;z-index:3;}
	
	.right_pic{width:300px;position:fixed;top:220px;right:-150px;z-index:4;}
}
@media screen and (max-width: 959px) and (min-width: 700px){
	
	.content01{width:100% ;overflow:hidden; position:relative;margin-top:70px;padding-bottom:150px;}
	.content01 .navigation{width:480px; margin:250px auto 0px auto;position:relative; z-index:3; font-weight:400;overflow:hidden;}
	.content01 .navigation .box { font-size:14px; }
	.content01 .left_bg{width:100%;height:200px;float:none;background:url(../jpg/bg-4.jpg)  center center scroll; background-repeat:repeat; background-size:cover;overflow:hidden;position:absolute; top:0px;z-index:5;}
	.content01 .left_bg .top_hover{display:none;}
	.content01 .left_bg .bottom_hover{display:none;}
	.content01 .right_area{width:100%;float:none;position:relative;z-index:3; margin-top:20px;}
	.content01 .right_area .content_box{width:600px;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	
	.content01 .bg_triangle_top{width:100%;height:150px; position:absolute;top:200px;right:0px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1);}
	.content01 .bg_triangle_top .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(4deg);-webkit-transform:rotate(4deg);}
	
	.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:0px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
	.content01 .bg_triangle_bottom .dot_box{width:100%;height:150px;}
	.content01 .bg_triangle_bottom .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(4deg);-webkit-transform:rotate(4deg);}
	
	.content01  .text_area .back_box{display:block;float:right;width:130px; opacity:0.6; margin:60px 0px 0px 0px;padding-right:0px; margin-right:20px; transition:0.3s;-webkit-transition:0.3s;}
	
	.right_pic{width:210px;position:absolute;top:auto;bottom:0px;right:-110px;z-index:4;}
	.right_pic.hover{position:absolute;top:auto;right:-130px;bottom:30px;opacity:1;}
}
@media screen and (max-width: 700px) {
	
	.content01{margin-top:0px;padding-bottom:220px;overflow:hidden; margin-top:80px;}
	.content01 .navigation{display:none;}
	.content01 .left_bg{width:100%;height:160px;float:none;background:url(../jpg/bg-4.jpg)  center center scroll; background-repeat:repeat; background-size:cover;overflow:hidden;position:relative; }
	.content01 .left_bg .top_hover{display:none;}
	.content01 .left_bg .bottom_hover{display:none;}

	.content01 .right_area{width:100%;float:none;position:relative;z-index:3; margin-top:80px;}
	.content01 .right_area .content_box{width:88%;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	.content01 .text_area .title_box .triangle_arrow_box_bg{margin-top:-8px;}
	.content01  .text_area .back_box{display:block;float:right;width:130px; opacity:0.6; margin:60px 0px 0px 0px;padding-right:0px; transition:0.3s;-webkit-transition:0.3s;}
	
	.content01 .bg_triangle_top{width:100%;height:150px; position:absolute;top:160px;right:0px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1);}
	.content01 .bg_triangle_top .dot_box{width:100%;height:150px;}
	.content01 .bg_triangle_top .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(9deg);-webkit-transform:rotate(9deg);}
	
	.content01 .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:0px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);}
	.content01 .bg_triangle_bottom .dot_box{width:100%;height:150px;}
	.content01 .bg_triangle_bottom .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(9deg);-webkit-transform:rotate(9deg);}

	.right_pic{width:180px;position:absolute;top:auto;bottom:20px;right:-70px;z-index:4;}
}