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="8888111" />
      <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">
          <table id="mart_table" border="2" width="100%">
        <input class="input" type="hidden" name="getpID" value="1232">
        <tr>
          <td width="20%"><font color="red">*</font>商品名稱</td>
          <td>
            <input class="input" type="text" id="name" name="name" value="創意七巧板" size="45px"> 
          </td>
        </tr>
        <tr>
          <td width="20%"><font color="red">*</font>英文名稱</td>
          <td>
            <input class="input" type="text" id="engname" name="ENGName" value="Tangram" size="45px"> 
          </td>
        </tr>
        <tr>
          <td><font color="red">*</font>商品縮寫</td>
          <td><input style="width:80%;" class="input" type="text" name="simpleName" value="創意七巧板"> </td>
        </tr>
        <tr>
          <td>遊玩人數</td>
          <td>
            <input class="input" type="text" id="minpeople" name="minpeople" value="1" >~
            <input class="input" type="text" id="maxpeople" name="maxpeople" value="0" >人
          </td>
        </tr>
        <tr>
          <td>適合年齡</td>
          <td>
            <input class="input" type="text" id="age" name="age" value="3" >歲以上
          </td>
        </tr>
        <tr>
          <td>出版年</td>   
          <td>
                          <select class="input" id="year" name="year" >
                <option value="無" selected="selected">無(原選項)</option>
                <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">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 class="input" id="runtime" name="runtime" >
              <option value="無"  >無</option>
                              <option value="10" >10分鐘</option>
                              <option value="15" >15分鐘</option>
                              <option value="20" >20分鐘</option>
                              <option value="25" >25分鐘</option>
                              <option value="30" >30分鐘</option>
                              <option value="35" >35分鐘</option>
                              <option value="40" >40分鐘</option>
                              <option value="45" >45分鐘</option>
                              <option value="50" >50分鐘</option>
                              <option value="55" >55分鐘</option>
                              <option value="60" >60分鐘</option>
                              <option value="65" >65分鐘</option>
                              <option value="70" >70分鐘</option>
                              <option value="75" >75分鐘</option>
                              <option value="80" >80分鐘</option>
                              <option value="85" >85分鐘</option>
                              <option value="90" >90分鐘</option>
                              <option value="95" >95分鐘</option>
                              <option value="100" >100分鐘</option>
                              <option value="105" >105分鐘</option>
                              <option value="110" >110分鐘</option>
                              <option value="115" >115分鐘</option>
                              <option value="120" >120分鐘</option>
                            </select>
          </td>
        </tr>
        <tr>
          <td>語言</td>
          <td>
            <select class="input" name="language" > 
              <option value="繁中" selected="selected">繁中(原選項)</option>
              <option value="無">無</option>
              <option value="繁中">繁中</option>
              <option value="簡中">簡中</option>
              <option value="英文">英文</option>
              <option value="日文">日文</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>原價格</td>
          <td>
            <input class="input" type="text" id="price" name="price" value="450" >元
          </td>
        </tr>
        <tr>
          <td>優惠價</td>
          <td>
              <input class="input" type="text" name="discountPrice" value="" >元
          </td>
        </tr>
        <tr>   
          <td>產品數量</td>
          <td>
            <input class="input" type="text" name="inventory" value="0" >份
          </td>
        </tr>
        <tr>   
          <td>限購數量</td>
          <td>
            <select name="maxOneSalse">
                          <option value="1"  >1</option>
                            <option value="2"  >2</option>
                            <option value="3"  >3</option>
                            <option value="4"  >4</option>
                            <option value="5"  >5</option>
                            <option value="6"  >6</option>
                            <option value="7"  >7</option>
                            <option value="8"  >8</option>
                            <option value="9"  >9</option>
                            <option value="10"  >10</option>
                          </select>份
            <font style="color:red;">(每人單次購買數量，請設定)</font>
          </td>
        </tr>
        <tr>   
          <td>是否為預購商品</td>
          <td>
            <label><input type="radio" name="pre_order" value="1" />是</label> 
            <label><input type="radio" name="pre_order" value="0"  checked="checked"  />否</label> 
            <font style="color:red;">(若為預購商品請記得設定)</font>
          </td>
        </tr>
        <tr>   
          <td>帳號限定購買</td>
          <td>
            <label><input type="radio" name="onlyBuy" value="1"  >是</label>
            <label><input type="radio" name="onlyBuy" value="0" checked>否</label> 
            <font style="color:red;">(此帳號只能購買此商品一次)</font>
          </td>
        </tr>
        <tr>   
          <td>折扣優惠</td>
          <td>
            <label><input type="radio" name="discType" value="0"  checked="checked" />可參加折扣優惠</label> 
            <label><input type="radio" name="discType" value="-1" />不參加折扣優惠</label>
          </td>
        </tr>
        <tr>   
          <td>youtube網址</td>
          <td>
             <!--2017.08.11-->
                          <input type="button" id="addVideoButton" name="addVideoButton" value="新增" onClick="addVideoBtn('video');"/> 
             <div class="add_video"></div> 
             <input type="hidden" class="bg_new_input_text" name="num_video" value="" />
          </td>
        </tr>
        <tr>
          <td>主題</td>
          <td>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="11" name="theme[]"  id="martTheme_三國" >三國</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="9" name="theme[]"  id="martTheme_中世紀" >中世紀</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="14" name="theme[]"  id="martTheme_冒險" >冒險</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="30" name="theme[]"  id="martTheme_動漫" >動漫</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="1" name="theme[]"  id="martTheme_動物" >動物</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="17" name="theme[]"  id="martTheme_古文化" >古文化</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="4" name="theme[]"  id="martTheme_可愛" >可愛</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="39" name="theme[]"  id="martTheme_台灣原創" >台灣原創</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="40" name="theme[]"  id="martTheme_合作" >合作</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="33" name="theme[]"  id="martTheme_奇幻" >奇幻</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="8" name="theme[]"  id="martTheme_尋寶" >尋寶</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="3" name="theme[]"  id="martTheme_幼教" checked>幼教</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="34" name="theme[]"  id="martTheme_幽默" >幽默</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="28" name="theme[]"  id="martTheme_戰國" >戰國</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="12" name="theme[]"  id="martTheme_戰爭" >戰爭</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="2" name="theme[]"  id="martTheme_抽象" >抽象</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="35" name="theme[]"  id="martTheme_政治" >政治</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="25" name="theme[]"  id="martTheme_數字" >數字</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="36" name="theme[]"  id="martTheme_旅行" >旅行</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="22" name="theme[]"  id="martTheme_日式" >日式</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="16" name="theme[]"  id="martTheme_歡樂" >歡樂</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="29" name="theme[]"  id="martTheme_歷史" >歷史</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="24" name="theme[]"  id="martTheme_水果" >水果</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="7" name="theme[]"  id="martTheme_海盜" >海盜</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="32" name="theme[]"  id="martTheme_玄幻" >玄幻</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="26" name="theme[]"  id="martTheme_生物" >生物</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="18" name="theme[]"  id="martTheme_科技" >科技</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="10" name="theme[]"  id="martTheme_積木" >積木</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="20" name="theme[]"  id="martTheme_美食" >美食</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="15" name="theme[]"  id="martTheme_股票" >股票</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="21" name="theme[]"  id="martTheme_藝術" >藝術</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="6" name="theme[]"  id="martTheme_諜報" >諜報</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="23" name="theme[]"  id="martTheme_貿易" >貿易</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="37" name="theme[]"  id="martTheme_運動" >運動</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="31" name="theme[]"  id="martTheme_零次元" >零次元</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="19" name="theme[]"  id="martTheme_電影" >電影</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="38" name="theme[]"  id="martTheme_電玩改編" >電玩改編</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="27" name="theme[]"  id="martTheme_食物" >食物</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="5" name="theme[]"  id="martTheme_驚悚" >驚悚</label>
            </li>
                      <li class="checkBtn">
              <label><input class="input martTheme" type="checkbox" value="13" name="theme[]"  id="martTheme_黑幫" >黑幫</label>
            </li>
           
          </td>      
        </tr>
        <tr>
          <td>遊戲機制</td>
          <td>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="35" name="mechanism[]"  id="martMec_ 競標" >  競標</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="26" name="mechanism[]"  id="martMec_交易" > 交易</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="6" name="mechanism[]"  id="martMec_判斷力" > 判斷力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="22" name="mechanism[]"  id="martMec_動作" > 動作</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="7" name="mechanism[]"  id="martMec_區域控制" > 區域控制</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="31" name="mechanism[]"  id="martMec_區域移動" > 區域移動</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="25" name="mechanism[]"  id="martMec_卡片遊戲" > 卡片遊戲</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="2" name="mechanism[]"  id="martMec_反應力" > 反應力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="13" name="mechanism[]"  id="martMec_合作" > 合作</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="15" name="mechanism[]"  id="martMec_嘴砲" > 嘴砲</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="3" name="mechanism[]"  id="martMec_圖像辨識" checked> 圖像辨識</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="17" name="mechanism[]"  id="martMec_專注力" checked> 專注力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="1" name="mechanism[]"  id="martMec_平衡感" > 平衡感</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="4" name="mechanism[]"  id="martMec_想像力" > 想像力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="5" name="mechanism[]"  id="martMec_手牌控制" > 手牌控制</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="28" name="mechanism[]"  id="martMec_投票" > 投票</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="19" name="mechanism[]"  id="martMec_拍賣" > 拍賣</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="8" name="mechanism[]"  id="martMec_指示物放置" > 指示物放置</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="20" name="mechanism[]"  id="martMec_數學" > 數學</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="32" name="mechanism[]"  id="martMec_棋盤" > 棋盤</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="33" name="mechanism[]"  id="martMec_標記物放置" > 標記物放置</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="9" name="mechanism[]"  id="martMec_決策力" > 決策力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="30" name="mechanism[]"  id="martMec_版圖拼放" > 版圖拼放</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="24" name="mechanism[]"  id="martMec_理解力" > 理解力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="12" name="mechanism[]"  id="martMec_繪畫" > 繪畫</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="27" name="mechanism[]"  id="martMec_行動點控制" > 行動點控制</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="10" name="mechanism[]"  id="martMec_表達能力" > 表達能力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="29" name="mechanism[]"  id="martMec_角色扮演" > 角色扮演</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="14" name="mechanism[]"  id="martMec_記憶力" > 記憶力</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="23" name="mechanism[]"  id="martMec_輪抽" > 輪抽</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="21" name="mechanism[]"  id="martMec_運氣" > 運氣</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="16" name="mechanism[]"  id="martMec_陣營" > 陣營</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="34" name="mechanism[]"  id="martMec_隱藏身分" > 隱藏身分</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="11" name="mechanism[]"  id="martMec_顏色辨識" > 顏色辨識</label>
              </li>
             
              <li class="checkBtn">
                <label><input class="input martMec" type="checkbox" value="18" name="mechanism[]"  id="martMec_骰子" > 骰子</label>
              </li>
                      </td>
        </tr>
         <tr>
            <td>遊戲類別</td>
            <td>
                              <label>
                  <input class="input" type="checkbox" value="1" name="function[]" >  瘋桌遊嚴選<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="2" name="function[]" >  派對遊戲<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="3" name="function[]" checked>  親子桌遊<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="5" name="function[]" >  輕度策略<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="6" name="function[]" >  重度策略<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="7" name="function[]" >  2020 精選30<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="8" name="function[]" >  麥卡貝推<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="9" name="function[]" >  周邊配件<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="10" name="function[]" >  全部<br>
                </label>
                              <label>
                  <input class="input" type="checkbox" value="11" name="function[]" >  百元專區<br>
                </label>
               
            </td>
        </tr>
         <tr>
            <td>設定卡套</td>
            <td>
                          </td> 
        </tr>
        <tr>
            <td>遊戲特色</td>
            <td><textarea class="input" id="summary" name="summary" style="width:400px;height:150px;" wrap="hard"><p>辨識幾何圖形超前部署！透過遊戲從小培養空間概念。</p>

