@include('web-a.header')

<!--配合活動,可由後台更換底圖-->
<section>
	<div class="container">
    	<div class="width-100 padd-bottom30">    
    	<!--輪播區-->
            <div class="width-67 slider">
                <div class="flexslider">
                  <ul class="slides">
                    <li><img src="images/test/test01.jpg" /></li>
                    <li><img src="images/test/test01.jpg" /></li>
                  </ul>
                </div>
            </div>
        <!--輪播區-end-->
        
        <!--新聞區-->
        	<div class="width-33 new">
            	<ul>
                	<li>
                    	<div class="width-43 margin-right2"><img src="images/test/test02.jpg"></div>
                        <div class="width-55">
                        	<span>最新</span>
                            <h1><a href="">[國王杯]足球預測分析：西班牙人vs萊萬特</a></h1>
                            <p>恆大自昨天抵達世俱杯比賽地日本後，就迅速...</p>
                        </div>
                    </li>
                    <li>
                    	<div class="width-43 margin-right2"><img src="images/test/test02.jpg"></div>
                        <div class="width-55">
                        	<span>最新</span>
                            <h1><a href="">[國王杯]足球預測分析：西班牙人vs萊萬特</a></h1>
                            <p>恆大自昨天抵達世俱杯比賽地日本後，就迅速...</p>
                        </div>
                    </li>
                    <li><a href="">[意大利杯]足球預測分析：熱那亞vs亞歷山德...</a></li>
                    <li><a href="">[意大利杯]足球預測分析：熱那亞vs亞歷山德...</a></li>
                    <li class="more"><a href="">&lt; more &gt;</a></li>
                </ul>
            </div>
        
        <!--新聞區-end-->
        
        </div>
        
        <!--廣告A區-->
        <div class="width-100 banner-a"><img src="images/test/test03.jpg"></div>
        <!--廣告A區-end-->
        
        <!--說明:當我點選"選擇球種"後,才會出現"選擇聯盟"的select,當我兩個都點選後,下方兩個區塊會一起更新-->
        
        <!--預測-->
        	<div class="width-100 predict">
            	<div>
                	<div class="title">
                        預測高手
                        <select name="">
                          <option>選擇球種</option>
                        </select>
                        <select name="">
                          <option>選擇聯盟</option>
                        </select>
                        <a href=""><i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <div class="width-100">
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>讓分X2 , 大小X3 , 不讓分X1</li>
                                    <li>
                                        <p>本周勝率：81.8%(18W/4L)</p>
                                        <p>連勝：<span class="fontcolor-red">6連勝</span></p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>讓分X2 , 大小X3 , 不讓分X1</li>
                                    <li>
                                        <p>本周勝率：81.8%(18W/4L)</p>
                                        <p>連勝：<span class="fontcolor-red">6連勝</span></p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>讓分X2 , 大小X3 , 不讓分X1</li>
                                    <li>
                                        <p>本周勝率：81.8%(18W/4L)</p>
                                        <p>連勝：<span class="fontcolor-red">6連勝</span></p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                	<div class="title">高手排行<a href=""><i class="fa fa-angle-double-right"></i></a></div>
                    <ul class="ranking">
                    	<li>
                        	<div>1</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>2</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>3</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>4</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>5</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                    </ul>
                </div>
            	
            </div>
        <!--預測-end-->
        
        <!--名師-->
        	<div class="width-100 predict a">
            	<div>
                	<div class="title">
                        分析名師
                        <select name="">
                          <option>選擇球種</option>
                        </select>
                        <select name="">
                          <option>選擇聯盟</option>
                        </select>
                        <a href=""><i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <div class="width-100">
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>本月成績：8勝1敗</li>
                                    <li>
                                        <p>本月勝率：81.8%</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>本月成績：8勝1敗</li>
                                    <li>
                                        <p>本月勝率：81.8%</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>本月成績：8勝1敗</li>
                                    <li>
                                        <p>本月勝率：81.8%</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                	<div class="title">名師排行<a href=""><i class="fa fa-angle-double-right"></i></a></div>
                    <ul class="ranking">
                    	<li>
                        	<div>1</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>2</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>3</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>4</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>5</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                    </ul>
                </div>
            	
            </div>
        <!--名師-end-->
        
        <!--球王-->
        	<div class="width-100 predict b">
            	<div>
                	<div class="title">
                        球王解盤 | <span>超過<span>75%</span>勝率&nbsp;<a href=""><i class="fa fa-question-circle"></i></a></span>
                        <select name="">
                          <option>選擇球種</option>
                        </select>
                        <select name="">
                          <option>選擇聯盟</option>
                        </select>
                        <a href=""><i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <div class="width-100 border1">
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>本月成績：8勝1敗</li>
                                    <li>
                                        <p>本月勝率：81.8%</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>本月成績：8勝1敗</li>
                                    <li>
                                        <p>本月勝率：81.8%</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                        <div class="table">
                            <div>
                                <img src="images/test/test04.jpg">
                                <ul>
                                    <li><a href="">聽我的一定中</a></li>
                                    <li>銷售熱度：<i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></li>
                                    <li>本月成績：8勝1敗</li>
                                    <li>
                                        <p>本月勝率：81.8%</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <div><img src="images/MLB/匹茲堡海盜.png"><p>匹茲堡海盜</p></div>
                                <div><p>VS</p></div>
                                <div><img src="images/MLB/巴爾的摩金鶯.png"><p>摩金鶯</p></div>
                            </div>
                            <div>
                                <div>
                                    <p>蔚山現代太陽神</p>
                                    <p>7 分贏 50%</p>
                                </div>
                                <div><a href=""><img src="images/icon.png">10枚幸運幣</a></div>
                            </div>
                        </div>
                    
                    </div>
                </div>
                <div>
                	<div class="title">球王排行<a href=""><i class="fa fa-angle-double-right"></i></a></div>
                    <ul class="ranking">
                    	<li>
                        	<div>1</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>2</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>3</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>4</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                        <li>
                        	<div>5</div>
                            <div><img src="images/test/test04.jpg"></div>
                            <div>
                            	<p><a href="">聽我的一定中</a></p>
                                <p>成績：<span class="fontcolor-red">18W/4L</span></p>
                                <p>勝率：<span class="fontcolor-red">99%(18W/4L)</span></p>
                            </div>
                        </li>
                    </ul>
                </div>
            	
            </div>
        <!--球王-end-->
        
        <!--說明-end-->
        
        
        <!--熱門投票-->
            <div class="vote">
                <div class="title"><span>熱門投票</span><a href=""><i class="fa fa-angle-double-right"></i></a></div>
                
                <!--第一種方式-->
                <div class="width-100 border1 vote-1">
                	<ul>
                    	<li>分享至<a href=""><i class="fa fa-facebook"></i></a><a href="" target="_blank"><i class="fa fa-link"></i></a></li>
                    	<li><img src="images/test/test05.jpg"></li>
                        <li><h2>林書豪目前效力的球隊是?</h2></li>
                        <!--span裡面的數字,請在送出後顯示出來,未送出前請隱藏-->
                        <li><a href="">A. 夏洛特黃蜂</a><span>26%</span></li>
                        <li><a href="">B. 夏洛特黃蜂</a><span>26%</span></li>
                        <li><a href="">C. 夏洛特黃蜂</a><span>26%</span></li>
                        <li><a href="">D. 夏洛特黃蜂</a><span>26%</span></li>
                        <li><a href="">送出投票 <i class="fa fa-hand-o-up"></i></a></li>
                    </ul>
                </div>
                
                <!--第二種方式,我先隱藏起來,拿掉"style="display:none;""這個就可以出現了-->
                <div class="width-100 border1 vote-2" style="display:none;">
                	<ul>
                    	<li>分享至<a href=""><i class="fa fa-facebook-square"></i></a><a href=""><i class="fa fa-instagram"></i></a></li>
                        <li><h2>林書豪目前效力的球隊是?</h2></li>
                        <!--span裡面的數字,請在送出後顯示出來,未送出前請隱藏-->
                        <li><p><a href="">A. 夏洛特黃蜂</a><span>26%</span></p><img src="images/test/test05.jpg"></li>
                        <li><p><a href="">B. 夏洛特黃蜂</a><span>26%</span></p><img src="images/test/test05.jpg"></li>
                        <li><p><a href="">C. 夏洛特黃蜂</a><span>26%</span></p><img src="images/test/test05.jpg"></li>
                        <li><p><a href="">D. 夏洛特黃蜂</a><span>26%</span></p><img src="images/test/test05.jpg"></li>
                        <li><a href="">送出投票 <i class="fa fa-hand-o-up"></i></a></li>
                    </ul>
                </div>
            </div>
        <!--熱門投票-end-->
        
        <!--最新活動-->
        <div class="activity">
        	<div class="title"><span>最新活動</span><a href=""><i class="fa fa-angle-double-right"></i></a></div>
            <div class="width-100"><a href=""><img src="images/test/test06.jpg"></a></div>
        </div>
        <!--最新活動-end-->
        
        <!--快捷地圖+廣告-->
        	<div class="width-28">
            	<div class="width-100 map">
                	<!--快捷地圖可以讓行銷部自行更新-->
                	<div class="title"><span>幸運小幫手</span></div>
                    <ul>
                    	<li><a href=""><i class="fa fa-clipboard"></i><p>公告</p></a></li>
                        <li><a href=""><i class="fa fa-file-text-o"></i><p>預測</p></a></li>
                        <li><a href=""><i class="fa fa-pencil-square-o"></i><p>分析</p></a></li>
                        <li><a href=""><i class="fa fa-futbol-o"></i><p>球王</p></a></li>
                        <li><a href=""><i class="fa fa-comments-o"></i><p>討論</p></a></li>
                        <li><a href=""><i class="fa fa-newspaper-o"></i><p>新聞</p></a></li>
                        <li><a href=""><i class="fa fa-credit-card"></i><p>儲值</p></a></li>
                        <li><a href=""><i class="fa fa-fort-awesome"></i><p>商城</p></a></li>
                        <li><a href=""><i class="fa fa-user"></i><p>會員</p></a></li>
                        <li><a href=""><i class="fa fa-lightbulb-o"></i><p>教學</p></a></li>
                        <li><a href=""><i class="fa fa-hand-paper-o"></i><p>幫助</p></a></li>
                        <li><a href=""><i class="fa fa-search"></i><p>搜尋</p></a></li>
                    </ul>
                </div>
                
                <div class="banner-b"><img src="images/test/test07.jpg"></div>
            
            </div>
        <!--快捷地圖+廣告-end-->
        
    
    </div>
	
</section>

@include('web-a.footer')