@import "hondy.skin.min.css";
.gray{background-color:#efefef}
*{box-sizing:border-box}
::after,::before{box-sizing:border-box;font-family:fontawesome;margin-right:10px}
html{overflow-x:hidden}
body{margin:0}
@-ms-viewport{width:device-width}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
a{color:#212529;text-decoration:none}
hr{box-sizing:content-box;height:0;overflow:visible}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem;text-indent: 2em}
.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
.carousel-item-next,.carousel-item-prev{position:absolute;top:0}
.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}
img{max-width:100%;vertical-align:middle;border-style:none}
menu{margin:0;padding:0}
menu ul{display:flex;flex-flow:row nowrap;justify-content:space-between}
menu ul li a{display:block;white-space:nowrap;text-align: center;}
dd,li,ul{padding:0;margin:0;list-style:none}
sign{margin-left:5px;margin-right:5px}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container{max-width:540px}
}
@media (min-width:768px){
.container{max-width:720px}
}
@media (min-width:992px){
.container{max-width:960px}
}
@media (min-width:1200px){
.container{max-width:1200px}
}
.m-b-100{margin-bottom:100px}
.p-t-30{padding-top:30px}
.p-y-10{padding-top:10px;padding-bottom:10px}
.p-y-15{padding:15px 0}
.p-y-30{padding:30px 0}
.p-y-60{padding:60px 0}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:middle}
button,input{overflow:visible}
button,select{text-transform:none}
select{height:30px}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}
.h1,h1{font-size:2.5rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.5rem}
.h5,h5{font-size:1.25rem}
.h6,h6{font-size:1rem}
.banner{height:636px}
.sbanner{display:flex;justify-content:center;align-items:center}
.banner img,.sbanner img{height:100%}
#ArticleIntro ul li{display:flex;flex-flow:column wrap;margin-top:0;margin-bottom:2em;position:relative}
#ArticleIntro ul li .detail .title a{font-weight:700}
#ArticleIntro ul li .detail{display:flex;flex-flow:column wrap;margin-left:80px}
#ArticleIntro ul li .detail .intro{font-size:87.5%}
#ArticleIntro ul li .LongDatePlus{display:flex;flex-flow:column wrap;position:absolute;margin-left:-80px;width:60px}
#ArticleList ul li{margin-top:5px;margin-bottom:5px}
#ArticleList ul li .Article{display:flex;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleList ul li .Title{display:inline-flex;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ArticleView ul,#ProductView ul{display:flex;flex-flow:row wrap;justify-content:space-between}
#ArticleView ul li,#ProductView ul li{display:inline-flex;flex-flow:column wrap;justify-content:center;width:calc(25% - 20px);max-height:300px;}
#ArticleView ul li .thumbs,#ProductView ul li .thumbs{display:block;width:100%;height:calc(100% - 2em)}
#ArticleView ul li .thumbs a,#ProductView ul li .thumbs a{display:flex;width:100%;max-width:400px;height:100%;align-items:center;justify-content:center}
#ArticleView ul li .thumbs a img,#ProductView ul li .thumbs a img{padding:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;max-height:100%}
#ArticleView ul li a,#ProductView ul li a{display:block;line-height:2em;text-align:center;white-space:nowrap;overflow:hidden}
#ArticleSummary ul{display:flex;flex-flow:column wrap}
#ArticleSummary ul li{display:flex;flex-flow:row nowrap;border-bottom:1px solid #eee; padding-bottom:15px;margin-bottom:15px}
#ArticleSummary ul li .thumbs{flex:4; margin-right:20px}
#ArticleSummary ul li .thumbs img{margin-top:3px}
#ArticleSummary ul li .detail{flex:8; height: 80px; overflow: hidden;}
#ArticleSummary ul li .detail .atext{display:block;line-height:1.2em; font-size: larger; margin-bottom:10px}
#ArticleSummary ul li .detail .intro{line-height:1.8em;font-size: small}
#ArticleSummary ul li .detail .enter{display:none}
#ArticleDetail .Title,#ProductDetail .Title{display:block;text-align:center;font-size:30px;font-weight:700;line-height:1.5em;padding:20px 0}
#ArticleDetail .Detail,#ArticleDetail .Detail *{color:inherit;font-size:inherit}
#ArticleDetail .Detail p{margin:5px auto}
#TabStrip{display:flex;flex-flow:row nowrap;justify-content:space-between}
#TabStrip dl{position:relative}
.Log{display:block;text-align:center;background:#f0f0f0;margin-bottom:20px;padding:10px 0}
.More{text-align:center;margin-top:20px}
.More a{display:inline-block;padding:5px 20px;line-height:2em}
.Picture{text-align:center}
.Pagination{display:block;clear:both;text-align:center;padding:10px 0;background:#f8f8f8;margin:20px 0}
.Pagination a{padding:0 2px}
.Pagination #page{text-align:center;line-height:1em}
.RowsTitle{display:flex;margin-bottom:30px;justify-content:center}
.RowsTitle .Title{display:flex;font-weight:700;flex-flow:column wrap;justify-content:center;align-items:center}
.RowsTitle .Title .cn{display:block;margin:0;padding:0 30px;padding-left:40px;letter-spacing:10px;line-height:2em}
.RowsTitle .Title .en{display:block;line-height:1.3em;font-weight:400}
.search form{display:flex;flex-flow:row nowrap;border:1px solid #999}
.search input,.search select{height:30px;line-height:28px;padding:0 5px;font-size:14px;border-style:none}
.search input[name=kw]{border-right:0 solid transparent;}
.search input[type=submit]{padding-left:10px;padding-right:10px}
.search select{padding-right:0}
.ShortDate{white-space:nowrap;margin-right:5px}
.Subject{margin-bottom:20px;text-align:center}