<p>七個板塊究竟可以幻化出多少東西呢？</p>

<p>遊戲有48道關卡，玩家必須發揮想像力，將題目卡的圖形填滿；轉一轉、換一換，有名字的圖像立刻浮現在眼前！</p>
</textarea>
            <script>
                    CKEDITOR.replace( 'summary' );
            </script>
            </td>
        </tr>
        <tr>
            <td>遊戲介紹</td>
            <td><textarea class="input" id="introduction" name="introduction" style="width:400px;height:150px;" ><p>&nbsp;</p>

<p><span style="color:#000000"><span style="font-size:16px"><img alt="私密：創意七巧板" src="https://2plus.com.tw/app/uploads/2020/04/tangram-750px.jpg" /></span></span></p>

<div class="content_section" id="content_2" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【遊戲資訊】</span></span></span></strong></h3>

<p style="text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit">遊戲人數：1人<br />
遊戲時間：30分鐘<br />
適合年齡：3+</span></span></span></span></p>
</div>

<div class="content_section" id="content_3" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【配件內容】</span></span></span></strong></h3>

<ul style="margin-left:0px; margin-right:0px">
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">磁性板塊 x 7</span></span></span></li>
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">題目卡 x 24<img alt="創意七巧板" src="http://2plus.com.tw/app/uploads/2020/07/tangram-1280x720-03.jpg" style="background-color:#efa301; border:0px; color:#ffffff; display:block; font-family:inherit; font-size:18px; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; height:auto; line-height:1; margin:36px 0px; padding:0px; text-align:center; vertical-align:baseline; width:579.6px" /></span></span></span></li>
</ul>
</div>

