@charset "utf-8";

/*所有的圖都要做2倍大，在縮小50%，包含背景，且像素要偶數*/

/*測試模擬手機尺寸觀看用，請勿加入*/
html{ width:390px !important; margin:0 auto;}



/*body-------------------------------------------------------------------------------------------------------------------------*/
/*整頁背景*/
body { background:url(body_bg.png); background-size: 150px 150px;}


/*header-------------------------------------------------------------------------------------------------------------------------*/
/*header底色或底圖/下方分隔線*/
#header{ background:rgba(142, 0, 3, 0.8) !important; border-bottom: 1px solid rgba(242, 159, 6, 0.5) !important;}
/*上方Y logo*/
#logo { background-image:url(yahoo_search_zh-TW_78x34_search_2x_white.png) !important;}
/*搜尋欄位框顏色*/
.search_input {border: 1px solid #fa4e3d !important;}
/*搜尋按鈕底色*/
.search_btn {background-color: #fa4e3d !important;}
/*搜尋放大鏡顏色*/
.search_btn .mag-glass .lens {border-color: #fff !important;}
.search_btn .mag-glass .handle {background-color: #fff !important;border-color: #fff !important;}
/*下方搜尋例外*/
#search_again{ padding:8px 8px 8px 8px; background-color:rgba(142, 0, 3, 0) !important;}
.searchbox-bot {margin: 0 !important; padding: 0;}



/*主選單-------------------------------------------------------------------------------------------------------------------------*/
/*主選單底圖(雙底圖)*/
#nav{ background-color:rgba(142, 0, 3, 0.8) !important;}
/*主選單文字顏色*/
#nav a{ color:#fff !important;}
/*主選單最右側向下箭頭顏色*/
#ext-pivot:after {border-color: #fff transparent !important;}
/*主選單被選擇文字顏色*/
#nav a.current{ color:#fa4e3d !important;}
/*主選單被選擇下方指示條顏色*/
#pivot_list span.ptr{background: #fa4e3d !important;}



/*佈景選擇-------------------------------------------------------------------------------------------------------------------------*/
/*佈景選擇邊框/底色或底圖*/
#Message_box{border-radius: 2px; min-height: 100px; border: solid 1px #620000; padding:10px; background:url(Message_box_right_img.png) no-repeat right bottom #e8e7ef; background-size:250px 120px}

/*文字顏色*/
.Message_content_text{ color:#c30d23; margin:0 !important; line-height: 1.5;}
/* .Message_content_text a{ color:#ffe762!important;} */
/*關閉按鈕底色/邊框*/
.Message_box_close{top: 7px;right: 7px; display: block;width: 18px; height: 18px; text-indent: -9999px; overflow: hidden; position: absolute; border: 1px solid #8e0003; -webkit-border-radius: 4px; background: -webkit-gradient(linear,left top,left bottom,from(#8e0003),to(#8e0003)); color: #000 !important; text-align: center;}
/*關閉按鈕的X*/
#Message_box .x:after {top: 5px;left: 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;}
#Message_box .x:before {top: 5px;left: 0;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
#Message_box .x:before, #Message_box .x:after {position: absolute;content: '';display: inline-block;width: 7px;height: 7px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/*分享工具*/
#Message_box .shere ul{ margin: 0 !important;padding: 0 !important;}
#Message_box .shere li {display: block;padding: 0; list-style: none;}
#Message_box .shere a {float: left; display: block; margin: 10px 17px 0 0; width: 25px; height: 25px; text-indent: -9999px; -webkit-background-size: 25px 25px; background-size: 25px 25px;}
/*分享工具各種icon*/
#Message_box .tw {background: url(tw.png) no-repeat;}
#Message_box .fb {background: url(fb.png) no-repeat;}
#Message_box .na {background: url(na.png) no-repeat;}
#Message_box .ca {background: url(ca.png) no-repeat;}


/*廣告-------------------------------------------------------------------------------------------------------------------------*/
/*廣告card底色*/
.ads { background-color: rgba(255, 255, 255, 0.9) !important;}


/*新聞,影片,圖片,部落格,知識+-------------------------------------------------------------------------------------------------------------------------*/
/*新聞,影片,圖片,部落格,知識+ 底色*/
.sc { background-color: rgba(255, 255, 255, 0.8) !important; position: relative;}
/*新聞,影片,圖片,部落格,知識+ 分隔線*/
.news .result , .news .sc-more, .video_dd .mmmore, .video_dd .content , .images_dd .mmmore{border-top: 1px dashed rgba(195, 13, 35, 0.5) !important;}
.images_dd .title,.blog_dd h2.title, .blog_dd .result ,#sc_knowledge_dd h2.title , #sc_knowledge_dd .content-row {border-bottom: 1px dashed rgba(195, 13, 35, 0.5) !important;}

/*新聞底圖*/
#sc-news:before{content:''; width: 50px; height: 50px; display: block; position: absolute;  bottom: 0px; right: 0px; background:url(sc_title_img.png) no-repeat; background-size: 50px 50px;}
/*影片底圖*/
#sc_video_dd:before{content:''; width: 50px; height: 50px;  display: block; position: absolute; bottom: 0px; right: 0px; background:url(sc_title_img.png) no-repeat; background-size: 50px 50px;}
/*圖片底圖*/
#sc_images_dd:before{content:''; width: 50px; height: 50px;  display: block; position: absolute; bottom: 0px; right: 0px; background:url(sc_title_img.png) no-repeat; background-size: 50px 50px;}
/*部落格底圖*/
#sc_blog_dd:before{content:''; width: 50px; height: 50px;  display: block; position: absolute; bottom: 0px; right: 0px; background:url(sc_title_img.png) no-repeat; background-size: 50px 50px;}
/*知識+底圖*/
#sc_knowledge_dd:before{content:''; width: 50px; height: 50px;  display: block; position: absolute; bottom: 0px; right: 0px; background:url(sc_title_img.png) no-repeat; background-size: 50px 50px;}



/*一般搜尋-------------------------------------------------------------------------------------------------------------------------*/
/*搜尋card/分隔線/底色/底圖*/
#algo-bd>.result{ background-color: rgba(255, 255, 255, 0.8) !important; border-bottom: 1px dashed rgba(195, 13, 35, 0.5) !important; /* background:url(result_bg1.png) no-repeat right 10px top 20px; background-size: 40px 40px; */}
/*搜尋card底色輪替*/
/*
#algo-bd>.result:nth-of-type(5n+1) {background-image: url(result_bg2.png) !important;}
#algo-bd>.result:nth-of-type(5n+2) {background-image: url(result_bg3.png) !important;}
#algo-bd>.result:nth-of-type(5n+3) {background-image: url(result_bg4.png) !important;}
#algo-bd>.result:nth-of-type(5n+4) {background-image: url(result_bg5.png) !important;}
*/


/*相關詞-------------------------------------------------------------------------------------------------------------------------*/
/*相關詞card底色或底圖*/
.alsotry {background-color: rgba(255, 255, 255, 0.8) !important; }
/*相關詞標題下面底線*/
.alsotry h2{border-bottom: 1px dashed rgba(195, 13, 35, 0.5) !important;}
/*-------------------------------------------------------------------------------------------------------------------------*/

/*上下頁按鈕-------------------------------------------------------------------------------------------------------------------------*/
/*上下頁按鈕底色*/
#pg .card{ background-color: #fa4e3d !important; border-radius:5px !important;}
/*上下頁按鈕文字顏色*/
#pg .card a b{ color:#FFF;}
/*上一頁箭頭顏色*/
.first ins:before, .prev ins:before {border-right: 8px solid #FFF !important;}
.first ins:after, .prev ins:after {border-right: 10px solid #fa4e3d !important;}/*要跟上下頁按鈕底色一樣*/
/*下一頁箭頭顏色*/
.next ins:before {border-left: 8px solid #FFF !important;left: 0;}
.next ins:after {border-left: 10px solid #fa4e3d !important;left: -5px;}/*要跟上下頁按鈕底色一樣*/
/*上下頁下方圖片*/
#pg {padding-bottom:225px; background:url(pg_img.png) no-repeat center bottom; background-size: 320px 215px;}



/*下面搜尋BAR-------------------------------------------------------------------------------------------------------------------------*/
/*下面搜尋BAR*/
/* .searchbox-bot {margin: 10px 0 23px !important; padding: 0;} */


/*熱門搜尋-------------------------------------------------------------------------------------------------------------------------*/
/*熱門搜尋底色*/
.trending {background-color: rgba(255, 255, 255, 0.8) !important;}
/*熱門搜尋標題下底線*/
.trending .title {border-bottom: 1px dashed rgba(195, 13, 35, 0.5)!important;}
/*熱門搜尋連結文字顏色*/
.trending .lnk {color: #c30d23 !important;}


/*合作banner-------------------------------------------------------------------------------------------------------------------------*/
#partner_banner{ margin-top:30px; display: none;}
#partner_banner a{ display:block; width:300px; height:50px; margin: 0 auto; background:url(partner_banner.png) no-repeat center; background-size: 300px 50px;}


/*footer-------------------------------------------------------------------------------------------------------------------------*/
/*footer背景圖*/
/* #footer {margin: 23px 0 0 0!important; padding: 8px 0 0 8px; background:rgba(255, 255, 255, 0.8)!important; }  */
/*footer Y logo*/
#footer #logo { background-image:url(yahoo_search_zh-TW_78x34_search_2x_white.png) !important;}
#footer a,#footer .pbb{ color: #fff!important;} 
/*-------------------------------------------------------------------------------------------------------------------------*/