h<title>全部商品資料</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="//cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script language="JavaScript" type="application/javascript">

//用於多圖片上傳預覽功能
function setImagePreviews(value) 
{
    var docObj = document.getElementById("filephoto"); //file上傳圖片
    var docImageObj = document.getElementById("myPic"); //預覽圖
    
    docImageObj.innerHTML = ""; 
    var fileList = docObj.files;
    
    //多圖使用迴圈跑出
    for (var i = 0; i < fileList.length ; i++) {            
        docImageObj.innerHTML += "<div style='float:center'><div><label><input type=\"radio\" name=\"pImageHead\" value=" + (i+1) + "> 選為商品主圖<br><label></div><img id='img" + i + "' /> </div></br>";//顯示預覽圖
        var imgObjPreview = document.getElementById("img"+i); 
        if (docObj.files && docObj.files[i]) {
            //火狐瀏覽器，直接設img属性
            //圖片縮圖大小
            imgObjPreview.style.display = 'block';
            imgObjPreview.style.height = '100px';
            
            //imgObjPreview.src = docObj.files[0].getAsDataURL();
            //火狐7以上版本不能用上面的getAsDataURL()方式獲取，需要用下列方式
            imgObjPreview.src = window.URL.createObjectURL(docObj.files[i]);
        }
        else {
            //IE瀏覽器
            docObj.select();
            var imgSrc = document.selection.createRange().text;
            //alert(imgSrc)
            var localImagId = document.getElementById("img" + i);
            //圖片縮圖大小
            localImagId.style.height = "100px";
            
            //圖片異常的捕捉，防止用戶修改後綴来偽造圖片
            try {
                localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
            }
            catch (e) {
                alert("上傳的圖片格式不正確，請重新選擇!");
                return false;
            }
            imgObjPreview.style.display = 'none';
            document.selection.empty();
            
        }
    }  
    return true;
}
    
//Top回上方
$(function(){
	$('#go_top').click(function(){
		// 讓捲軸移動到0的位置,移動時間
        $('html, body').animate({scrollTop: 0}, 750);
		return false;
	});
}); 
    
       
/*以下為官網&商城資料修改、新增*/    
//Ckeditor即時更新    
function CKupdate()
{
    for(instance in CKEDITOR.instances)
    CKEDITOR.instances[instance].updateElement();
}
    
//官網資料複製->商城    
function copyP()
{
    //Ckeditor即時更新
    CKupdate();
    
    $('#name').val($('#bg_name_0').val());
    $('#minpeople').val($('#min_people').val());
    $('#maxpeople').val($('#max_people').val());
    $('#age').val($('#pha_age').val());
    $('#year').val($('#publish_year').val());    
    $('#runtime').val($('#pha_runtime').val());
    $('#price').val($('#pha_price').val());
    
    //賦予值(ckeditor)
    CKEDITOR.instances.summary.setData($('#bg_des_edit_area').val());
    CKEDITOR.instances.introduction.setData($('#bg_rule_edit_area').val()); 
}
    
//商城資料複製->官網      
function copyM()
{
    CKupdate();
    
    $('#bg_name_0').val($('#name').val());
    $('#min_people').val($('#minpeople').val());
    $('#max_people').val($('#maxpeople').val());
    $('#pha_age').val($('#age').val());
    $('#publish_year').val($('#year').val());
    $('#pha_runtime').val($('#runtime').val());
    $('#pha_price').val($('#price').val());
    
    //賦予值(ckeditor)
    CKEDITOR.instances.bg_des_edit_area.setData($('#summary').val());
    CKEDITOR.instances.bg_rule_edit_area.setData($('#introduction').val());
    
}
    
