@import url('/css/01/bootstrap.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:700');

/* titBox */
h4.titBox {margin-bottom: 15px;border-bottom: 1px #ccc solid;font-size: 25px;font-family: 'Noto Serif TC', serif;color: #ff7a3a;}

/* content-wrapper */
#content-wrapper { margin-top: 10px; float: left; width: calc(100% - 400px); }
#content-wrapper .box { margin-top: 20px; }

/* waylink */
.waylink { overflow: hidden; font-size: 16px; }
.waylink ol { padding: 0; margin: 0; }
.waylink ol li {position:relative;padding-left: 15px;display: inline-block;font-size: 16px;color: #ff5200;font-weight: bold;}
.waylink ol li:first-child { padding-left: 0; }
.waylink ol li:before { position: absolute; left:0; top:0; content: ">"; }
.waylink ol li:first-child:before { content: ""; }
.waylink ol li a { font-size: 16px; color: #565656; }

/* laybanner */
#laybanner .bd {width: 60%;height: 310px;margin-right: 0;float: left;}
#laybanner .bd ul li {position: relative;transition: none;/* height: 100%; */display: flex;flex-direction: column;align-items: center;}
#laybanner .bd ul li a{
    display: flex;
    position: relative;
    height: 100%;
    flex-direction: column;
    align-items: center;
}
#laybanner .bd ul li .text-clamp a{
    padding: 10px 0;
    color: #e3e3e3;
    background: #010101;
    font-size: 17px;
    overflow: hidden;
    height: 22px;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#laybanner .bd ul li a img{
    height: 310px;
    object-fit: cover;
}
#laybanner .bd ul li .text-clamp{
    position: absolute;
    width: 100%;
    background: white;
    bottom: 0;
}
#laybanner .bd ul li b {position: absolute;padding: 5px 10px 5px 10px;display: block;background: #ff7a3a;top: 15px;left: 15px;border-radius: 30px;}
#laybanner .bd ul li b a { color: #fff; }
#laybanner .hd {width: 40%;}
#laybanner .hd ul li { border: 1px #F0F0F0 solid; border-bottom: 0; transition: none; }
#laybanner .hd ul li:last-child  { border-bottom: 1px #F0F0F0 solid; }
#laybanner .hd ul li a {padding: 0 15px;height: 61px;border-left: 10px #ff7a3a solid;color: #464545;font-size: 17px;line-height: 61px;-webkit-line-clamp: 1;}
#laybanner .hd ul li a .dataa{
    overflow: hidden;
    height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#laybanner .hd ul li b{
    overflow: hidden;
    height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: left;
    font-size: 17px;
    line-height: 150%;
}
#laybanner .hd ul li.on a { background: -webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(0,0,0,.15)),color-stop(1,rgba(0,0,0,0))); }

/* content-main */
.content-main h2.mainTit { font-size: 32px; font-weight: normal; }
.content-main article * { font-size: 16px; }

/* advBox */
#content-wrapper .advBox { text-align: center; }
#content-wrapper .advBox a { margin : 15px 7px 0; display: inline-block; }

