@charset "utf-8";

/* CSS Document */



.ins_navBox ul li{ padding:0 30px;}



.insideWrap .wrap{ width:90%}

.insideWrap .wrap ul.newsWrap{ display:inline-block; width:100%; margin:30px auto 0; text-align:left;}

.insideWrap .wrap ul.newsWrap li{ width:100%; padding:10px 10px; border-bottom:1px #aaa dotted; box-sizing: border-box;}

.insideWrap .wrap ul.newsWrap li a{ display:block; font-size:17px; color:#222; transition:all 0.4s ease; position:relative;}

.insideWrap .wrap ul.newsWrap li a:hover{ color:#ff2725;}

.insideWrap .wrap ul.newsWrap li a i{ padding-right:8px; transition:all 0.4s ease; float:left;}

.insideWrap .wrap ul.newsWrap li a:hover i{ color:#ff7373;}

.insideWrap .wrap ul.newsWrap li span.date{ position:absolute; right:0px; top:5px; color:#fa875b; font-size:13px;}

.insideWrap .wrap ul.newsWrap li a p{padding-left:15px; }







/*消息內頁*/

.contentWrap .wrap .itemBox{ width:100%; box-sizing:border-box; margin:0 auto;}

.contentWrap .wrap .itemBox .titleBox{ width:100%; box-sizing:border-box;}

.contentWrap .wrap .itemBox .titleBox h3{ font-size:21px; color:#F88559; padding-bottom:10px;}



.contentWrap .wrap .itemBox .conBox{ width:100%; box-sizing:border-box; margin-top:15px;}

.contentWrap .wrap .itemBox .conBox .txtBox{ float:left; width:100%; box-sizing:border-box;}

.contentWrap .wrap .itemBox .conBox .txtBox p{ font-size:15px; color:#52525F; text-align:justify;}



/*==case==*/

.caseWrap{ width:100%; box-sizing:border-box; position:relative;} 

/*.caseWrap:after{ content:""; position:absolute; right:180px; bottom:0; width:200px; height:99px; background:url(../images/img_bg03.png) no-repeat;}*/

.caseWrap .wrap{ padding:40px 20px;}



/*submenu*/

.caseWrap .wrap .submenuBox{ float:left; width:20%; box-sizing:border-box;}

.caseWrap .wrap .submenuBox .title{ width:100%; border-bottom:2px #fa875b solid; text-align:center; padding:12px 0;}

.caseWrap .wrap .submenuBox .title h3{ font-size:22px; color:#fa875b; background:url(../images/icon_case.png) no-repeat right top;}

.caseWrap .wrap .submenuBox ul li{ width:100%; box-sizing:border-box; padding:20px 0; border-bottom:1px #999 dotted; text-align:center;}

.caseWrap .wrap .submenuBox ul li a{ display:block; font-size:16px; color:#ff2725; transition:all 0.4s ease;}

.caseWrap .wrap .submenuBox ul li a:hover{ color:#ff2626;}

.caseWrap .wrap .submenuBox ul li a.active{ color:#ff2626; font-weight:bold;}



/*content*/

.caseWrap .wrap .caseBox{ float:left; width:80%; box-sizing:border-box; padding-left:40px;}

.caseWrap .wrap .caseBox ul{ margin:0 -7px;}

.caseWrap .wrap .caseBox ul li{ float:left; width:100%; box-sizing:border-box; padding:0 7px 20px;}

.caseWrap .wrap .caseBox ul li .itemBox{ width:100%; background:#fff; box-sizing:border-box; box-shadow:0px 2px 5px rgba(20%,20%,40%,0.2);}

.caseWrap .wrap .caseBox ul li .itemBox .imgBox{ width:100%;}

.caseWrap .wrap .caseBox ul li .itemBox .imgBox img{display:block; width:100%;}

.caseWrap .wrap .caseBox ul li .itemBox .imgBox a{ display:block; transition:all 0.4s ease;}

.caseWrap .wrap .caseBox ul li .itemBox .imgBox a:hover{ opacity:0.8;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox{ width:100%; box-sizing:border-box; padding:25px 15px;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox h3{ font-size:20px; color:#fa875b; margin-bottom:8px; height:30px; overflow:hidden; text-align:center;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox p{ font-size:14px; color:#666; text-align:justify; line-height:1.6; height:90px; overflow:hidden;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox .more{ text-align:center; margin-top:20px;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox .more a{ display:inline-block; font-size:12px; color:#888; text-align:center; border-radius:30px; border:1px #d2d2d2 solid; padding:5px 15px; margin-top:0; transition:all 0.4s ease;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox .more a:hover{ background:#9a72bb; color:#fff; border:1px #aaa solid;}









@media (max-width:1280px){

}





@media (max-width:1034px){

.contentWrap .wrap ul li .itemBox .conBox .txtBox p{ height:120px; overflow:hidden;}	

}





@media (max-width:980px){

.contentWrap .wrap ul li .itemBox{ padding:0 100px;}

}





@media (max-width:768px){

.contentWrap .wrap ul li .itemBox{ padding:0 60px;}	

.contentWrap .wrap ul li .itemBox .conBox .txtBox p{ height:100px;}

}





@media (max-width:640px){

.contentWrap .wrap ul li .itemBox{ padding:0 30px;}	

.contentWrap .wrap ul li .itemBox .conBox .txtBox{ padding:10px 0 0 10px;}

.contentWrap .wrap ul li .itemBox .conBox .txtBox p{ height:80px;}

}



@media (max-width:480px){

.ins_navBox ul li{ padding:0 20px;}	



.contentWrap{ padding:20px 0 0 0;}

.contentWrap .wrap ul li{ padding:15px 0 10px;}	

.contentWrap .wrap ul li .itemBox .conBox{ padding-bottom:50px;}	

.contentWrap .wrap ul li .itemBox .conBox .imgBox{ float:none; width:100%;}	

.contentWrap .wrap ul li .itemBox .conBox .txtBox{ float:none; width:100%; padding-left:0;}

	

}



@media (max-width:420px){

	.insideWrap .wrap ul.newsWrap li a p{ width:70%;}



}



@media (max-width:375px){

}



@media (max-width:320px){

.ins_navBox ul li{ padding:0 10px;}	

	.insideWrap .wrap ul.newsWrap li a p{ width:60%;}



}



@media (max-width:1034px){



}



@media (max-width:980px){

.caseWrap .wrap .caseBox{ padding-left:25px;}

}



@media (max-width:768px){

.submenu_m{ display:block;}	

.caseWrap .wrap .submenuBox{ float:none; display:none;}

.caseWrap .wrap .caseBox{ float:none; width:100%; padding:0; margin-top:25px;}

	

}



@media (max-width:640px){

.caseWrap .wrap .caseBox ul li{ width:50%;}	

}



@media (max-width:480px){

.caseWrap .wrap .caseBox ul li{ width:100%;}		

.caseWrap .wrap{ padding:40px 15px 20px;}

.caseWrap .wrap .caseBox ul li .itemBox .txtBox p{ height:auto;}

}



@media (max-width:420px){

.caseWrap .wrap{ padding:30px 15px 15px;}	

.caseWrap .wrap .caseBox{ margin-top:15px;}	

}





@media (max-width:375px){

	

}





@media (max-width:320px){

.caseWrap .wrap{ padding:20px 10px 10px;}	

}