<div class="content_section" id="content_4" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【遊戲目標】</span></span></span></strong></h3>

<p style="text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit">每一塊七巧板都派得上用場，把它們一個個放到題目卡上，依照不同提示，拼出狐狸、燈塔或倒立等各種形狀。</span></span></span></span></p>
</div>

<div class="content_section" id="content_5" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【規則簡介】</span></span></span></strong></h3>

<p style="margin-left:0px; margin-right:0px; text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit"><img alt="創意七巧板" src="http://2plus.com.tw/app/uploads/2020/07/tangram-1280x720-01.jpg" style="background-color:#efa301; border:0px; color:#ffffff; display:block; font-family:inherit; font-size:18px; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; height:auto; line-height:1; margin:36px 0px; padding:0px; text-align:center; vertical-align:baseline; width:603.6px" />透過題目卡的輪廓與圓點提示，使用七巧板來組成不同形狀。<br />
題目卡分成基礎、進階及困難三個等級。</span></span></span></span></p>

<ul style="margin-left:0px; margin-right:0px">
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><strong>基礎：</strong>彩色原點的顏色需對應七巧板的顏色。</span></span></span></li>
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><strong>進階：</strong>黑色圓點需對應七巧板的圓孔。</span></span></span></li>
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><strong>困難：</strong>無圓點提示。</span></span></span></li>
</ul>

