.newlink li { 
		list-style:none;
		color:#D4A280;}
	.newlink li a { 
		color:#D4A280;}
	.newlink li a:hover {
		color:#D4A280;}
	
<!--推播icon-->
.iconbtn { float:right; display:none;}
.iconimg { 
	width:40px;}

article {
	margin:30px 50px 80px 50px;}
	
.worktitle { 
	width:100%; 
	color:#D4A280;
	padding-top:25%;
	font-size:120%;}	

.workbox2 {
    width: 90%;
    margin: 0 auto;
    text-align: center;}

		  
/*最新消息標題*/		
.newstitle {
          font-size: 26px;
          color: #D4A280;
          position: relative;
          line-height: 1.5;
          margin-left: 0;/*
		  padding-top:5%;*/
		  text-align:justify;}
.newcontant {
		  text-align:justify;}
		  
/*最新消息列表框框2個顏色*/			  
.newlistbox2 {padding:20px;}
.newlistbox1 {background:#eee0d6;padding:20px;}


.newliti { }
.newliday { }

/*工程進度列表圖片距離*/	
.wolilbox { border-bottom:1px #D4A280 dotted; margin-right: 30px; margin-bottom:20px;}
.woliday { font-size:80%; font-weight:normal; line-height:1.7; margin-top:5px; width: 100%; letter-spacing:0.01em}
.woliday>a{
    float: right;
}
		
@media screen and (max-width: 768px) {
.newlistbox1 .s8oi_zpxo a.tibox { height:70px; display:block; letter-spacing:0.03em; text-align:justify;}
.newlistbox2 .s8oi_zpxo a.tibox { height:70px; display:block; letter-spacing:0.03em; text-align:justify;}

a.visited { color:#D4A280;}
a.active { color:#D4A280;}
article { margin:-20px auto 50px auto;}
.workbox2 { width:85%; text-align:center; margin:0 auto;}
/*工作進度*/		
.worktitle { 
	width:100%; 
	color:#D4A280;
	padding-top:0;
	padding-bottom:10%;
	font-size:120%;}
	
.s8oi_img.wolilbox{
    width:103%;
}
}

/*@media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: landscape){
.newlistbox1 .s8oi_zpxo a.tibox {  display:block; font-size:90%; text-align:justify; height:100px;}
.newlistbox2 .s8oi_zpxo a.tibox { 　display:block; font-size:90%; text-align:justify; height:100px;}

}*/


@media screen and (min-width: 812px) {
.li:nth-of-type(odd) .mulid_left {     
	float: left;
	width: 50%;
    padding-right: 30px; margin-top:-20px;}
.news .s8oi_zpxo,.news .s8oi_zpxo a { letter-spacing:0.01em;}
.newlistbox1 .s8oi_zpxo a.tibox { height:90px; display:block; letter-spacing:0.03em; text-align:justify;}
.newlistbox2 .s8oi_zpxo a.tibox { height:90px; display:block; letter-spacing:0.03em; text-align:justify;}
}

.main article .li .iconbtn img{
    width: auto;
}
.news .s8oi_zpxo,
.news .s8oi_img{
    width: 100%;
}
.item.newlistbox1 .s8oi_zpxo>div>a,
.item.newlistbox2 .s8oi_zpxo>div>a,
.s8oi_img.wolilbox>a{
    color: #930
}
.s8oi_img.wolilbox>a{
    padding-bottom: 20px;
    display: inline-block;
}
.item.newlistbox1 .s8oi_zpxo>div,
.item.newlistbox2 .s8oi_zpxo>div{
    width: 100%;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
.item.newlistbox1 .s8oi_zpxo>div a,
.item.newlistbox2 .s8oi_zpxo>div a{
    float: right;
}
.news workbox1 { width:93%; margin-left:70px;}


@media screen and (min-width: 769px) {
/*最新消息列表標題固定高度*/		
.newlistbox1 .s8oi_zpxo a.tibox { height:90px; display:block; letter-spacing:0.03em; text-align:justify;}
.newlistbox2 .s8oi_zpxo a.tibox { height:90px; display:block; letter-spacing:0.03em; text-align:justify;}
.s8oi_img.wolilbox{
    width:calc(100% - 30px);
}
        body{
          font-family:'Microsoft JhengHei';
        }
        .header{
          position: relative;
        }
        .header:after{
          display: block;
          content: '';
          width: 5px;
          height: 156px;
          background-image: url(newswork3/images/Symbol21.png);
          background-size: inherit;
          margin: 0 auto;
          margin-top: -50px;
          background-repeat: no-repeat;
          z-index: 1000;
          position: relative;
        }
        .header img{
          width: 100%;
          height: auto;
        }
        .main{
          width: 100%;
          margin: 0 auto;
          
        }
        .main article .li{
          overflow: hidden;
          /*letter-spacing: 2px; */
          line-height: 1.7;
          /* margin-bottom: 100px; */
        }
        .main article:nth-of-type(even){
          background-color: #F5F5F5;
        }
        .main article .li h2{
          font-size: 26px;
          color: #D4A280;
          position: relative;
          padding-left: 15px;
          margin-top: 8%;
          line-height: 1.7;
          font-weight: normal;
          text-align: justify;
        }
        .main article .li h2:before{
          position: absolute;
          left: 0;
          top: 5px;
          content: '';
          width: 5px;
          height: 30px;
          background-image: url(newimages/Rectangle10199.png);
        }
        .main article .li h3{
          font-size: 18px;
          color: #D4A280;
          line-height: 1.7;
          text-align: justify;
        }
        .main article .li p{
          font-size: 16px;
          color: #707070;
          line-height: 1.7;
          text-align: justify;
        }
        .main article .li img{
          width: 100%;
          height: auto;
        }
        .li:nth-of-type(odd) .mulid_left{/*最新消息內頁圖片的距離*/
          float: left;
          width: 50%;
         /* padding: 0 6%;*/
		 padding-right:30px;
        }
        .li:nth-of-type(odd) .mulid_right{
          float: right;
          width: 50%;
          padding: 0 0 200px 0;
        }
        .li .mulid_left{
          float: right;
          width: 50%;
         /* padding: 0 6%;*/
        }
        .li .mulid_right{
          float:left;
          width: 50%;
          padding: 0;
        }
		
		.footers{
			display:none;}

        .footer{
          /*position: fixed;*/
          left: 0px;
          bottom: 0px;
          z-index: 10;
          width: 100%;
          letter-spacing: 1px;
          padding: 10px;
          font-size: 18px;
		  text-align:center;
          background:#c4a691;
          color:#FFF;
          text-align: center;
        }
        .contact{
          background-color: #F5F5F5;
          text-align: center;
          margin-top: 100px;
          padding-bottom: 50px;
          position: relative;
        }
        .contact:before{
          position: absolute;
          display: block;
          content: '';
          width: 5px;
          height: 156px;
          background-image: url(newswork3/images/Symbol21.png);
          background-size: inherit;
          margin: 0 auto;
          margin-top: -50px;
          background-repeat: no-repeat;
          z-index: 1000;
          left: 50%;
        }
        .contact .ct_box1{
          width: 1000px;
          margin: 0 auto 0;
        }
        .contact .ct_box1 h2{
          font-size: 35px;
          color: #D4A280;
          position: relative;
          padding-top: 100px;
          margin-top: 5%;
          line-height: 1.7;
        }
        .contact .ct_box1 p{
          font-size: 15px;
          color: #707070;
          margin-top: 15px;
         letter-spacing: 2px;
          margin-bottom: 30px;
        }
        .contact .ct_box2{
          width: 1000px;
          margin: 0 auto;
        }
        .contact .ct_box2 h2{
          font-size: 35px;
          color: #D4A280;
          position: relative;
          padding-left: 15px;
          margin-top:30px;
          line-height: 1.7;
        }
        .contact .ct_box2 input{
          width: 700px;
          height: 40px;
          margin-bottom: 30px;
          padding-left: 15px;
          border: solid 1px #D4A280;
          color: #D4A280;
         letter-spacing: 2px;
        }
        .contact .ct_box2 .send{
          width: 196px;
          height: 50px;
          margin-bottom: 30px;
          color: #D4A280;
         letter-spacing: 2px;
          background-color: #D4A280;
          display: block;
          margin: 0 auto;
          color: #fff;
        }
        .news{
          margin-top: 50px;
          /*position: relative;*/
          width: 90%;
          margin: 0 auto;
        }
        .news h2{
          font-size: 35px;
          color: #D4A280;
          position: relative;
          padding-left: 15px;
          margin-top: 4%;
          margin-bottom: 7%;
          line-height: 1.7;
          margin-left: 0;
        }
        .news h2:before{
          position: absolute;
          left: 0;
          top: 5px;
          content: '';
          width: 5px;
          height: 48px;
          background-image: url(newimages/Rectangle10199.png);
        }
        .news .owl-item.active {
    		    border-top: solid 1px #D4A280;
    		    border-bottom: solid 1px #D4A280;
    		    padding-top: 30px;
    		}
    		.news .s8oi_zpxo{
    			font-size: 18px;
    			color: #8E694C;
    			margin: 10px 0 15px;
    			letter-spacing: 3px;
				text-align: left;
    		}
    		.news .s8oi_zpxo a{
    			color: #8E694C;
    		}
    		.news .s8oi_zpxo a:hover{
    			color: #930;
    		}
    		.news .s8oi_text{
    			font-size: 16px;
    			letter-spacing: 3px;
    			padding-bottom: 30px;
				text-align:justify;
    			
    		}
    		.gotop{
    			position: fixed;
    			bottom: 10px;
    			right: 20px;
    		}
/*
        .item.newlistbox1,
        .item.newlistbox2{
            position: relative;
        }
        .news .item.newlistbox1 .s8oi_zpxo,
        .news .item.newlistbox2 .s8oi_zpxo{
            margin: 10px 0 35px;
        }
        .item.newlistbox1>a,
        .item.newlistbox2>a{
            position: absolute;
            bottom: 20px;
            right: 25px;
        }
*/
        .hhcc{
          position: fixed;
          bottom: 30px;
          right: 20px;
          width: 60px;
        }
        .hhcc:hover{
          opacity: 0.8;
        }
    		.bar_box{
    			width: 100%;
    			height: 100%;
    			position: fixed;
    			top: 0;
    			background-color: rgba(255, 255, 255, 0.8);
          z-index: 1000;
          display: none;
    		}
    		.bar_box .bb_logo{
    			margin-top: 30px;
    		}
    		.bar_box ul{
    			float: right;
    			font-size: 45px;
    			padding-right: 30px;
    			text-align: right;
    		}
    		.bar_box ul li{
    			list-style: none;
    			margin-bottom: 20px;
    		}
    		.bar_box ul li a{
    			color: #D4A280;
    			font-weight: 100;
    		}
    		.bar_box .xxx{
    			font-size: 35px;
    			color: #D4A280;
    			margin-bottom: 30px;
    		}
        .barclick {
            position: fixed;
            top: 20px;
            right: 25px;
            font-size: 30px;
          color: #D4A280;
        }
        .owl-carousel{
            display: flex;
            flex-wrap: wrap;
        }
        .owl-carousel .item{  /*最新消息的框框*/
            width: calc(33.33%);
            margin: 0;
            
        }
        .owl-carousel img{
            width: 100%;
        }
		.workbox1 { /*width: calc(92.1%); margin-left:71px;*/
        }
    }
    @media screen and (max-width: 768px) {
        body{
          font-family:'Microsoft JhengHei';
        }
        .header{
          position: relative;
        }
        .hbanner {
            display: none;
        }
        .header {
            width: 100%;
            height: 700px;
            background-image: url('newswork3/images/Group 313255.png');
            background-size: cover;
            background-position: center;
            position: relative;
        }
        .header:after{
          display: block;
          content: '';
          width: 5px;
          height: 156px;
          background-image: url(newswork3/images/Symbol21.png);
          background-size: inherit;
          margin: 0 auto;
          margin-top: -50px;
          background-repeat: no-repeat;
          z-index: 1000;
          position: relative;
        }
        .header img{
          width: 100%;
          height: auto;
        }
        .main{
          width: 100%;
          margin: 0 auto;
          
        }
        .newlistbox1{
            padding: 0;
        }
        .main article .li{
          overflow: hidden;
          letter-spacing: 0px;
          line-height: 1.7;
          /* margin-bottom: 100px; */
            padding: 100px 30px 70px;
        }
        .main article:nth-of-type(even){
          background-color: #F5F5F5;
        }
        .main article .li h2{
          font-size: 20px;
          color: #D4A280;
          position: relative;
          padding-left: 15px;
          margin-top: 5%;
          line-height: 1.7;
          font-weight: normal;
          text-align: justify;
        }
        .main article .li h2:before{
          display: block;
          position: absolute;
          left: 0;
          top: 5px;
          content: '';
          width: 5px;
          height: 20px;
          background-image: url(newimages/Rectangle10199.png);
        }
        .main article .li h3{
          font-size: 18px;
          color: #D4A280;
          line-height: 1.7;
        }.li:nth-of-type(odd) .mulid_left
        .main article .li p{
          font-size: 14px;
          color: #707070;
          line-height: 1.7;
          /* text-align: center; */
          font-weight: 400;
          text-align: justify;
        }
        .main article .li img{
          width: 100%;
          height: auto;
        }
        .li:nth-of-type(odd) .mulid_left{/*最新消息內頁圖片的距離*/
          /*padding:0 10%;*/
		  /*margin:-40px;*/
        }
        .li:nth-of-type(odd) .mulid_right{
          /*float: right;*/
          width: 100%;
          padding: 0 0;
        }
        .li .mulid_left{
         /* padding: 0 10%;*/
        }
        .li .mulid_right{
          margin-bottom: 30px;
          margin-top: 0;
        }
        .newstitle{
            font-size: 22px;
        }
		.footer{
			display:none;}

        .footers{
          /*position: fixed;*/
          left: 0px;
          bottom: 0px;
          z-index: 10;
          width: 100%;
          letter-spacing: 1px;
          padding: 5px;
          font-size: 10px;
		  text-align:center;
          background:#c4a691;
          color:#FFF;
          text-align: center;
        }
        .contact{
          background-color: #F5F5F5;
          text-align: center;
          margin-top: 100px;
          padding-bottom: 50px;
          position: relative;
        }
        .contact:before{
          position: absolute;
          display: block;
          content: '';
          width: 5px;
          height: 156px;
          background-image: url(newswork3/images/Symbol21.png);
          background-size: inherit;
          margin: 0 auto;
          margin-top: -50px;
          background-repeat: no-repeat;
          z-index: 1000;
          left: 50%;
        }
        .contact .ct_box1{
          width: 100%;
          margin: 0 auto 0;
        }
        .contact .ct_box1 h2{
          font-size: 26px;
          color: #D4A280;
          position: relative;
          padding-top: 100px;
          margin-top: 5%;
          line-height: 1.7;
        }
        .contact .ct_box1 p{
          font-size: 15px;
          color: #707070;
          margin-top: 15px;
          letter-spacing: 0px;
          margin-bottom: 30px;
        }
        .contact .ct_box2{
          width: 100%;
          margin: 0 auto;
        }
        .contact .ct_box2 h2{
          font-size: 35px;
          color: #D4A280;
          position: relative;
          padding-left: 15px;
          margin-top:30px;
          line-height: 1.7;
        }
        .contact .ct_box2 input{
          width: 100%;
          height: 40px;
          margin-bottom: 30px;
          padding-left: 15px;
          border: solid 1px #D4A280;
          color: #D4A280;
         letter-spacing: 2px;
        }
        .contact .ct_box2 .send{
          width: 196px;
          height: 50px;
          margin-bottom: 30px;
          color: #D4A280;
         letter-spacing: 2px;
          background-color: #D4A280;
          display: block;
          margin: 0 auto;
          color: #fff;
        }
        .news{
          margin-top: 50px;
          /*position: relative;*/
          width: 100%;
          margin: 0 auto;
        }
        .news h2{
          font-size: 26px;
          color: #D4A280;
          position: relative;
          padding-left: 15px;
          margin-top: 5%;
          line-height: 1.7;
          margin-left: 0;
            width: calc(100% - 60px);
            margin-left: 30px;
			top:100px;
        }
        .news h2:before{
          position: absolute;
          left: 0;
          top: 5px;
          content: '';
          width: 5px;
          height: 30px;
          background-image: url(newimages/Rectangle10199.png);
        }
        .news .owl-item.active {
            border-top: solid 1px #D4A280;
            border-bottom: solid 1px #D4A280;
            padding-top: 30px;
        }
        .news .s8oi_zpxo{
          font-size: 16px;
          color: #8E694C;
          margin: 10px 0 15px;
         letter-spacing: 2px;
			text-align:left;
            padding: 30px;
        }
        .newlistbox2{
            padding: 0;
        }
        .news .s8oi_text{
          font-size: 16px;
         letter-spacing: 2px;
          padding-bottom: 30px;
          max-height: 350px;
          overflow: auto;
		  text-align:justify;
          
        }
        .gotop{
          position: fixed;
          bottom: 10px;
          right: 20px;
        }
        .hhcc{
          position: fixed;
          bottom: 30px;
          right: 20px;
          width: 60px;
          z-index: 100;
        }
        .bar_box{
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          background-color: rgba(255, 255, 255, 0.8);
          z-index: 1000;
          display: none;
        }
        .bar_box .bb_logo{
          margin-top: 30px;
        }
        .bar_box ul{
          float: right;
          font-size: 25px;
          padding-right: 30px;
          text-align: right;
        }
        .bar_box ul li{
          list-style: none;
          margin-bottom: 20px;
        }
        .bar_box ul li a{
          color: #D4A280;
          font-weight: bold;
        }
        .bar_box .xxx{
          font-size: 35px;
          color: #D4A280;
          margin-bottom: 30px;
          margin-top: 20px;
        }
        .barclick {
            position: fixed;
            top: 20px;
            right: 25px;
            font-size: 30px;
          color: #D4A280;
          z-index: 100;
        }
        .owl-carousel img{
            width: 100%;
        }
        .owl-carousel .item{
            width: calc(100% - 0px);
            margin: 0px;
            float: left;
        }
		.workbox1 {
        }
    }