//由供應商官網導入
function copyFromS(type)
{       
    
    switch(type)
    {
            //  導入商城
        case 0:
             //Ckeditor即時更新
            CKupdate();
            
            if($('#S_minPeople').html()!='') $('#minpeople').val($('#S_minPeople').html());
            if($('#S_maxPeople').html()!='') $('#maxpeople').val($('#S_maxPeople').html());
            if($('#S_publishYear').html()!='')$('#year').val($('#S_publishYear').html());
            if($('#S_age').html()!='')$('#age').val($('#S_age').html());
            
            if($('#S_time').html()!='')$('#runtime').val($('#S_time').html()+'分鐘');
           if($('#S_price').html()!='') $('#price').val($('#S_price').html());

            //賦予值(ckeditor)
            CKEDITOR.instances.summary.setData($('#S_intro').html());
            CKEDITOR.instances.introduction.setData($('#S_decorator').html()+$('#S_des').html()); 
        break;
        case 1:
            CKupdate();
    
           
           if($('#S_minPeople').html()!='') $('#min_people').val($('#S_minPeople').html());
           if($('#S_maxPeople').html()!='')$('#max_people').val($('#S_maxPeople').html());
            if($('#S_publishYear').html()!='')$('#publish_year').val($('#S_publishYear').html());
           if($('#S_age').html()!='') $('#pha_age').val($('#S_age').html());
       
           if($('#S_time').html()!='') $('#pha_runtime').val($('#S_time').html()+'分鐘');
            if($('#S_price').html()!='')$('#pha_price').val($('#S_price').html());
            if($('#S_decorator').html()!='')$('#pha_decorator').val($('#S_decorator').html());

            //賦予值(ckeditor)
            CKEDITOR.instances.bg_des_edit_area.setData($('#S_intro').html());
            CKEDITOR.instances.bg_rule_edit_area.setData($('#S_des').html());     
         break;
         default:
            copyFromS(0);
            copyFromS(1);
         break;      
    }
        
}

//商城修改
function mart_save(){
  CKupdate(); 

  if($('#name').val() == ''){
    alert('修改錯誤：商品名稱不可為空!!');
    return;
  }

  var formData = new FormData($("#mart_modify")[0]); 
  $.ajax({
      url: '/all_productdata/mart_product_save', 
      type: 'POST', 
      data: formData,
      dataType:'json',
      async: false, 
      cache: false, 
      contentType: false, 
      processData: false,
      success: function (r) { 
        alert(r.msg);
        //location.reload(); //更新頁面 
      }, 
      error: function (r){ 
        alert(r.responseJSON.msg);
      }
  });
}


//官網修改
function pha_save()
{  
  pha_intoSave();
  pha_desSave();
  pha_ruleSave();
    
   if(key == 0) 
   {
     alert('資料已修改');
     location.reload();
   }
}  
    
//官網(基本資料)修改 2017.09.13
function pha_intoSave()
{
  if($('#bg_name_0').val() == ''){
    alert("修改錯誤：遊戲名稱不可為空!!");
    return;
  }
  $.ajax({
      cache: true,
      type: "POST",
      dataType:"html",
      url:"/all_productdata/pha_product_save/1",
      data:$('#pha_modify_into').serialize(),// 你的formid
      async: false,
      success: function(data){
          if(data == 0){
            alert("修改 遊戲基本資料 未成功!!");
          }
      },
      error: function(data){
        alert(data);
      }
   });
}
    
//官網(簡介)修改 2017.09.13
function pha_desSave()
{
   CKupdate(); 
   $.ajax({
       cache: true,
       type: "POST",
       dataType:"html",
       url:"/all_productdata/pha_product_save/2",
       data:$('#pha_modify_des').serialize(),// 你的formid
       async: false,
       success: function(data){
          if(data == 0) alert("修改 遊戲簡介 未成功!!");
       },
       error: function(data){
            alert(data);
       }
   }); 
}

//官網(規則)修改 2017.09.13
function pha_ruleSave()
{
   CKupdate();

   $.ajax({
       cache: true,
       type: "POST",
       dataType:"html",
       url:"/all_productdata/pha_product_save/3",
       data:$('#pha_modify_rule').serialize(),// 你的formid
       async: false,
       success: function(data){
        if(data == 0) alert("修改 遊戲規則 未成功!!");
       },
       error: function(data){
        alert(data);
       }
   }); 
}
    