<p style="margin-left:0px; margin-right:0px; text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit">循序漸進的挑戰48個題目，可以訓練邏輯思維、想像力及觀察能力。</span></span></span></span></p>

<p style="margin-left:0px; margin-right:0px; text-align:justify">&nbsp;</p>

<h3><strong><span style="color:#000000"><span style="font-size:16px">【題目卡勘誤】</span></span></strong></h3>

<p><span style="color:#000000"><span style="font-size:16px">5號題目卡的提示誤植，請看下方正確的提示</span></span><img alt="創意七巧板" src="http://2plus.com.tw/app/uploads/2020/07/1280px-errata-banner.jpg" /></p>

<h4>&nbsp;</h4>
</div>
</textarea>
            <script>
                    CKEDITOR.replace( 'introduction' );
            </script>
            </td>
        </tr>
        <tr>
            <td>修改商品圖</td>
            <td width="950px">
                <input type="hidden" name="picNum" value="1">
                                                        <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_1232_1.jpg?t=2026-07-17 20:26:25">
                    <label><input type="radio" name="photoheader"checked="checked" value="1">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="1">刪除</label>
                                                </td>
        </tr>
        <tr>
            <td>上傳商品圖</td>
            <td>
               <input class="input" type="file" name="file[]" id="filephoto" accept="image/*"  multiple="multiple" draggable="true" onchange="javascript:setImagePreviews(this);"><div class="vic" id="myPic" ></div>
            </td>
        </tr>
      </table>
      <br>
      <input type="button" id="submit_mart" value="送出" onClick="mart_save();"/>
        </form>
    </div>

