@charset "utf-8";
/* CSS Document */
/* -------------------- header */
div.ltnheader, ol, ul {list-style:none; margin:0; padding:0;}
div.ltnheader a {text-decoration:none; color:#000;}
div.ltnheader * { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; font-family:"微軟正黑體";}
div.ltnheader { width:100%; height:90px; overflow:hidden; color:#000; border-bottom:3px solid #777; background-color:#f7f7f7; position:fixed;top:0;z-index:300;}
div.ltnheader div.Hcon{ min-width:1260px; width:1260px; height:90px; margin:0 auto;}
div.ltnheader div.Hcon .logo{display:inline-block;float:left; width:157px; height:86px; margin:0 10px 0 0;}
div.ltnheader div.Hcon .logo a.logo_B{display:inline-block; width:157px; height:auto;padding:10px 0 0 0;}
div.ltnheader div.Hcon .logo a.logo_B img{width:157px; height:70px;}
div.ltnheader div.Hcon .logo a.logo_S{display:none;}
div.ltnheader ul{display:inline-block;float:left; max-width:720px;width:720px; margin:22px 0px 0px 15px;}
div.ltnheader ul li{float:left; margin:0px 17px 0px 0px;}
div.ltnheader ul li:last-child{margin:0px;}
div.ltnheader ul li a{line-height:1.6; width:38px; font-size:18px;display:inline-block;}
div.ltnheader ul li.li_TT a{width:115px;} /*TT*/
div.ltnheader ul li a:hover{color:#c00;}

.headerP_high {width:100%; height:90px; } /* header定位用 */

/* -------------------- 新頻道 new動圖 用 for主站桌機版 */
div.ltnheader div.Hcon .useMobi ul li img.newChannel { display:none; /*width:35px;*/}
/* -------------------- mobile use 1100 */
div.ltnheader div.Hcon .ltnSearch, div.ltnheader div.Hcon .nav_bar{ display:none; }
/* -------------------- 右方：功能鍵+天氣+搜尋 */
.Hcon .function {float:right; padding:0; margin:8px 0 0; max-width:220px; position:relative;}
.Hcon .function .icon{display:block; float:right; width:210px; overflow:hidden; }
.Hcon .function .icon a{width:32px; height:32px; display:inline-block;float:left; border-radius:100%; border:1px solid #555; background-color:#f7f7f7; transition:0.2s linear;color:#555; text-decoration:none; margin:0 10px 0 0;}
.Hcon .function .icon a:hover{border:1px solid #555; background-color:#555;}
/* -------------------- Header定位天氣 */
div.Hcon .function .weather { float:right; display:block; width:auto; margin:0 10px 0 0;}
div.Hcon .function .weather img { width: 30px; display: inline-block;}
div.Hcon .function .weather p { font-size: 0.875rem; /*14px*/ display:inline-block; position:relative; top:-8px; text-align: left; margin:0;}
/* -------------------- Facebook */
a.Facebook{background: url(../images/fb_g.svg) center no-repeat, #f7f7f7;background-size:12px;}
a.Facebook:hover{background: url(../images/fb_w.svg) center no-repeat, #f7f7f7;background-size:12px;}
/* -------------------- Line */
a.Line { background: url(../images/line_g.svg) center no-repeat, #f7f7f7;background-size:23px;}
a.Line:hover { background: url(../images/line_w.svg) center no-repeat, #555; background-size:23px;}
/* -------------------- YouTube */
a.YouTube{background: url(../images/yt_g.svg) center no-repeat, #f7f7f7;background-size:18px;}
a.YouTube:hover{background: url(../images/yt_w.svg) center no-repeat, #555;background-size:18px;}
/* -------------------- 我要爆料 */
a.Boom p {font-size:18px; font-weight:bold; line-height:1.8;margin:0; text-align:center;}
a.Boom:hover p {color:#f7f7f7;}
/* -------------------- 桌機版1100_search */
a.iconSearch{background: url(../images/search_g.svg) center no-repeat, #f7f7f7; background-size:18px;}
a.iconSearch:hover {background: url(../images/search_w.svg) center no-repeat, #555; background-size:18px;}
/* -------------------- 桌機版1100_展開搜尋 */
.icon .ltnsch_show { width: auto; display: inline-block; position:absolute;top:34px;right:9px; display:none; }
.icon .ltnsch_show form { width:auto; float:right; margin-left: 10px;}
.ltnsch_show input { width:32px; height:32px;padding-left:10px; border-radius:20px; border:1px solid #555; background-color:#f7f7f7; outline:none; transition: all 0.3s; color: #555;}
.ltnsch_show button { width:35px; height:35px; border:none; cursor: pointer; position:absolute;top:-1px;right:2px;background:url(../images/search_g.svg) no-repeat center;background-size:20px; }

@media screen and (max-width:1260px){
    body#ltnRWD div.ltnheader {width:100%; min-width:100%;}
    body#ltnRWD div.ltnheader div.Hcon{width:100%; min-width:auto;}
    body#ltnRWD div.ltnheader ul{margin:22px 0px 12px; max-width:680px; width:680px;}
    body#ltnRWD div.ltnheader ul li{margin:0px 14px 0px 0px}
    body#ltnRWD div.ltnheader ul li a{line-height:1.6;}
    body#ltnRWD div.ltnheader ul li.li_TT a{width:110px; letter-spacing:-0.01rem;}
}

@media screen and (max-width:1100px){
    body#ltnRWD div.ltnheader{height:90px; border-bottom:1px solid #777;}
    body#ltnRWD div.ltnheader div.Hcon{height:90px; width:100%; position:relative;}
    body#ltnRWD div.ltnheader div.Hcon .logo{display:block;width:100%;height:45px; margin:0 auto; background-color:#fff; text-align:center;}
    body#ltnRWD div.ltnheader div.Hcon .logo a.logo_B{display:none;}
    body#ltnRWD div.ltnheader div.Hcon .logo a.logo_S{display:inline-block; width:115px;height:auto;margin:6px auto 0px;}
    body#ltnRWD div.ltnheader div.Hcon .logo a.logo_S img{width:115px;}
    body#ltnRWD div.ltnheader div.Hcon .useMobi{height:50px;width:100%; overflow-x:scroll; overflow-y:hidden; background-color:#eee;}
    body#ltnRWD div.ltnheader div.Hcon ul{width:1350px;max-width:1350px;height:50px; margin:0; float:none;display:block; padding:0 0 0 10px;}
    body#ltnRWD div.ltnheader div.Hcon ul a{line-height:50px;}
    /* -------------------- 行動裝置_search+漢堡 */
    body#ltnRWD div.ltnheader div.Hcon .nav_bar, body#ltnRWD div.ltnheader div.Hcon .ltnSearch
    {display:block;width:50px;height:45px; position:absolute;top:0px; z-index:5;cursor:pointer;}
    body#ltnRWD div.ltnheader div.Hcon .nav_bar{background:url(../images/bt-menu.png) no-repeat center center, #fff;background-size:20px;right:0;}
    body#ltnRWD div.ltnheader div.Hcon .ltnSearch{background:url(../images/search_g.svg) no-repeat center center, #fff;background-size:20px;}
    body#ltnRWD .Hcon .function {display:none;}

}
/* -------------------- TAIPEI_TIMES(960) */
@media screen and (max-width:960px) {
    body#ltnRWD div.ltnheader .Hcon .useMobi ul li.li_TT{display:none;}
    body#ltnRWD div.ltnheader div.Hcon ul{width:1210px;max-width:1210px;}
}
/* -------------------- RWD用 */

/* -------------------- 行動裝置_search+遮罩 */
.M_LTN_Search{width:100vw;height:100vh; position:fixed;z-index:3500;top:0;left:0;right:0; overflow:hidden;transition:all 0.1s linear; display:none;}
.mobileMask{width:100vw;height:100vh; background:rgba(0,0,0,0.8); position:fixed;top:0;left:0;right:0; }
.MSearch_con{width:100%; max-width:600px;min-width:300px;margin:0px auto;position:relative;padding:20px 0px 0px;}
.search_close{width:58px;height:58px;background:url(../images/bt-closew.png) no-repeat center;background-size:25px;position:absolute;top:0px;right:0px;cursor:pointer;}
.search_close:active{background:url(../images/close.png) no-repeat center,rgba(0,0,0,0.2);background-size:21px;}
/* -------------------- 表單 */
form.formSearch { margin:50px 15px 0px;}
::-webkit-input-placeholder{color:#fff;}
:-moz-placeholder{color:#fff;}
::-moz-placeholder{color:#fff;}
:-ms-input-placeholder{color:#fff;}
.formSearch input[type='text']{height:50px;width:100%;border:1px solid transparent;border-bottom:1px solid #fff;background-color:transparent;padding:0px;margin:0px auto;font-size:18px;font-family:"微軟正黑體";font-weight:normal;line-height:1.5;color:#fff;}
.Searchdate{width:100%;height:50px; display:table; margin:40px auto 0;}
.Searchdate i{width:8%;display:inline-block; color:#fff; font-size:20px; text-align:center;}
.Searchdate input{width:45%;height:50px; display:table-cell; border:1px solid #999; padding:0px 24px 0px 8px; font-size:18px;}
input.datepicker{ background:url(../images/arrow.png) no-repeat right center #fff;background-size:20px;	}
form.formSearch span{display:block;width:100%;color:#fff; padding:15px 0;}
form.formSearch span b{color:#ffbf31; padding:0 0 0 5px; font-weight:100;}
.formSearchbt{background-color:#222;border:1px solid #ffbf31;color:#ffbf31;font-size:16px;padding:10px 20px;margin:20px auto;border-radius:3px; cursor:pointer;}
.formSearchbt:hover{background-color:#ffbf31; color:#000;}