function allSave()
{
    mart_save();
    pha_save();
}

//商城新增
function mart_insert()
{  
  martIn.submit();
}

//官網新增
function pha_insert()
{   
  phaIn.submit();
}

//新增影音欄位 2017.08 
var videoNum = 0;
var arr2={'video':videoNum};
function addVideoBtn(name)
{
   var intVId = ''; 
   for(var key in arr2)
   {//取key值
      if(key == name) intVId = arr2[key];
   }
   var nameid = name+'_'+intVId;
 
   var type = '';
   if(name == 'video') type = 1;
    
   $('.add_'+name+'').append('<div class="'+name+'" id="'+nameid+'_div"><input type="text" id="'+nameid+'" name="'+name+'[]" value="" size="50px"/> <input type="button" name="del_Video_'+nameid+'" value="刪除" onclick="delVideotxt('+type+','+intVId+')"/></div>');
    
   intVId++;
   for(var key in arr2)
   {//存回陣列中
      if(name == key) arr2[key] = intVId;
   }
 
}
    
//刪除影音欄位 2017.08 
function delVideotxt(type,id) 
{
    var name = '';
    if(type == 1) name = 'video';
    $('#'+name+'_'+id+'_div').remove();
}    
    
function getproductid()
{
    var productid = $('#productid').val();
    if(productid) modify.submit();
    else alert('請輸入系統ID');
}

    
function getFromSupplier()
{
    $.post('/all_productdata/get_supplier_page',{'url':$('#supplierUrl').val()},function(data){
        
        if(data.result==true)
            {
                for(key in data.product)
                    {
                        
                       
                        $('#S_'+key).html( data.product[key]);
                        
                    }
                
                $('#catch').slideDown();
            }
        
        
        
    },'json')
}


$(function(){
  //切換編輯商城資訊、官網資訊
  $('div#page .tab').click(function(){
      $('div#page .tab').removeClass('active');
      $(this).addClass('active');
      $('div#martadm,div#phant').hide();
      $('div#'+$(this).data('type')).show();
  });

  //將商城資料複製到官網資料
  $('div.cloneMartToMain').click(function(){
    
    //直接複製資料到官網資訊
    $('input#bg_name_0').val($('form#mart_modify input#name').val());
    $('input#eng_name').val($('form#mart_modify input#engname').val());
    $('input#min_people').val($('form#mart_modify input#minpeople').val());
    $('input#max_people').val($('form#mart_modify input#maxpeople').val());
    $('input#pha_age').val($('form#mart_modify input#age').val());
    $('select#publish_year').val($('form#mart_modify select#year').val());
    $('input#pha_price').val($('form#mart_modify input#price').val());

    //轉換遊戲時間到官網資訊
    var runtime = parseInt($('form#mart_modify select#runtime').val());
    var timeInterval;
    if(runtime <= 30)
        timeInterval = 'under30';
    else if(runtime <= 60)
        timeInterval = '30to60';
    else if(runtime <= 90)
        timeInterval = '60to90';
    else if(runtime <= 120)
        timeInterval = '90to120';
    else if(runtime > 120)
        timeInterval = 'over120';

    $('select#pha_runtime').val(timeInterval);

    //複製勾選的選項到官網資料區
    $('form#mart_modify .martTheme').each(function(){
      if(!$(this).prop('checked')) return;
      var id = $(this).prop('id').split('_')[1];
      $('#phatheme_'+id).attr('checked',true);
    });
    $('form#mart_modify .martMec').each(function(){
      if(!$(this).prop('checked')) return;
      var id = $(this).prop('id').split('_')[1];
      $('#phaMec_'+id).attr('checked',true);
    });

    //同步遊戲簡介跟遊戲介紹
    //賦予值(ckeditor)
    CKupdate();
    CKEDITOR.instances.bg_des_edit_area.setData($('#summary').val());
    CKEDITOR.instances.bg_rule_edit_area.setData($('#introduction').val());

    //複製過去後切換到官網資料
    $('div#page .tab').removeClass('active');
    $(this).next().addClass('active');
    $('div#martadm,div#phant').hide();
    $('div#phant').show();
  });
});
  