<!--mart新增-->
   
 
<!--官網修改-->
  <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="4534">
        <tr>
            <td width="20%"><font color="red">*</font>遊戲名稱</td>
            <td>
                <input type="text" id="bg_name_0" name="bg_name_0" value="創意七巧板" size="45px">
            </td>
        </tr>
        <tr>
            <td>英文名稱</td>
            <td>
                <input type="text" id="eng_name" name="eng_name" value="Tangram" size="45px"> 
            </td>
        </tr>
        <tr>
            <td>遊戲人數</td>
            <td>
                <input class="input" type="text" id="min_people" name="min_people" value="1" >~
                <input class="input" type="text" id="max_people" name="max_people" value="" >人
            </td>
        </tr>
        <tr>
            <td>遊戲年齡</td>
            <td>
                <input type="text" id="pha_age" name="age" value="3">歲以上
            </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" >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"  selected >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="450">元
            </td>
        </tr>
        <tr>
            <td>出版廠商</td>
            <td>
                <input type="text" id="publisher_0" name="publisher_0" size="45px" value="暫無資料">
            </td>
        </tr>
        <tr>
            <td>美術設計</td>
            <td>
                <input type="text" id="artist_0" name="artist_0" size="45px" value="暫無資料">
            </td>
        </tr>
        <tr>
            <td>設計師</td>
            <td>
                <input type="text" id="designer_0" name="designer_0" size="45px" value="暫無資料"> 
            </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">磁性板塊 x 7
題目卡 x 24</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" checked>幼教</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" >抽象</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" checked>圖像辨識                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_圖像辨識"  value="1" name="mec_30" checked>圖像辨識                </label>
              </li>
                          <li class="checkBtn">
                <label>
                  <input class="input phaMec" type="checkbox" id="phaMec_專注力"  value="1" name="mec_27" checked>專注力                </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" >手牌控制                </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" >抽牌                </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" >派對遊戲                </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" checked>家庭遊戲                </label>
              </li>
                      </td>
        </tr>
      </form>
      <form method="post" id="pha_modify_rule">
        <input class="input" type="hidden" name="bid" value="4534">
        <tr>
          <td>遊戲規則</td>
          <td><textarea name="bg_rule_edit_area" id="bg_rule_edit_area" style="width:400px;height:150px;" wrap="hard"> 
         <p>&nbsp;</p>

<p><span style="color:#000000"><span style="font-size:16px"><img alt="私密：創意七巧板" src="https://2plus.com.tw/app/uploads/2020/04/tangram-750px.jpg" /></span></span></p>

<div class="content_section" id="content_2" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【遊戲資訊】</span></span></span></strong></h3>

