<!DOCTYPE html>
<html lang="zh-TW">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <title>產品介紹</title>
    <div class="row">
     <table class="table">
      <div class="col-md-2"> </h2></div>
      <div class="col-md-6"><h2>聰明拖把-潔拭拖smart mop Jester</h2></div>
    </table>

	
	
	
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href=index.htm >回首頁</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href=index.htm >產品介紹 <span class="sr-only">(current)</span></a></li>
        <li><a href=index.htm >我要購買</a></li>
		<li><a href=index.htm >聯絡我們</a></li>
		<li><a href=index.htm >會員專區</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	
  </head>
  
  <style>
		*{font-family: "微軟正黑體", '標楷體';}
		p,td,li,a {
			font-size: 12px;
			text-align: justify;		
		}
		.navbar-default .navbar-brand { color: #0089ff;}
		.navbar-default .navbar-nav>li>a {color: #0089ff;}
		
		body { padding-top: 70px; }
		
		body {
		background:
			url('image/20160916003135.jpg')
			fixed no-repeat center center;
			background-size:100% 100%;
			}
			 
		
		.container {
			background-color: rgba(255,255,255,0.8);
		}
	</style>
	
  <body>
  
  <div class="container">
	<div class="row">
		 <div class="col-md-4" style="">
		<table class="table">
		<tr><td><a href=index.htm class="btn btn-default btn btn-primary btn-lg btn-block">回首頁</a>
		<tr><td><a href=index.htm class="btn btn-default btn btn-default btn-lg btn-block">產品介紹</a>
		<tr><td><a href=index.htm class="btn btn-default btn btn-primary btn-lg btn-block">我要購買</a>
		<tr><td><a href=index.htm class="btn btn-default btn btn-default btn-lg btn-block">聯絡我們</a>
		<tr><td><a href=index.htm class="btn btn-default btn btn-primary btn-lg btn-block">會員專區</a>

</table>
		 </div>
		  <div class="col-md-8" >
		 第87回  徵南寇丞相大興師 抗天兵蠻王初受執
 
<p>花生醬／12沈佩媚
<p>【摘要】
  <p>諸葛丞相盡心盡力於成都所有大小事務，使成都忻樂太平、五穀豐收、財盈國庫。然而建興三年從益州捎來個緊急消息：蠻王孟獲聯合建寧太守雍闓、牂牁太守朱褒及越雋郡太守高定三人揭竿造反。永倉太守王伉與功曹呂凱不肯獻城，二人便集合百姓死守永倉城，情勢相當危急。於是孔明入朝請奏後主，不顧眾人反對便率了大軍前往益州。
  <p>孔明一行人到益州便與鄂煥軍馬正面交鋒，沒有兩三下便生擒高定部下鄂煥。孔明宴鄂煥酒食並以仁縱之勸其早早歸降。之後孔明令士兵們散布謠言使得雍闓的部下心皆動搖，又趁機挑撥高定及雍闓，使其兩之間產生誤會，不費一軍一馬，孔明借高定之刀取下雍闓及朱褒的首級。輕鬆解決三郡之亂後，孔明命高定為益州太守統治三郡。一行人便又出往永昌前進。
  <p>太守王伉及呂凱會面孔明後，呂凱獻一「平蠻指掌圖」助孔明平三王一臂之力。
  <p>某晚天子派馬謖捎來詔曰，此一機會使孔明與馬謖同心認為平南蠻之唯一方法為－－心戰。即為「攻心為上! 」
  <p>此次孔明巧妙運用激將之法增趙雲及魏延的戰鬥銳氣，謹慎出奇的作戰計畫使孔明取得金環三結的首級及活捉另二王，同樣這次孔明放了二王，目的為引出孟獲。如孔明所算兩軍終於交敵，而孟獲終究敵不過孔明的神奇妙略而被活擒至軍營內。由於孟獲絲毫不服氣落入孔明手中，於是孔明爽快答應放他回去，等待下次再擒孟獲時他能心服口服。
 
<p>【觀察】
  <p>孔明善用人心的計謀使其均能忠心歸降而不是出自於不甘心，實為妙也！
<p>對於手下的大將皆能適其所心達到作戰最好的效果，是為不吩咐計畫勝於吩咐之妙。每一細節每一蠻軍的反應舉動皆在孔明之料算中，不愧為料事如神之先機。
<p>一開始交代孔明的事蹟不但讓人看出他的用心為政也啟發以下想要平定蠻兵的決心。
 
 
 
 
<p>第88回  渡瀘水再缚番王 識詐降三擒孟獲
<p>【摘要】
  <p>被孔明放回的孟獲行至瀘水時，想到了對抗孔明的方法。他命大批軍隊將船舶於瀘水南岸並逐高土牆來防衛，信心滿滿的等待打敗孔明。
  <p>孔明命馬岱帶著軍隊在夜晚時渡瀘水才不會因白天的毒氣致死，馬岱成功渡過瀘水後便劫了孟獲的糧食。然而此時自負的孟獲完全不相信孔明軍隊已攻打過來的事實，繼續飲酒作樂毫無危機意識。
  <p>曾被孔明放回的董荼那良心發現後將孟獲押至孔明軍營內以報活命之恩，此次孟獲歸罪於自己軍隊內起了內訌而不肯服，孔明便又再次放了他。
  <p>第二次被放回的孟獲令其弟弟孟優帶著金銀寶物前去孔明軍營詐降，消除孔明戒心後，在夜晚來個裡應外合便可一舉打敗孔明。聰明的孔明當然一眼就識破孟獲的詭計，在宴會上拼命的灌孟優一行人酒，等到夜深孟獲攻進軍營內時，他們個個都為酒死之人，無人能拿起武器作戰。就在孟獲深知自己中計之時，他已被孔明軍隊包圍無法逃出，這一次，孔明又活捉了孟獲。
  <p>此次孟獲的藉口為孟優的貪口腹之慾，面對第三次擒到卻仍不服的孟獲，孔明仍又放了他。這此縱孟獲使他召集了更多的蠻兵準備對抗孔明，而孔明只是不動聲色微笑著說：「就是要讓所有蠻兵都看到我的才能！」
 
<p>【觀察】
  <p>孔明連放了孟獲三次是為呼應上回的「攻心之上」，也藉由孟獲的屢次不服凸顯出蠻兵的鮮明個性及孔明耐心沉穩的心戰。而孟獲的自以為是為其失敗的重大原因，也顯現蠻兵的衝動。最後孔明的微笑更讓大家明顯看出孔明此次平蠻的重要目的，若蠻兵不服必定又會再造反，唯有使其心服口服才是使天下太平的根本之道。
 
		 </div>
		 </div>
	<div class="row">
		 <div class="col-md-4" >
		 <img src="\image\Tulips" class="img-thumbnail" alt="Responsive image">
		 </div>
		  <div class="col-md-4" >
		 <img src="\image\Tulips" class="img-thumbnail" alt="Responsive image">
		 </div>
		  <div class="col-md-4" >
		 <img src="\image\Tulips" class="img-thumbnail" alt="Responsive image">
		 </div>
		 </div>
  
  
  </div>
	
	
	
	
	
	
	

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