</script>


<style type="text/css">
#phant
{
  width:90%;
  border-style:solid;
  padding:1% 5%;
} 
    
#martadm
{ 
  width:90%;
  border-style:solid;
  padding:1% 5%;
  text-align: center;
} 


#button{
   position:fixed;
   width:15%;
   height:300px;
   top:50%;
   left:50%;
   margin-top:-100px;
   margin-left:-130px;
   _position: absolute; /* position fixed for IE6 */
   _top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
   _margin-top:0;
}
    
#go_top{
  position:fixed;
  right: 20px;
  bottom: 0px;
  font-size: 30px;
  padding: 7px 15px;
  background: #777;  
  color: white;
  cursor: pointer;
}
    
.checkBtn{
  float:left;
  width:150px;       
}
div#main{
  width: 860px;
  margin: auto;
}
div#page{
  text-align: center;
  font-size: 40px;
  border-style: solid;
  border-width: 0px 0px 3px 0px;
  margin-bottom: 20px;
  margin-top: 20px;
}

div#page .tab{
  display: inline-block;
  background-color: #dcdcdc;
  border: solid 2px black;
  border-bottom: 0px;
  border-radius: 10px 10px 0px 0px;
  cursor:pointer;
  padding: 10px;
  margin: 0px 20px 0px 20px;
}
div#page .tab.active{
  background-color: white;
  cursor: default;
  border-bottom: solid 3px white;
  margin-bottom: -3px;
}
div#page .cloneMartToMain{
  display: inline-block;
  border: solid;
}
div#page .cloneMartToMain:hover{
  background-color: #cdcdcd;
  cursor: pointer;
}
</style>
<div align="center">
  <form method="get" id="modify" action="/all_productdata/site">
      系統ID<input type="text" id="productid" name="productid" value="8883691" />
      <input type="button" name="productid_btn" onclick="getproductid();" value="送出" />
  </form>
</div>
<h1>由供應商網址擷取</h1>
<input type="text" style="width:800px" id="supplierUrl" >
<input type="button" value="送出" onclick="getFromSupplier()">
<div id="catch" style="display:none">
<table>
    <tr><td>中文名稱</td><td id="S_ZHName"></td></tr>
    <tr><td>英文名稱</td><td id="S_ENGName"></td></tr>
    <tr><td>出版年份</td><td id="S_publishYear"></td></tr>
    
    <tr><td>年齡</td><td id="S_age"></td></tr>
    <tr><td>時間</td><td id="S_time"></td></tr>
    <tr><td>價錢</td><td id="S_price"></td></tr>
    <tr><td>最小人數</td><td id="S_minPeople"></td></tr>
    <tr><td>最大人數</td><td id="S_maxPeople"></td></tr>
    <tr><td>配件</td><td id="S_decorator"></td></tr>
    <tr><td>簡介</td><td id="S_intro"></td></tr>
    <tr><td>規則及詳細介紹</td><td id="S_des"></td></tr>
  
</table>  
<input type="button" value="導入商城" onclick="copyFromS(0)">
<input type="button" value="導入官網" onclick="copyFromS(1)"><br/>
<input type="button" value="導入商城及官網" onclick="copyFromS(2)">
</div>


<div id='page'>
  <div class='tab active' data-type='martadm'>商城商品資訊</div>
  <div class='cloneMartToMain'>複製→</div>
  <div class='tab' data-type='phant'>官網遊戲資訊</div>