/* otherBox */
.otherBox { margin: 20px 0 40px; }
.otherBox h4 {margin-bottom: 15px;padding: 5px 0;border-top: 1px #ff7a3a solid;border-bottom: 1px #ff7a3a solid;font-size: 16px;color: #ff7a3a;}
.otherBox ul li { margin-bottom: 20px; }
.otherBox ul li p { height: 52px; font-size: 16px; -webkit-line-clamp: 2; }
.otherBox ul li p a { font-size: 16px; color: #464545; }

/* sideNav */
#sideNav { margin-top: 10px; float: right; width: 330px; }
#sideNav > div { margin-bottom: 10px; }
#sideNav .hotsearchJ{
    display: flex;
    flex-wrap: wrap;
}
#sideNav .hotsearchJ .ithotem{
    display: flex;
    border: #9393934a 1px solid;
    padding: 0;
    border-radius: 50px;
    margin: 5px 5px;
    min-width: calc(33.3% - 12px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#sideNav .hotsearchJ .ithotem a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border-radius: 500px;
    width: 100%;
}
#sideNav .hotsearchJ .ithotem:hover{
    background: #ff5100;
}
#sideNav .hotsearchJ .ithotem:hover a{
    color: white;
}
#sideNav #sidevote .voteImg { position: relative; display: block; }
#sideNav #sidevote .voteImg b { position: absolute; padding: 0 25px; width: calc(100% - 50px); height: 61px; background: rgba(0, 0, 0, .7); line-height: 150%; font-weight: normal; font-size: 20px; color: #fff; -webkit-line-clamp: 2; left: 0; bottom: 0; }
#sideNav .articles ul li { padding: 10px 5px; border-bottom: 1px #ccc solid; }
#sideNav .articles ul li font { width: calc(100% - 55px); display: inline-block; vertical-align: middle; }
#sideNav .articles ul li font.notxt {margin-right: 15px;width: 30px;height: 30px;background: #ff7a3a;color: #fff;text-align: center;line-height: 30px;font-size: 18px;}
#sideNav .articles ul li font a { max-height: 46px; font-size: 16px; color: #464545; -webkit-line-clamp: 2; }
#sideNav #sideSear font { padding: 2px 5px; display: inline-block; }
#sideNav #sideSear font a { font-size: 16px; color: #464545; }

/* sideNew */
#sideNew h4.titBox , #sideTalk h4.titBox { margin-bottom: 0; }

/* faqList */
#faqList ul li h3 { padding: 5px 10px; background: #71d8d5; display: inline-block; font-size: 16px; color: #fff; }

/* pagenav */
#pagenav font { display: block; text-align: center; }
#pagenav a {padding: 8px 13px;display: inline-block;font-size: 16px;color: #ff7a3a;}
#pagenav a:hover { background: #e9ecef; }
#pagenav strong {padding: 8px 13px;background: #ff7a3a;display: inline-block;font-size: 16px;color: #fff;}
#pagenav font.pagGo {margin-top: 15px;text-align: right;color: #ff7a3a;}
#pagenav font.pagGo input {margin: 0 10px;width: 60px;border: 1px #fb6218 solid;text-align: center;outline: none;-webkit-appearance: none;}
#pagenav font.pagGo #gopage {margin-left: 10px;padding: 5px 10px;background: #ff7a3a;color: #fff;}

@media screen and (max-width: 960px) {
	#content-wrapper { padding: 0 5px; float: none; width: auto; }
	#laybanner { position: relative; padding-bottom: 0; }
	#laybanner .bd { padding-bottom: 10px; float: none; width: 100%; height: auto; }
	#laybanner .bd ul li a img { height: auto; }
	#laybanner .bd ul li b { top: auto; bottom: 40px; }
	#laybanner .bd ul li p { height: 36px; -webkit-line-clamp: 1; }
	#laybanner .bd ul li p a {margin-top: 0;display: block;font-size: 16px;color: #444;}
	#laybanner .hd , #newTextBox ul li h4 font { display: none; }
	#laybanner .slick-dots {bottom: 105px !important;}
	.slick-dots li.slick-active button:before{}
	#laybanner .slick-dots li button:before {
    color: white;
    border-radius: 999px;
}
	.mBox {/* display: none; */}
	#sideNav{
    float: none;
    margin: 0 auto;
}
}
@media screen and (max-width: 680px) {
	#content-wrapper .advBox a:nth-child(2) { display: none; }
}
@media screen and (max-width: 480px) {
	#pagenav a , #pagenav strong { padding: 2px 8px; font-size: 14px; }
}
@media screen and (max-width: 320px) {
	#pagenav a , #pagenav strong { padding: 2px 6px; font-size: 12px; }
}