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; }
.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  .item_area{width:100%;overflow:hidden;}
.content01  .item_area .item_box:nth-of-type(1){border-top:1px solid #eee;}
.content01  .item_area .item_box{display:block;width:100%;padding:15px 0px;overflow:hidden; border-bottom:1px solid #eee; color:#666;  font-weight:300; letter-spacing:0.5px;line-height:20px;position:relative;}
.content01  .item_area .item_box .date{display:block;float:left; width:100px;  }
.content01  .item_area .item_box .news_title{display:block;float:left;width:75%; padding-left:15px;border-left:1px solid #999;font-size:14px;}
.content01  .item_area .item_box:hover .news_title{color:#2a56b4;}
.content01  .item_area .item_box .arrow{width:6px;height:6px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); border-bottom:1px solid #999;border-right:1px solid #999; float:left;position:absolute;top:50%;right:10px; margin-top:-3px;}

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

.pageLinks{width:100%;overflow:hidden; margin-bottom:40px; margin-top:40px;}
.pageLinks .float_right{float:right;overflow:hidden;}
.pageLinks a{display:block;float:left;font-size:16px;color:#999;font-weight:400;padding:8px 12px;border:2px solid #fff; background-color:#eee;}
.pageLinks a:hover{color:#2a56b4;}
.pageLinks strong{padding:8px 13px;background-color:#2a56b4;border:2px solid #fff;font-size:16px;float:left;color:#fff;font-weight:400;}
.pageLinks .prev{font-size:16px;float:left;color:#fff;font-weight:400;margin:0 8px 0 0px;opacity:0.6;}
.pageLinks .prev a{display:block;padding:8px 12px;background-color:#fff;background:url(../jpg/arrow_prev.jpg)  no-repeat center center;background-size:auto;text-indent:-9999px}
.pageLinks .next{font-size:16px;float:left;color:#fff;font-weight:400;margin:0 0px 0 8px;opacity:0.6;}
.pageLinks .next a{display:block;padding:8px 12px;background-color:#fff;background:url(../jpg/arrow_next.jpg)  no-repeat center center;background-size:auto;text-indent:-9999px}
.pageLinks .first{font-size:16px;float:left;color:#fff;font-weight:400;margin:0px;opacity:0.6;}
.pageLinks .first a{display:block;padding:8px 8px;background-color:#fff;background:url(../jpg/arrow_last.jpg)  no-repeat center center;background-size:auto;text-indent:-9999px;transform:rotate(-180deg);}
.pageLinks .last{font-size:16px;float:left;color:#fff;font-weight:400;margin:0px;opacity:0.6;}
.pageLinks .last a{display:block;padding:8px 12px;background-color:#fff;background:url(../jpg/arrow_last.jpg)  no-repeat center center;background-size:auto;text-indent:-9999px;}

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

	.pageLinks{width:100%;overflow:hidden; margin-bottom:40px; margin-top:40px;}
	.pageLinks .float_right{float:right;overflow:hidden;}
	.pageLinks a{display:block;float:left;font-size:19px;color:#999;padding:9px 13px;}
	.pageLinks a:hover{color:#2a56b4;}
	.pageLinks strong{padding:9px 14px;background-color:#2a56b4;border:2px solid #fff;font-size:19px;float:left;}
	.pageLinks .prev{font-size:19px;float:left;;margin:0 8px 0 0px;}
	.pageLinks .prev a{display:block;padding:9px 13px;}
	.pageLinks .next{font-size:19px;float:left;margin:0 0px 0 8px;}
	.pageLinks .next a{display:block;padding:9px 13px;}
	.pageLinks .first{font-size:19px;float:left;margin:0px;}
	.pageLinks .first a{display:block;padding:9px 13px;}
	.pageLinks .last{font-size:19px;float:left;margin:0px;}
	.pageLinks .last a{display:block;padding:9px 13px;}
}
@media screen and (max-width: 700px){

	.pageLinks {width:100%; margin: 10px 0 30px 0; float:right;}
	.pageLinks a {font-size:15px; padding:5px 9px;}
	.pageLinks strong {padding:5px 9px; font-size:15px;}
	.pageLinks .prev {font-size:15px;}
	.pageLinks .prev a {display:block; padding:5px 9px;}
	.pageLinks .next {font-size:15px;}
	.pageLinks .next a {padding:5px 9px;}
	.pageLinks .first {font-size:15px;}
	.pageLinks .first a {padding:5px 9px;}
	.pageLinks .last {font-size:15px;}
	.pageLinks .last a {padding:5px 9px;}
}

.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: 1800px){

	.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 .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;}
	.content01  .item_area .item_box:nth-of-type(1){border-top:1px solid #eee;}
	.content01  .item_area .item_box{display:block;width:100%;padding:22px 0px;overflow:hidden; border-bottom:1px solid #eee; color:#666;  font-weight:300; letter-spacing:0.5px;line-height:20px;position:relative;}
	.content01  .item_area .item_box .date{width:110px;font-size:18px;  }
	.content01  .item_area .item_box .news_title{padding-left:20px;font-size:18px;line-height:22px;}
	.content01  .item_area .item_box .arrow{width:8px;height:8px;}
	
	.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;}
}
@media screen and (max-width: 1799px) 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 .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;}
	.content01  .item_area .item_box:nth-of-type(1){border-top:1px solid #eee;}
	.content01  .item_area .item_box{display:block;width:100%;padding:22px 0px;overflow:hidden; border-bottom:1px solid #eee; color:#666;  font-weight:300; letter-spacing:0.5px;line-height:20px;position:relative;}
	.content01  .item_area .item_box .date{width:110px;font-size:18px;  }
	.content01  .item_area .item_box .news_title{padding-left:20px;font-size:18px;line-height:22px;}
	.content01  .item_area .item_box .arrow{width:8px;height:8px;}
	
	.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;}
}
@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;padding-bottom:30px;  margin-top:20px;}
	.content01 .right_area .content_box{width:550px;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 .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(4deg);-webkit-transform:rotate(4deg);}
	
	.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  .item_area .item_box .news_title{display:block;float:left;width:90%;padding-left:0px;border-left:0px solid #999;font-size:14px; margin-top:10px;}
	.content01  .item_area .item_box .arrow{width:8px;height:8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg); border-bottom:1px solid #999;border-right:1px solid #999; float:left;position:absolute;top:50%;right:10px; margin-top:-3px;}
	
	.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;}
}