</div>
<div id='main'>
  <div id="martadm">
    <div align="center"><h1>商城商品資訊</h1></div>
    <form method="post" id="mart_modify"  enctype="multipart/form-data">
        </form>
    </div>

<!--mart新增-->
    <div align="center">
    <input type="button" id="insert_mart" style="width:200px;height:40px;font-size:16px;" onclick="mart_insert();" value="新增">
  </div>
  <div style="display:none;">
  <!--搜尋不到productID顯示無此ID-->
    <form method="post" id="martIn" action="/all_productdata/mart_insert" >
        <input type="text" id="productid" name="productid" value="8883691"  />
        <input type="text" id="inventory" name="inventory" value="10"  />
        <input type="text" id="maxOneSalse" name="maxOneSalse" value="5"  />
        <input type="text" id="onlyBuy" name="onlyBuy" value="0"  />
    </form>
  </div>
   
 
<!--官網修改-->
  <div id="phant" style="display:none">
    <div align="center"><h1>官網遊戲資訊</h1></div>
        
        <div align="center">
    <table id="phant_table" class="phatable_modify" border="2" width="100%">
      <form method="post" id="pha_modify_into">
        <input class="input" type="text" name="bid" style="display: none;" value="3168">
        <tr>
            <td width="20%"><font color="red">*</font>遊戲名稱</td>
            <td>
                <input type="text" id="bg_name_0" name="bg_name_0" value="7 吃 9(七吃九)" size="45px">
            </td>
        </tr>
        <tr>
            <td>英文名稱</td>
            <td>
                <input type="text" id="eng_name" name="eng_name" value="7 ATE 9" size="45px"> 
            </td>
        </tr>
        <tr>
            <td>遊戲人數</td>
            <td>
                <input class="input" type="text" id="min_people" name="min_people" value="2" >~
                <input class="input" type="text" id="max_people" name="max_people" value="4" >人
            </td>
        </tr>
        <tr>
            <td>遊戲年齡</td>
            <td>
                <input type="text" id="pha_age" name="age" value="8">歲以上
            </td>
        </tr>
        <tr>
            <td>出版年</td>
            <td>
                           <select class="input" id="publish_year" name="publish_year">
                      <option value="不詳" >不詳</option>
                                     <option value="2000" >2000</option>
                                     <option value="2001" >2001</option>
                                     <option value="2002" >2002</option>
                                     <option value="2003" >2003</option>
                                     <option value="2004" >2004</option>
                                     <option value="2005" >2005</option>
                                     <option value="2006" >2006</option>
                                     <option value="2007" >2007</option>
                                     <option value="2008" >2008</option>
                                     <option value="2009"  selected >2009</option>
                                     <option value="2010" >2010</option>
                                     <option value="2011" >2011</option>
                                     <option value="2012" >2012</option>
                                     <option value="2013" >2013</option>
                                     <option value="2014" >2014</option>
                                     <option value="2015" >2015</option>
                                     <option value="2016" >2016</option>
                                     <option value="2017" >2017</option>
                                     <option value="2018" >2018</option>
                                     <option value="2019" >2019</option>
                                     <option value="2020" >2020</option>
                                     <option value="2021" >2021</option>
                                     <option value="2022" >2022</option>
                                     <option value="2023" >2023</option>
                                     <option value="2024" >2024</option>
                                     <option value="2025" >2025</option>
                                     <option value="2026" >2026</option>
                                     <option value="2027" >2027</option>
                              </select>
            </td>
        </tr>
        <tr>
            <td>遊戲時間</td>
            <td>
                             <select id="pha_runtime" name="runtime" >
                    
                    <option value="under30" selected>少於 30 分鐘</option>
                    
                    <option value="30to60" >30 至 60 分鐘</option>
                    
                    <option value="60to90" >60 至 90分鐘</option>
                    
                    <option value="90to120" >90 至 120 分鐘</option>
                    
                    <option value="over120" >超過 120 分鐘</option>
                                 </select>
            </td>
        </tr>
        <tr>
            <td>遊戲市價</td>
            <td>
                <input type="text" id="pha_price" name="price" value="400">元
            </td>
        </tr>
        <tr>
            <td>出版廠商</td>
            <td>
                <input type="text" id="publisher_0" name="publisher_0" size="45px" value="999 Games">
            </td>
        </tr>
        <tr>
            <td>美術設計</td>
            <td>
                <input type="text" id="artist_0" name="artist_0" size="45px" value="Christine Hoffmeyer">
            </td>
        </tr>
        <tr>
            <td>設計師</td>
            <td>
                <input type="text" id="designer_0" name="designer_0" size="45px" value="Maureen Hiron"> 
            </td>
        </tr>
        <tr>
            <td>得獎資訊</td>
            <td>
                <input type="text" id="award_0" name="award_0" size="45px" value="暫無資料">
            </td>
        </tr>
        <tr>
            <td>遊戲配件</td>
            <td>
                <textarea name="decorator" id="pha_decorator" style="width:400px;height:165px;" wrap="hard">數字牌 30張
