@charset "utf-8";

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

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



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


/*header-------------------------------------------------------------------------------------------------------------------------*/
/*header底色或底圖/下方分隔線*/
#header{ background:rgba(124, 96, 145, 0.3) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;}
/*上方Y logo*/
#logo { background-image:url(yahoo_search_zh-TW_78x34_search_2x_white.png) !important;} 
/*搜尋欄位框顏色*/
.search_input {border: 1px solid #fff !important;}
/*搜尋按鈕底色*/
.search_btn {background-color: #50108b !important; border: 1px solid #fff !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:#e83227 !important;}*/
/*.searchbox-bot {margin: 0 !important; padding: 0;}*/



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



/*佈景選擇-------------------------------------------------------------------------------------------------------------------------*/
/*佈景選擇邊框/底色或底圖*/
#Message_box{border-radius: 2px; min-height: 100px; border: solid 1px #ef5692; padding:10px; background:url(Message_box_right_img.png) no-repeat right bottom #f59ebf; background-size:170px 120px;}
/* #Message_box{border-radius: 2px; min-height: 100px; border: solid 1px #c2c25b; padding:10px; background:url(Message_box_right_img.png) no-repeat right 10px bottom ,url(Message_box_bg.png) repeat; background-size:160px 120px,120px 120px;} */
/*文字顏色*/
.Message_content_text{ color:#fff; margin:0 !important; line-height: 1.5; width: 230px;}
.Message_content_text a{ color:#f00002!important;}
/*關閉按鈕底色/邊框*/
.Message_box_close{top: 7px;right: 7px; display: block;width: 18px; height: 18px; text-indent: -9999px; overflow: hidden; position: absolute; border: 1px solid #df1f2c; -webkit-border-radius: 4px; background: -webkit-gradient(linear,left top,left bottom,from(#df1f2c),to(#df1f2c)); 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.7) !important;}


/*新聞,影片,圖片,部落格,知識+-------------------------------------------------------------------------------------------------------------------------*/
/*新聞,影片,圖片,部落格,知識+ 底色*/
.sc { background-color: rgba(255, 255, 255, 0.6) !important; position: relative;}
/*新聞,影片,圖片,部落格,知識+ 分隔線*/
.news .result , .news .sc-more, .video_dd .mmmore, .video_dd .content , .images_dd .mmmore{border-top: 1px dashed #d6a3e5 !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 #d6a3e5 !important;}

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




/*一般搜尋-------------------------------------------------------------------------------------------------------------------------*/
/*搜尋card/分隔線/底色/底圖*/
#algo-bd>.result{  border-bottom: 1px dashed #d6a3e5!important; background-color: rgba(255, 255, 255, 0.6)!important; position: relative; }






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

/*上下頁按鈕-------------------------------------------------------------------------------------------------------------------------*/
/*上下頁按鈕底色*/
#pg .card{ background-color: #d21e4e !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 #d21e4e !important;}/*要跟上下頁按鈕底色一樣*/
/*下一頁箭頭顏色*/
.next ins:before {border-left: 8px solid #FFF !important;left: 0;}
.next ins:after {border-left: 10px solid #d21e4e !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.6) !important;}
/*熱門搜尋標題下底線*/
.trending .title {border-bottom: 1px dashed #d6a3e5!important;}
/*熱門搜尋連結文字顏色*/
.trending .lnk {color: #50108b !important;}


/*合作banner-------------------------------------------------------------------------------------------------------------------------*/
#partner_banner{ margin-top:30px;}
#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(197, 228, 232, 0.7)!important; } */
/*footer Y logo*/
/* #footer #logo { background-image:url(yahoo_search_zh-TW_78x34_search_2x.png) !important;} */
#footer #logo { background-image:url(yahoo_search_zh-TW_78x34_search_2x_white.png) !important;}
#footer a,#footer .pbb{ color: #fff!important;}
/*-------------------------------------------------------------------------------------------------------------------------*/