#search{position: fixed;width:100%;height:100vh;top:0;left:0;z-index:9000000001;display:none;background: rgba(0,0,0,.9);}
#search .bg{background-color:#fff;display:none;max-height: 90vh;overflow-x: hidden;}
/* searchBar */
#search .searchBox{max-width:750px;margin:0 auto 80px auto; padding: 8% 0 2% 0;}
#search .searchBox .qsBox{width:100%;margin:0px auto; padding:0;border-bottom:1px solid #cecece ;}
#search .searchBox .qsBox .searchInput{ float:left;width:70%;font-size: 16px;padding:3% 2% 2% 2%; margin:0px;font-family:'Microsoft JhengHei','微軟正黑體','新細明體', Arial, Verdana, Helvetica, sans-serif;}
#search .searchBox .qsBox .btnSearch{ float: right; width:10%; background-color:transparent; margin: 6px 0 0 0; cursor: pointer;}
#search .searchBox .qsBox .btnSearch:hover,#search .searchBox .qsBox .btnSearch:active{ float: right; width:10%;}
#search .searchBox .W_ficon{ font-size:2em;color:#8d8d8d;margin-top:10px}
#search .searchBox .W_ficon a{color:#363636;text-decoration:none;display:inline-block;}
#search .searchBox .W_ficon a:hover,#search .searchBox .W_ficon a:active{color:#50ACDF;}
#search .container{overflow:inherit;}
#search .container .close{position: absolute;right:1%;top:5vh;cursor: pointer;}
#search .container .close img{width:24px;}


/* searchlist */
#search .listblock{margin: 0 auto 40px auto; padding:0;width: 78%;}
#search .listblock h3{ text-align:left; color:none; font-size:22px; margin:0 0 40px 18px; font-weight:normal;}
#search .listblock .list{float:left; text-align:center; width:100px; margin:0 7px 40px 17px; padding:0%;}
#search .listblock .list .icon{width:100px; margin:0; padding:0%;}
#search .listblock .list .icon img{width:60%; height:auto;}
#search .listblock .list a{color:#333;}

#search .listblock .list h2{ text-align:center; font-size:16px; margin:15px 0 0 0; font-weight:normal;}
#search .listblock .list:hover{color:#363636;}