</textarea>
            </td>
        </tr>
        <tr>
          <td>遊戲主題</td>
          <td>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_一次世界大戰" type="checkbox" value="1" name="theme_2" >一次世界大戰</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_中世紀" type="checkbox" value="1" name="theme_1" >中世紀</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_中國風" type="checkbox" value="1" name="theme_9" >中國風</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_二次世界大戰" type="checkbox" value="1" name="theme_3" >二次世界大戰</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_冒險" type="checkbox" value="1" name="theme_5" >冒險</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_動漫" type="checkbox" value="1" name="theme_32" >動漫</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_動物" type="checkbox" value="1" name="theme_10" >動物</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_古文化" type="checkbox" value="1" name="theme_16" >古文化</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_可愛" type="checkbox" value="1" name="theme_29" >可愛</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_台灣原創" type="checkbox" value="1" name="theme_26" >台灣原創</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_合作" type="checkbox" value="1" name="theme_25" >合作</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_奇幻" type="checkbox" value="1" name="theme_7" >奇幻</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_尋寶" type="checkbox" value="1" name="theme_33" >尋寶</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_幼教" type="checkbox" value="1" name="theme_19" >幼教</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_幽默" type="checkbox" value="1" name="theme_18" >幽默</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_戰國" type="checkbox" value="1" name="theme_38" >戰國</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_戰爭" type="checkbox" value="1" name="theme_4" >戰爭</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_抽象" type="checkbox" value="1" name="theme_20" checked>抽象</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_政治" type="checkbox" value="1" name="theme_15" >政治</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_數字" type="checkbox" value="1" name="theme_37" >數字</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_料理" type="checkbox" value="1" name="theme_21" >料理</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_旅行" type="checkbox" value="1" name="theme_6" >旅行</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_日式" type="checkbox" value="1" name="theme_27" >日式</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_歡樂" type="checkbox" value="1" name="theme_42" >歡樂</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_歷史" type="checkbox" value="1" name="theme_39" >歷史</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_水果" type="checkbox" value="1" name="theme_28" >水果</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_派對" type="checkbox" value="1" name="theme_24" >派對</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_海盜" type="checkbox" value="1" name="theme_12" >海盜</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_玄幻" type="checkbox" value="1" name="theme_8" >玄幻</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_生物" type="checkbox" value="1" name="theme_30" >生物</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_科幻" type="checkbox" value="1" name="theme_14" >科幻</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_積木" type="checkbox" value="1" name="theme_40" >積木</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_經濟" type="checkbox" value="1" name="theme_11" >經濟</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_美食" type="checkbox" value="1" name="theme_31" >美食</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_藝術" type="checkbox" value="1" name="theme_41" >藝術</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_諜報" type="checkbox" value="1" name="theme_22" >諜報</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_運動" type="checkbox" value="1" name="theme_17" >運動</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_零次元" type="checkbox" value="1" name="theme_35" >零次元</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_電影" type="checkbox" value="1" name="theme_36" >電影</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_電玩改編" type="checkbox" value="1" name="theme_13" >電玩改編</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_驚悚" type="checkbox" value="1" name="theme_23" >驚悚</label>
            </li>
                       <li class="checkBtn">
              <label>
              <input class="input phaTheme" id="phatheme_黑幫" type="checkbox" value="1" name="theme_34" >黑幫</label>
            </li>
                     </td>
        </tr>
        <tr>
          <td>遊戲機制</td>
          <td>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_交易"  value="1" name="mec_17" >交易                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_判斷力"  value="1" name="mec_24" >判斷力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_動作"  value="1" name="mec_1" >動作                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_區域控制"  value="1" name="mec_3" >區域控制                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_區域移動"  value="1" name="mec_4" >區域移動                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_卡片遊戲"  value="1" name="mec_20" >卡片遊戲                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_反應力"  value="1" name="mec_21" >反應力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_合作"  value="1" name="mec_8" >合作                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_嘴砲"  value="1" name="mec_31" >嘴砲                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_圖像辨識"  value="1" name="mec_13" >圖像辨識                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_圖像辨識"  value="1" name="mec_30" >圖像辨識                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_專注力"  value="1" name="mec_27" >專注力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_想像力"  value="1" name="mec_29" >想像力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_手牌控制"  value="1" name="mec_10" checked>手牌控制                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_投票"  value="1" name="mec_18" >投票                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_抽牌"  value="1" name="mec_7" checked>抽牌                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_拍賣"  value="1" name="mec_22" >拍賣
                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_數學"  value="1" name="mec_32" >數學                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_棋盤"  value="1" name="mec_11" >棋盤                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_標記物放置"  value="1" name="mec_19" >標記物放置                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_決策力"  value="1" name="mec_25" >決策力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_版圖拼放"  value="1" name="mec_16" >版圖拼放                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_理解力"  value="1" name="mec_28" >理解力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_競標"  value="1" name="mec_5" >競標                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_繪畫"  value="1" name="mec_35" >繪畫                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_行動點控制"  value="1" name="mec_2" >行動點控制                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_表達能力"  value="1" name="mec_23" >表達能力
                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_角色扮演"  value="1" name="mec_14" >角色扮演                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_記憶力"  value="1" name="mec_12" >記憶力                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_賭博"  value="1" name="mec_6" >賭博                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_輪抽"  value="1" name="mec_33" >輪抽                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_陣營"  value="1" name="mec_26" >陣營                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_隱藏身分"  value="1" name="mec_15" >隱藏身分                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_顏色辨識"  value="1" name="mec_34" >顏色辨識                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_骰子"  value="1" name="mec_9" >骰子                </label>
              </li>
                      </td>
        </tr>
        <tr>
          <td>遊戲分類</td>
          <td>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_派對遊戲"  value="1" name="category" checked>派對遊戲                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_輕度策略"  value="2" name="category" >輕度策略                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_深度策略"  value="3" name="category" >深度策略                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_戰爭遊戲"  value="4" name="category" >戰爭遊戲                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_棋奕遊戲"  value="5" name="category" >棋奕遊戲                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_集換式遊戲"  value="6" name="category" >集換式遊戲                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_主題遊戲"  value="7" name="category" >主題遊戲                </label>
              </li>
                          <li>
                <label>
                  <input class="input phaCat" type="radio" id="phaCat_家庭遊戲"  value="8" name="category" >家庭遊戲                </label>
              </li>
                      </td>
        </tr>
      </form>
      <form method="post" id="pha_modify_rule">
        <input class="input" type="hidden" name="bid" value="3168">
        <tr>
          <td>遊戲規則</td>
          <td><textarea name="bg_rule_edit_area" id="bg_rule_edit_area" style="width:400px;height:150px;" wrap="hard"> 
         <p>
	遊戲設置</p>
