.blog-top{width:100%; float: left; margin:0;}
.blog-content{width:1460px; margin:240px auto 70px; }
.top-left{width:99.2%; float:left;margin: 0 0.4%}
.blog-title{width:100%; float:left;margin:0 0 40px 0;}
.blog-title h1{font-size: 46px;font-family:  "Montserrat","Noto Sans TC", sans-serif;font-weight: 600;transform: scaleY(1.04);} 
.siteway{width:100%;padding-left:5px;}
.siteway h1{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
.siteway h2{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
 .siteway h3{float:left; margin:0;line-height:1.5em;font-size:14px;} 
 .siteway h4{float:left; padding:0; margin:0;line-height:1.5em;font-size:14px;} 
 .siteway a{color: #000;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
 .siteway a:hover {color: #633427;}
 .siteway i{font-size:11px; margin:0 5px 0 0; padding-bottom: 2px; vertical-align: middle;}
 .siteway span{ font-weight:bold; font-size: 10px; margin-top: -5px; vertical-align:top}
 .siteway span i{color: #828282;margin:0 5px}
.blog{width:100%; float: left;margin-bottom: 70px}
.blogContainer{width:1460px; margin:0 auto;}
.search-result{width:100%; float:left;margin:-10px 0 10px 0;font-size: 16px;font-weight: 600;}
.blog-left{width:65%; float:left;margin-right: 4.5%}
.blogitem{width:100%; float:left;margin:0 0 40px; color: #333;background-color: #fff;box-shadow:-0.5px -0.5px 10px #ccc;border-radius: 10px;overflow: hidden;}
.blogitem img{max-width:100%;height: auto; display:block;object-fit: cover} 
 .blogitem:hover {color: #d80c18;text-decoration: none;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; }
.blogpic{width:100%;float:left; overflow: hidden;}
.blogpic img{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.blog-info{max-width:auto; float:left;margin:0 0 10px;font-size:24px; color: #222;letter-spacing: 0.03em; line-height: 1.5em;font-weight: 500;position: relative;text-align: justify} 
.blogitem .blog-info::after {content: '';position: absolute;bottom:-4px;left: 0;width: 0%;border-bottom:1px solid #555;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.blogitem:hover .blog-info:after{width: 100%;}
.blogbox{ width: 90%; float: left;margin: 50px 5%}
.blog-genre{width:100%; float:left;margin:0 0 15px 0;font-size: 16px; color: #555;}
.blog-link{width:100%; float:left;margin:0;font-size:12px;color: #d80c18;font-weight: 600}
.blog-right{width:30.5%; float:left;box-shadow:-0.5px -0.5px 10px #ccc;border-radius: 10px;padding: 50px 35px}

@media screen and (max-width: 1600px) {
.blogContainer{width:88%;}
.blog-content{width:88%; margin:200px auto 50px;}	
}
@media screen and (max-width: 1280px) {
.blog{margin-bottom: 40px}
.blog-content{width:90%; margin:170px auto 50px;}
.blogContainer{width:90%;}
.blog-title h1{font-size: 40px;} 
}
@media screen and (max-width: 980px) {
.blog-content{margin:130px auto 40px;}
.blog-title{margin:0 0 20px}
.blog-title h1{font-size: 36px;} 
.blog-left{width:63%; margin-right: 4%}
.blog-right{width:33%;padding: 25px 20px}
.blog-info{margin:0 0 10px;font-size:22px; } 
.blogbox{margin: 26px 5%}
.blogitem{margin:0 0 30px;}
 .siteway span{margin-top: 0; vertical-align:middle;}
}  
@media screen and (max-width: 767px) {
.blog-content{margin:100px auto 30px;}
.blog-title{margin:0 0 20px 0;font-size: 24px;}
.blog-title h1{font-size: 28px;} 
.blogitem{width: 100%; margin:0 0 20px 0; }
.blog-left{width:100%;margin-right: 0}
.blog-right{width:100%;padding: 25px 20px}
}

.madp{float:left;width:52%;margin:0 24% 25px; border-radius: 50%;overflow: hidden;}
.madp img{max-width:100%;height: auto;display: block;object-fit: cover} 
.hottx{float:left;width:100%; text-align: center}
  .hottx h2{margin:0 0 15px 0; font-size:22px;font-weight: 600;letter-spacing: 0.05em;}
  .hottx p{margin:0; font-size:16px;line-height: 1.7em;text-align:justify;}
.article-title{width:100%;float: left;margin:35px 0 10px;font-size:14px; padding:7px 0; line-height:1.5em; border-bottom:1px solid #111; border-top:1px solid #111;}
.article-title span{font-size:14px; color: #777;margin-left: 5px;}
.blogall{float:left;width:100%;margin-bottom: 40px; display:block;}
.blogall ul { margin:0; padding:0; list-style:none;} 
.blogall li {margin:0; font-size:14px;color: #777} 
.blogall a {ext-decoration:none;transition: 0.5s;font-weight: 500;}
.blogall a:hover{text-decoration: none;transition: 0.5s;color: #000}
.inpage a {text-decoration:none; font-weight: 700;transition: 0.5s;color: #000}
.inpage a:hover {text-decoration: none;transition: 0.5s;color: #777} 
.search{width: 100%;border: 1px solid #ddd;padding: 10px;}
.forms-table{width:100%;float:left; margin:0;position: relative;border:1px solid #ccc;}
.tableinfo{width:89%; height:42px; float:left;padding:10px 12px; font-size: 15px; box-sizing:border-box;border-radius:0; background-color:transparent;color:#000 !important; border:0;}
.forms-table input::placeholder {font-size: 14px;color: #777;}
.search-icon{width:11%; height:42px; float:left;line-height: 42px; font-size: 13px;color: #000;text-align: center;color: #666}
@media screen and (max-width: 980px) {
.hottx p{line-height: 1.6em;}
.article-title{margin:25px 0 10px;}
.blogall{margin-bottom: 30px;}
}
.forms-table .search-icon{
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.forms-table{
  position:relative;
  display:flex;
  align-items:center;
}

.forms-table .tableinfo{
  width:100%;
  padding-right:96px;
}

.forms-table .search-clear{
  position:absolute;
  right:52px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  background:#f3f4f6;
  box-shadow:none;
  outline:none;
  cursor:pointer;
  font-size:18px;
  line-height:28px;
  color:#666;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.forms-table .search-clear:hover{
  background:#e5e7eb;
  color:#222;
}

.forms-table .search-icon{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  box-shadow:none;
  outline:none;
  padding:0;
  margin:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
}
.search-icon[disabled],
.search-icon.is-disabled{
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
}