/*===========================////////////banner/search////////////===========================*/
.banSearBox { margin:0 auto; width:100%;
background-image:url(../images/index/banner_shadow.png); background-repeat:repeat-x; background-position:bottom; clear:both; position:relative;}

/*-------search-------*/
.searchBox { width:236px; overflow:hidden; position:absolute; top:10px; left:10px; z-index:999; }
.tabs { overflow:hidden; list-style:none; font-size:15px;}
.tabs li { float:left;}
.oneSearch { display:block; width:118px; height:42px; text-align:center; background-color:#006b7a; color:#ffffff; line-height:42px; cursor:pointer;}
.oneSearch:hover { background-color:#247B93;}
.oneSearchNow { background-color:#318197;}

.tabContent { background-image:url(../images/index/bg_search.jpg); height:193px;}
.searchList { overflow:hidden; padding:20px 0 0 15px;}
.searchList .selectbox{ display: grid; grid-template-columns:1fr 1fr; grid-gap:0 5px; width: 200px; padding: 5px 0 0 0; }
.searchList select { width:100%; height:32px; border:#bababa 1px solid; padding-left:5px; color:#999999; padding:5px\9; box-sizing: border-box; }
.inputSearch { margin-top: 5px; width: 200px; height: 32px; background-image: url(../images/index/btn_search.png); background-position: center; background-repeat: no-repeat; cursor: pointer; border: none; background-color: #006b7a; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/*-------banner-------*/
.banner { width:100%; position:relative; }
.banner img{ width: 100%; }
.banner .slick-slider{ margin-bottom: 0; }
.banner .slick-track:after{ display: block; }

/*=======banner輪撥鈕========*/
.bannerBtn { overflow:hidden; width:72px; height:36px; position:absolute; top:18px; right:18px; z-index:2;}
.bannerBtn a { display:block; float:left; width:36px; height:36px;}
.bbPre { background-image:url(../../images/index/pre.png);}
.bbNext { background-image:url(../../images/index/next.png);}
.bbPre:hover { background-image:url(../../images/index/pre_a.png);}
.bbNext:hover { background-image:url(../../images/index/next_a.png);}


.bottomBox { overflow:hidden; padding:16px; display:flex; }
/*===========================////////////left////////////===========================*/
.leftBox { max-width: 71.4%; flex:1; padding-right:20px; }

/*-------===========news===========-------*/
.newsBox { width:100%; background-color:#f7f7f7;}

/*頁籤*/
.newsTabs { overflow:hidden; font-size:13px; border-bottom:#31a3b1 2px solid;}
.newsTabs li { float:left;}
.oneNtab { display:block; width:94px; height:34px; border-right:#e8e8e8 1px solid; text-align:center; line-height:34px; color:#949494;}
.oneNtab:hover { background-image:url(../images/index/bg_tag.jpg); background-repeat:repeat-x; color:#31a3b1; background-size:100% 100%; }
.oneNtabNow { background-image:url(../images/index/bg_tag.jpg); background-repeat:repeat-x; color:#31a3b1;}

.active a{ background-size: 100% 100%; }

/*-----------內容-----------*/
.nTabContent {}
.newsContent { width:100%; overflow:hidden; padding:20px 15px 24px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*////主消息////*/
.mainNews { overflow:hidden; float:left; width: 58%; display:flex; }
.mainNews > .newsPic { display:block; max-width:158px; width:40%; aspect-ratio:1 / 1; position:relative; background-color:#F0F0F0;}
.mainNews > .newsPic img { display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

/*主消息內容*/
.mainNews > .oneNews { flex:1; font-size:12px; padding-left:16px; }
.mainNews > .oneNews > .nTitle { margin-bottom:18px; margin-top:10px; max-height:32px; overflow:hidden; }
.mainNews > .oneNews > .nTitle a { font-size:13px; color:#31a3b1;}
.mainNews > .oneNews > .nTime { color:#757575; margin-bottom:5px;}
.mainNews > .oneNews > .nInfo a { color:#757575; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.mainNews > .oneNews > .nInfo a:hover { color:#555555;}

/*////消息列表////*/
.newsList { overflow:hidden; float:left; margin-top:5px; width:42%; padding: 0 0 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.newsList > .newsPic { display:none;}
.newsList > .newsPic img { display:none;}

/*列表內容*/
.newsList > .oneNews { width:100%; font-size:12px; overflow:hidden; padding:6px 0 6px 15px; display:flex; align-items: baseline; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
background-image:url(../images/index/line_white.jpg); background-repeat:repeat-y; background-position:left;}
.newsList > .oneNews > .nTitle { margin-left:10px; max-height:15px; overflow:hidden; flex:1; order:2; }
.newsList > .oneNews > .nTitle a { color:#757575;}
.newsList > .oneNews > .nTitle a:hover { color:#31A3B1;}
.newsList > .oneNews > .nTime { color:#31a3b1; order:1; }
.newsList > .oneNews > .nInfo { display:none;}

/*more*/
.moreNews { color:#31a3b1; font-size:13px; margin-top:20px; float:right;}
.moreNews:hover { color:#1CC8DD}
.moreNews img { margin-left:5px;}


/*-------===========熱門案源推薦===========-------*/
.hotBox { width:100%; overflow:hidden;}
.hotTitle { background-color:#006b7a; height:38px; line-height:39px; color:#ffffff; padding-left:35px; font-size:15px;
background-image:url(../images/index/icon_title_02.png); background-repeat:no-repeat; background-position:left; overflow:hidden;}

.hotBox .slick-slider{ margin-bottom: 0; }

/*輪播鈕*/
.hotTitle p { overflow:hidden; float:right;}
.hotArrow .slick-prev,
.hotArrow .slick-next,
.hotTitle p a { display:block; width:38px; height:38px;}
.hotArrow .slick-prev,
.hotPre { background-image:url(../images/index/hot_pre.jpg); float:left;}
.hotArrow .slick-next,
.hotNext { background-image:url(../images/index/hot_next.jpg); float:right;}

@media screen and (max-width:990px) {
.hotArrow .slick-prev,
.hotPre { background-image:url(../images/index/hot_pre.jpg) !important;}
.hotArrow .slick-next,
.hotNext { background-image:url(../images/index/hot_next.jpg) !important;}

}

@media screen and (min-width:991px) {

.hotArrow .slick-prev:hover,
.hotPre:hover { background-image:url(../images/index/hot_pre_a.jpg);}
.hotArrow .slick-next:hover,
.hotNext:hover { background-image:url(../images/index/hot_next_a.jpg);}

}


.hotArrow{ position: relative; }
.hotArrow .slick-prev:before,
.hotArrow .slick-next:before{ content: ""; }
.hotArrow .slick-prev,
.hotArrow .slick-next{ position: initial; margin-top: initial; }

/*內容*/
.hotContent { overflow:hidden; background-color:#f7f7f7; padding:8px 0 18px 5px;}
.oneHot { font-size:13px; color:#757575; margin:0 9px; display:block; width:158px; float:left;}
.oneHot:hover { color:#2f91a2;}

.ohPic { width:/*158px*/100%; height:158px; background-color:#F0F0F0; position:relative; }
.ohPic img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;}

.ohText { margin-top:8px; background-image: url("../images/index/icon_arrow.png"); background-position: 0 4px; background-repeat: no-repeat; padding-left: 10px;}
.ohText img { margin-right:5px; margin-bottom:-1px;}


/*-------===========現有買方需求===========-------*/
.buyBox { width:100%; margin-top:20px;}
.buyTitle { background-color:#006b7a; height:38px; line-height:39px; color:#ffffff; padding-left:38px; font-size:15px;
background-image:url(../images/index/icon_title_03.png); background-repeat:no-repeat; background-position:left;}
.buyContent { border:#e6e6e6 1px solid; border-top:0;}

.buyListBox { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:15px; padding: 15px; }
/*------一筆買方------*/
.oneBuy { display:block; box-shadow: -3px 3px 0px #bbb; -webkit-box-shadow: -3px 3px 0px #bbb; -moz-box-shadow: -3px 3px 0px #bbb; background-image:url(../images/index/s_bg.jpg); color:#006F58; font-size:13px; padding:16px 14px; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; background-position:center; }
.obCompany { font-weight:bold; overflow:hidden; color:#D20000; font-size: 15px;}
.obCompany:hover { cursor:default;}
.obList { height:17px; overflow:hidden; margin-top:7px;}
.obList img { margin-right:8px; margin-bottom:-1px;}
.oneBuy:hover > .obList { color:#2F93A2; cursor:default;}

/*------登錄------*/
.keyinBox { width:158px; height:144px; float:left; background-color:#e0edef; margin:0  8px 18px 8px; }
.keyinGrids{ background-image: url(../images/index/e_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; padding:3px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:block; box-shadow:-3px 3px 0px #960605; -webkit-box-shadow:-3px 3px 0px #960605; }
.keyinGrids h1{ color:#FFF; font-size:18px; text-align:center; }
.keyinGrids span.ps{ color:#fff; font-size:13px; margin:7px 0 0 0; display: block;}
.keyinGrids span.ps ul{ margin:0 0 0 15px; }
.keyinGrids span.ps ul li{ list-style:decimal; }

/*登錄鈕*/
.keyinBtn { display:block; width:130px; height:32px; color:#ffffff; font-size:13px; background-color:#118694; border-radius:4px; border-bottom:#136b76 2px solid; line-height:32px; text-align:center; margin:0 auto; margin-top:12px;}
.keyinBtn:hover { background-color:#1C93A2;}

/*文案列表*/
.keyList { width:120px; margin:10px auto 0 auto; list-style:disc; font-size:12px; list-style-position:inside; color:#ad1f1f;}
.keyList li {
	margin:2px 0;
	font-size: 11px;
}
.keyText { font-size:12px; color:#077784; text-align:center; margin-top:12px;}



/*===========================////////////right////////////===========================*/
.rightBox { max-width:225px; width:24%; }
.specialTitle { background-color:#006b7a; height:38px; line-height:39px; color:#ffffff; padding-left:40px; font-size:15px;
background-image:url(../images/index/icon_title_01.png); background-repeat:no-repeat; background-position:left;}

.oneSpecial { display:block; background-color:#f3f3f3;}
.spePic { width:100%; aspect-ratio:1/1; background-color:#F0F0F0; position:relative;}
.spePic img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; }

.speInfo { padding:15px 20px 31px 20px;}
.speTitle { font-size:15px; color:#32a6b4; margin-bottom:8px; height:18px; overflow:hidden;}
.speText { font-size:12px; line-height: 1.6; color:#757575; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.oneSpecial:hover > .speInfo > .speText { color:#006B7A;}


/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width: 768px) and (max-width:990px) {
/*-----------內容-----------*/
.mainNews{ width:100%; float:none; }
.newsList{ width:100%; float:none; padding: 10px 0 0 0; border-top: 1px solid #e0e0e0; margin-top: 15px; }
.newsList > .oneNews{ background:none; padding:6px 0; }
}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width: 767px) {

/*-------search-------*/
.searchBox{ width: 100%; position: static; }
.oneSearch{ width: 50%; font-size: 18px; }

.searchList{ padding: 20px 15px; }
.searchList .selectbox{ width: 100%; }

.tabContent{ background-size: 100%; }
.inputSearch{ margin: 6px auto 0 auto; display: block; width: 100%; background-size: 80px; background-image: url(../images/index/btn_search_sp.png); }

/*===========================////////////left////////////===========================*/
/*頁籤*/
.oneNtab{ font-size: 18px; width: 100%; line-height: 40px; height: 40px; }

.newsTabs li{ width: 50%; }

/*-----------內容-----------*/
.bottomBox{ display:block; padding:25px 20px; }
.leftBox{ width:100%; max-width: unset; padding:0 0 20px 0; }
.rightBox{ width:100%; max-width:none; }

.mainNews{ width:100%; float:none; }
.newsList{ width:100%; float:none; padding: 10px 0 0 0; border-top: 1px solid #e0e0e0; margin-top: 15px; }
.newsList > .oneNews{ background:none; padding:6px 0; }

/*主消息內容*/
.mainNews > .oneNews > .nTitle a{ font-size: 16px; }
.mainNews > .oneNews > .nTime{ font-size: 14px; }
.mainNews > .oneNews > .nInfo a{ font-size: 14px; }

/*列表內容*/
.newsList > .oneNews > .nTime{ font-size: 14px; }
.newsList > .oneNews > .nTitle{ overflow: initial; max-height:none; }
.newsList > .oneNews > .nTitle a{ font-size: 14px; }

/*more*/
.moreNews{ font-size: 15px; }

/*-------===========熱門案源推薦===========-------*/
.hotTitle{ font-size: 18px; }

/*內容*/
.oneHot{ font-size: 16px; }
.ohText{ padding-left: 16px; background-position: 0 6px; }

/*-------===========現有買方需求===========-------*/
.buyTitle{ font-size: 18px; }
.buyListBox{ grid-template-columns:1fr 1fr; }

/*------一筆買方------*/
.oneBuy{ font-size: 14px; }

/*------登錄------*/
.keyinGrids{ padding: 8px 5px; }
.keyinGrids span.ps{ font-size: 14px; }


/*===========================////////////right////////////===========================*/
.specialTitle{ font-size: 18px; }

.speTitle{ font-size: 18px; height: auto; }
.speText{ font-size: 16px; }

.spePic{ aspect-ratio:auto; text-align:center; }
.spePic img{ position:static; max-height:none; width:100%; }

}