<p>
	將一張抽出當起始牌堆<br />
	<br />
	剩餘的牌洗勻後平均發給每位玩家<br />
	<br />
	玩家們拿到牌後 請蓋著將他整理成各自的牌庫<br />
	<br />
	等大家準備好時，遊戲就可以開始了<br />
	<br />
	<br />
	<br />
	遊戲目的<br />
	第一位把牌出完的玩家獲勝<br />
	<br />
	<br />
	遊戲流程</p>
<p>
	遊戲沒有回合限制<br />
	<br />
	一次抽取一張牌，手牌無上限<br />
	<br />
	出牌只要符合出牌規則就可以出了，,如沒符合規則必須把牌收回去，<br />
	<br />
	當牌出到最後一張 ，可以蓋著出到牌推中，並宣告自己獲勝<br />
	<br />
	出牌規則<br />
	<br />
	每張牌上 都會有 黃色的牌面數 &nbsp;以及 &nbsp;紅 藍 綠 3種不同顏色的 加減數<br />
	<br />
	出牌時已出牌堆最上面一張的牌為主<br />
	<br />
	下一張出牌必須是牌面數 加減 加減數的 牌面<br />
	<br />
	例如<br />
	<img alt="" src="https://i.imgur.com/KZGQKPU.png" style="width: 500px; height: 212px;" /><br />
	<br />
	第一張牌是 3 &nbsp; 此卡的加減數是3 &nbsp; 所以下一張可以出 6 (3-3=0 &nbsp;遊戲中沒有數字0的牌)<br />
	<br />
	第二張牌是6 &nbsp; &nbsp;此卡的加減數是1 &nbsp; 所以下一張可以出5 或是 10 &nbsp; &nbsp;</p>