<p style="text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit">遊戲人數：1人<br />
遊戲時間：30分鐘<br />
適合年齡：3+</span></span></span></span></p>
</div>

<div class="content_section" id="content_3" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【配件內容】</span></span></span></strong></h3>

<ul style="margin-left:0px; margin-right:0px">
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">磁性板塊 x 7</span></span></span></li>
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">題目卡 x 24<img alt="創意七巧板" src="http://2plus.com.tw/app/uploads/2020/07/tangram-1280x720-03.jpg" style="background-color:#efa301; border:0px; color:#ffffff; display:block; font-family:inherit; font-size:18px; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; height:auto; line-height:1; margin:36px 0px; padding:0px; text-align:center; vertical-align:baseline; width:579.6px" /></span></span></span></li>
</ul>
</div>

<div class="content_section" id="content_4" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【遊戲目標】</span></span></span></strong></h3>

<p style="text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit">每一塊七巧板都派得上用場，把它們一個個放到題目卡上，依照不同提示，拼出狐狸、燈塔或倒立等各種形狀。</span></span></span></span></p>
</div>

<div class="content_section" id="content_5" style="-webkit-text-stroke-width:0px; border:0px; margin-bottom:4.5rem; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; text-align:start">
<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><strong><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff">【規則簡介】</span></span></span></strong></h3>

<p style="margin-left:0px; margin-right:0px; text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit"><img alt="創意七巧板" src="http://2plus.com.tw/app/uploads/2020/07/tangram-1280x720-01.jpg" style="background-color:#efa301; border:0px; color:#ffffff; display:block; font-family:inherit; font-size:18px; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; height:auto; line-height:1; margin:36px 0px; padding:0px; text-align:center; vertical-align:baseline; width:603.6px" />透過題目卡的輪廓與圓點提示，使用七巧板來組成不同形狀。<br />
題目卡分成基礎、進階及困難三個等級。</span></span></span></span></p>

<ul style="margin-left:0px; margin-right:0px">
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><strong>基礎：</strong>彩色原點的顏色需對應七巧板的顏色。</span></span></span></li>
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><strong>進階：</strong>黑色圓點需對應七巧板的圓孔。</span></span></span></li>
	<li style="list-style-type:disc"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><strong>困難：</strong>無圓點提示。</span></span></span></li>
</ul>

<p style="margin-left:0px; margin-right:0px; text-align:justify"><span style="color:#000000"><span style="font-size:16px"><span style="background-color:#ffffff"><span style="font-family:inherit">循序漸進的挑戰48個題目，可以訓練邏輯思維、想像力及觀察能力。</span></span></span></span></p>

<p style="margin-left:0px; margin-right:0px; text-align:justify">&nbsp;</p>

<h3><strong><span style="color:#000000"><span style="font-size:16px">【題目卡勘誤】</span></span></strong></h3>

<p><span style="color:#000000"><span style="font-size:16px">5號題目卡的提示誤植，請看下方正確的提示</span></span><img alt="創意七巧板" src="http://2plus.com.tw/app/uploads/2020/07/1280px-errata-banner.jpg" /></p>

<h4>&nbsp;</h4>
</div>
         </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="4534">
        <tr>
         <td>遊戲簡介</td>
         <td>
         <textarea name="bg_des_edit_area" id="bg_des_edit_area" style="width:400px;height:150px;" wrap="hard">
             <p>辨識幾何圖形超前部署！透過遊戲從小培養空間概念。</p>

<p>七個板塊究竟可以幻化出多少東西呢？</p>

<p>遊戲有48道關卡，玩家必須發揮想像力，將題目卡的圖形填滿；轉一轉、換一換，有名字的圖像立刻浮現在眼前！</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/4534">遊戲圖片請至此處修改</a>
          </td>
      </tr>
    </table>
    <br>
    <input type="button" value="送出" onclick="pha_save();"/> 
    </div>
      </div>
</div>

<!--官網新增-->


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