@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{ padding-top:5px; display:block; font-size:17px; color:#222; transition:all 0.4s ease; position:relative;}
.insideWrap .wrap ul.newsWrap li a:hover{ color:#5bcbad;}
.insideWrap .wrap ul.newsWrap li a i{ padding-right:8px; transition:all 0.4s ease;}
.insideWrap .wrap ul.newsWrap li a:hover i{ color:#5bcbad;}
.insideWrap .wrap ul.newsWrap li span.date{ position:absolute; right:0px; top:5px; color:#43cbb9; font-size:13px;}
.insideWrap .wrap ul.newsWrap li p{ color:#999; font-size:15px; padding-left:20px; padding-top:10px;}


/*消息內頁*/
.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:#5bcbad; 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 #FF7373 solid; text-align:center; padding:12px 0;}
.caseWrap .wrap .submenuBox .title h3{ font-size:22px; color:#FF7373; background:url(../images/icon_case.png) no-repeat right top;}
.caseWrap .wrap .submenuBox ul li{ font-size:19px; float:left; color:#2a6d93; padding-left:10px; padding-top:5px;}
.caseWrap .wrap .submenuBox ul.namelist li{ width:100%; box-sizing:border-box; padding:20px 0; border-bottom:1px #999 dotted; text-align:center;}
.caseWrap .wrap .submenuBox ul.namelist li a{ display:block; font-size:17px; color:#9797A5; transition:all 0.4s ease;}
.caseWrap .wrap .submenuBox ul.namelist li a:hover{ color:#2a6d93;}
.caseWrap .wrap .submenuBox ul.namelist li a.active{ color:#2a6d93;}

/*content*/
.caseWrap .wrap .caseBox{ float:left; width:80%; box-sizing:border-box; padding-left:40px;}
.caseWrap .wrap .caseBox .NameTitle{ border-left:5px #2a6d93 solid;}
.caseWrap .wrap .caseBox .NameTitle h2{ padding-left:5px; font-size:21px; color:#505050;}
.caseWrap .wrap .caseBox .NameTitle p{ padding-left:5px; font-size:15px; color:#9797A5;}
.caseWrap .wrap .caseBox .TextBox {  margin-top:15px; padding-left:10px; color:#9797A5; width:60%; float:left; padding-bottom:50px;}
.caseWrap .wrap .caseBox .TextBox b{ line-height:50px; color:#3D3D3D;}
.caseWrap .wrap .caseBox .ImgBox{ display:inline-block; clear:both; width:40%; float:right; padding-bottom:20px;}
.caseWrap .wrap .caseBox .ImgBox img{ padding-left:15px; width:100%; padding-top:20px;}
.TimeBox b{font-family:Arial, Helvetica, sans-serif,微軟正黑體; line-height:50px;}
.rt-wrap table.rwd-table{ margin-bottom:20px; float:left; font-size:15px; border:2px #FFB0B6 solid; font-family:Arial, Helvetica, sans-serif,微軟正黑體; color:#666; text-align:center;}
table.rwd-table tr th{font-size:16px; border:1px #FFB0B6 solid;padding:2px; background-color:#FFB0B6; color:#FFF;}
table.rwd-table tr td{border:1px #FFB0B6 solid;padding:5px;    text-align: center;    vertical-align: middle;}

.onlineBox{ text-align:center;margin: 20px 0;}
.onlineBox a{ display: inline-block; font-size:14px; color:#fff; background:#2a6d93; padding:5px 20px;border-radius:6px; transition:all 0.4s ease;}
.onlineBox a:hover{ background:#43cbb9;}



@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;}
.caseWrap .wrap .caseBox .TextBox { float:none; margin-top:15px; color:#9797A5; width:100%;}
.caseWrap .wrap .caseBox .ImgBox{ width:90%; float:none;}
}

@media (max-width:420px){
}

@media (max-width:375px){
}

@media (max-width:320px){
.ins_navBox ul li{ padding:0 10px;}	
}

@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;}	
}