<p style="margin: 0px 0px 1em; padding: 0px; line-height: 21.6px; color: rgb(102, 102, 102); font-family: Arial;">
	<span style="color:#000;">若是牌面數加上加減數大於9或小於1時</span></p>
<p style="margin: 0px 0px 1em; padding: 0px; line-height: 21.6px; font-family: Arial;">
	<font color="#000000">就必須把相加的數字-10 才是可以出的牌喔</font></p>
         </textarea>
         <script>
                  CKEDITOR.replace('bg_rule_edit_area');
         </script>
         </td>
        </tr>
      </form>
      <form method="post" id="pha_modify_des">
        <input class="input" type="hidden" name="bid" value="3168">
        <tr>
         <td>遊戲簡介</td>
         <td>
         <textarea name="bg_des_edit_area" id="bg_des_edit_area" style="width:400px;height:150px;" wrap="hard">
             <p>
	<span style="font-size:20px;">7+2=9，9-1=8，8-3=5，數字加加又減減，加快你的腳步，才能贏的先機<br />
	<br />
	7吃9是款同時兼具思考與反應的遊戲，在遊戲中，要隨時注意牌面的牌，<br />
	<br />
	又要思考如何出，又不能手腳比別人慢，玩法十分簡單，輕鬆好上手<br />
	<br />
	<img alt="" src="https://i.imgur.com/KZGQKPU.png" style="width: 500px; height: 212px;" /><br />
	<img alt="" src="https://i.imgur.com/ooIN61E.jpg" style="width: 500px; height: 283px;" /></span></p>
         </textarea>
         <script>
                  CKEDITOR.replace('bg_des_edit_area');
         </script>
         </td>
        </tr>
      </form>
      <tr>
          <td>修改遊戲圖片</td>
          <td>
            <a href="http://www.phantasia.tw/bg/home/3168">遊戲圖片請至此處修改</a>
          </td>
      </tr>
    </table>
    <br>
    <input type="button" value="送出" onclick="pha_save();"/> 
    </div>
      </div>
</div>

<!--官網新增-->


<div align="center" id="go_top">⇪</div>