body{background-color:#fff;}

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

.content01{width:100% ; position:relative;margin-top:70px;padding-bottom:150px;overflow:hidden;}
.content01 .navigation{width:880px; 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-8.jpg)  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%;float:left;position:relative;z-index:3;overflow:hidden;}
.content01 .right_area .content_box{width:650px;margin-left:80px;position:relative;z-index:3;}

.content01 .text_area{width:100%;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 .text_area p{font-size:14px; color:#666;}

.content01 .text_area .icon_box{float:left;width:100%; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;  padding:10px 0px 10px 0px; margin:10px auto; overflow:hidden;}
.content01 .text_area .icon_box .icon{overflow:hidden; margin-bottom:5px;}
.content01 .text_area .icon_box .icon img{float:left; display:block;width:22px; }
.content01 .text_area .icon_box .icon p{float:left;color:#898989; margin-left:20px; margin-top:5px;}
.content01 .text_area .icon_box .icon a:hover p{color:#2a56b4;}

.content01 .text_area .form_box{width:100%; margin-bottom:30px; padding-bottom:30px;overflow:hidden;}
.content01 .text_area .form_box .box{width:100%; margin:10px auto; overflow:hidden;}
.content01 .text_area .form_box .box p{float:left; width:12%; line-height:36px;}
.content01 .text_area .form_box .box span{font-size:18px;color:#2a56b4;}
.content01 .text_area .form_box .box input{background-color:#fff; border-radius:5px; border:1px solid #dddddd; padding:5px; float:left; font-size:14px;} 
.content01 .text_area .form_box .box input.input1{width:40.4%;margin-right:15px;}
.content01 .text_area .form_box .box input.input1:nth-of-type(2){margin-right:0px;}
.content01 .text_area .form_box .box input.input2{width:85.5%;}
.content01 .text_area .form_box .textarea{width:100%; margin:15px auto;}
.content01 .text_area .form_box .textarea textarea{width:96.5%; height:150px;background-color:#fff; border-radius:5px; border:1px solid #dddddd; padding:8px;}

.content01 .text_area .form_box .btn{ margin:10px auto; float:right;}
.content01 .text_area .form_box .btn_1 a{}
.content01 .text_area .form_box .btn_1{width:120px;height:40px; float:left; margin-left:25px; background-color:#2a56b4;border-radius:5px;line-height:40px; color:#fff; text-align:center;overflow:hidden;transition:0.3s;-webkit-transition:0.3s; cursor: pointer; }
.content01 .text_area .form_box .btn_1:active{background-color:#124091;}
.content01 .text_area .form_box .btn_1 input{width:100%;height:40px; margin-top:-2px; background-color:rgba(0,0,0,0);border-radius:5px; border:0px;color:#fff;cursor: pointer; }
.content01 .text_area .form_box .btn_1 input:active{background-color:#124091;}

.content01 .text_area .form_box .upload_box{width:100%;margin:10px 0px 10px 0px; padding-bottom:5px;border-bottom:1px solid #dddddd; overflow: hidden;}

.right_pic{width:360px;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 .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:900px; }
	.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:800px;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 .text_area .icon_box{ padding:25px 0px 25px 0px; margin:25px auto;}
	.content01 .text_area .icon_box .icon{margin-bottom:15px;}
	.content01 .text_area .icon_box .icon img{width:30px; margin-top:-2px;}
	.content01 .text_area .icon_box .icon p{}

	.content01 .text_area .form_box .box{margin:20px auto;}
	.content01 .text_area .form_box .box span{font-size:22px;}
	.content01 .text_area .form_box .box input{padding:8px;font-size:16px;} 
	.content01 .text_area .form_box .box input.input1{width:40.3%;}
	.content01 .text_area .form_box .box input.input2{width:84.5%;}
	.content01 .text_area .form_box .textarea{width:100%; margin:15px auto;}
	.content01 .text_area .form_box .textarea textarea{width:96.5%; height:240px;padding:8px;}
	
	.content01 .text_area .form_box .btn{ margin:10px auto; float:right; margin-right:10px;}
	.content01 .text_area .form_box .btn_1 a{}
	.content01 .text_area .form_box .btn_1{width:140px;height:50px; float:left;line-height:45px; color:#fff; }
	.content01 .text_area .form_box .btn_1 input{width:100%;height:50px; margin-top:-2px;font-size:20px; }
	
	.right_pic{width:520px;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:420px;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 .right_area .content_box{width:480px;margin-left:60px;position:relative;z-index:3;}
	.content01 .text_area .form_box .box p{float:left; width:15%;}
	.content01 .text_area .form_box .box input.input1{width:38.4%;}
	.content01 .text_area .form_box .box input.input2{width:82.5%;}
	.content01 .text_area .form_box .textarea{width:100%; margin:15px auto;}
	.content01 .text_area .form_box .textarea textarea{width:95.9%; }
	.right_pic{width:360px;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:130px;}
	.content01 .navigation{width:480px; margin:250px auto 0px auto;position:relative; z-index:3; font-weight:300;overflow:hidden;}
	.content01 .navigation .box{ font-size:14px; }
	.content01 .left_bg{width:100%;height:200px;float:none;background:url(../jpg/bg-8.jpg) center center scroll; background-repeat:repeat; background-size:cover;overflow:hidden;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:50px;  margin-top:20px;}

	.content01 .right_area .content_box{width:480px;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	.content01 .text_area .form_box .box p{float:left; width:15%;}
	.content01 .text_area .form_box .box input.input1{width:38.4%;}
	.content01 .text_area .form_box .box input.input2{width:82.5%;}
	.content01 .text_area .form_box .textarea{width:100%; margin:15px auto;}
	.content01 .text_area .form_box .textarea textarea{width:95.9%; }
	
	.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:280px;position:absolute;top:auto;bottom:0px;right:-50px;z-index:4;}
	.right_pic.hover{position:absolute;top:auto;right:-150px;bottom:30px;opacity:1;}
}
@media screen and (max-width: 700px) {
		
	.content01{margin-top:0px;padding-bottom:100px;overflow:hidden; margin-top:80px;}
	.content01 .navigation{display:none;}
	.content01 .left_bg{width:100%;height:160px;float:none;background:url(../jpg/bg-8.jpg) center center scroll; background-repeat:repeat; background-size:cover;}
	.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:90%;margin-left:auto; margin-right:auto;position:relative;z-index:3;}
	

	.content01 .text_area .title_box .triangle_arrow_box_bg{margin-left:5px; margin-top:-6px;transform:scale(0.6);-webkit-transform:scale(0.6);}

	.content01 .text_area .icon_box .icon{overflow:hidden; margin-bottom:5px;}
	.content01 .text_area .icon_box .icon img{float:left; display:block;width:22px; }
	.content01 .text_area .icon_box .icon p{display:block;width:60%;float:left;color:#898989; margin-left:20px; margin-top:4px; }
	.content01 .text_area .icon_box .icon a:hover p{color:#2a56b4;}
	
	.content01 .text_area .form_box .box p{float:none; width:100%;}
	.content01 .text_area .form_box .box input.input1{width:43%;}
	.content01 .text_area .form_box .box input.input2{width:96%;}
	.content01 .text_area .form_box .textarea{width:100%; margin:15px auto;}
	.content01 .text_area .form_box .textarea textarea{width:93.9%; }
	
	.content01 .text_area .form_box .btn{float:none;}
	.content01 .text_area .form_box .btn_1{float:none; margin-left:auto;margin-right:auto;  }
	
	.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:210px;position:absolute;top:auto;bottom:0px;right:-70px;z-index:4;}
	
	
}

/*圖片上傳按鈕*/
[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_btn] { position:relative; overflow:hidden; display:inline-block; *display:inline; color:#fff; text-align:center; vertical-align:middle; cursor:pointer; width:125px; height:36px; margin:0px 0px 10px 0px; background-color:rgba(0,0,0,0); padding-left:35px; font-weight:600; color:#6c6c6c; font-size:14px; cursor:pointer; border:1px solid #999; border-radius:8px; float:left; } 
[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_btn] > span { display:block; height:20px; line-height:20px; cursor:pointer; padding-top:8px; }
[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_btn] input { position:absolute; top:0; right:0; margin:0; border:solid transparent; opacity:0; filter:alpha(opacity=0); cursor:pointer; animation:none; transition:none; line-height:30px; height:30px; } 
[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_message] { float:left; color:#777; font-size:13px; padding-bottom:6px; padding-left:10px; width: 450px; line-height:15px; padding-top:5px; letter-spacing:1px;}
[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_btn]:hover { background-color:#eee; }
.upload_box img { position:absolute; left:15px; margin-top:8px; width:26px; z-index:99999; }

.picidUploadList { overflow: hidden; clear:both; }
.picidUploadList .picidUploadLi { float:left; height:54px; margin:0 5px 15px 0; padding:10px; overflow:hidden; border:2px solid #FFF; background:#eee; border-radius:5px; cursor:move; font-size:12px; }
.picidUploadList .picidUploadLi .pic { display:block; width:50px; height:50px; border:2px solid #FFF; overflow:hidden; float:left; margin-right:10px; }
.picidUploadList .picidUploadLi .pic img { width:50px;  float:left; position:relative; left:0; margin-top:0; }
.picidUploadList .picidUploadLi .other { height:50px; float:left; }
.picidUploadList .picidUploadLi .pic_name { width:90px; height:15px; line-height:30px; }
.picidUploadList .picidUploadLi .other .pic_delete { width:50px; margin-top:5px; color:#027de5; cursor:pointer; }

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

	[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_btn] { position:relative; overflow:hidden; display:block; color:#fff; text-align:center; vertical-align:middle; cursor:pointer; width:125px; height:36px; margin:0px 0px 10px 0px; background-color:rgba(0,0,0,0); padding-left:35px; font-weight:600; color:#6c6c6c; font-size:14px; cursor:pointer; border:1px solid #999; border-radius:8px; float:none;} 
	
	[fanswoo-pic_upload_ajax] [fanswoo-pic_upload_ajax_message] { float:none; font-size:13px; padding-bottom:12px; padding-left:0px; width:100%; line-height:15px; padding-top:5px; letter-spacing:1px;clear:both; margin-bottom:10px; }
	
	.picidUploadList .picidUploadLi { float:left; height:auto; margin:10px 5px 15px 0; padding:10px; overflow:hidden; border:2px solid #FFF; background:#eee; border-radius:5px; cursor:move; font-size:12px;width:90% }
	.picidUploadList .picidUploadLi .pic { display:block; width:40%; height:auto; }
	.picidUploadList .picidUploadLi .pic img { width:100%;  float:left; position:relative; left:0; margin-top:0; }
	.picidUploadList .picidUploadLi .other {width:45%;overflow:hidden; height:auto; float:left; }
	.picidUploadList .picidUploadLi .pic_name { width:45%; height:15px; line-height:16px; }
	.picidUploadList .picidUploadLi .other .pic_delete { width:50px; margin-top:10px;font-size:16px }
}