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="8885416" />
      <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="267">
        <tr>
          <td width="20%"><font color="red">*</font>商品名稱</td>
          <td>
            <input class="input" type="text" id="name" name="name" value="花磚物語(Azul)｜扮演磁磚畫藝術家裝潢埃武拉皇宮的牆壁" size="45px"> 
          </td>
        </tr>
        <tr>
          <td width="20%"><font color="red">*</font>英文名稱</td>
          <td>
            <input class="input" type="text" id="engname" name="ENGName" value="" 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="2" >~
            <input class="input" type="text" id="maxpeople" name="maxpeople" value="4" >人
          </td>
        </tr>
        <tr>
          <td>適合年齡</td>
          <td>
            <input class="input" type="text" id="age" name="age" value="8" >歲以上
          </td>
        </tr>
        <tr>
          <td>出版年</td>   
          <td>
                          <select class="input" id="year" name="year" >
                <option value="2017" selected="selected">2017(原選項)</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" selected>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="1290" >元
          </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_幼教" >幼教</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_抽象" checked>抽象</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_歡樂" checked>歡樂</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_藝術" checked>藝術</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_區域控制" checked> 區域控制</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_專注力" > 專注力</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_手牌控制" checked> 手牌控制</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_指示物放置" checked> 指示物放置</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[]" checked>  輕度策略<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[]" checked>  全部<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>1. 規則簡單好學</p>

<p>2. 2017年的Essen展現場堪稱是最美的抽象遊戲</p>

<p>3. BGG(全球最大桌遊資料庫)榮登抽象類遊戲排行第一名</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><span style="font-size:20px"><img alt="" src="http://2plus.com.tw/app/uploads/2018/03/azul-long-fix.jpg" style="width:100%" /></span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<div class="content_section" id="content_1" 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"><span style="font-size:26px"><strong><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">遊戲簡介</span></span></strong></span></h3>

<p style="margin-left:0px; margin-right:0px; text-align:justify"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff"><span style="font-family:inherit">玩家圖版的牆壁上似乎少了點裝飾，盡可能的收集豐富的花磚打造出獨一無二的<strong>花磚物語</strong>。</span></span></span></span></p>

<p style="text-align:justify"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff"><span style="font-family:inherit">桌上擺滿了各式各樣的花磚讓人忍不住想全部拿到手，但是要<strong>如何讓牆壁上的花磚達成更多的連線</strong>呢 ?<br />
不讓其他玩家發現你的企圖，最終讓炫目奪人的花磚連線來裝飾你的勝利 !<br />
<img alt="花磚物語" src="http://2plus.com.tw/app/uploads/2018/03/z825-set-big-2.jpg" style="background-color:#efa301; border:0px; color:#ffffff; display:block; font-family:inherit; font-size:16px; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; height:auto; line-height:1; margin:32px 0px; padding:0px; text-align:center; vertical-align:baseline; width:892px" /></span></span></span></span></p>
</div>

<p><span style="color:rgba(0, 0, 0, 0.7)">配件內容</span>&nbsp;</p>

<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">
<ul style="margin-left:0px; margin-right:0px">
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">花磚 x 100</span></span></span></li>
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">玩家圖板 x 4</span></span></span></li>
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">工廠圓盤 x 9</span></span></span></li>
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">計分標記 x 4</span></span></span></li>
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">起始玩家標記 x 1</span></span></span></li>
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">袋子 x 1</span></span></span></li>
	<li style="list-style-type:disc"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">遊戲說明書 x1</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"><span style="font-size:26px"><strong><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">遊戲目標</span></span></strong></span></h3>

<p style="text-align:justify"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff"><span style="font-family:inherit">仔細評估並拿取漂亮的花磚，在不同的花磚連線中，激盪出更多的分數來獲得勝利。<br />
<img alt="花磚物語" src="http://2plus.com.tw/app/uploads/2018/03/azul-1280x720-02.jpg" style="background-color:#efa301; border:0px; color:#ffffff; display:block; font-family:inherit; font-size:16px; font-stretch:inherit; font-style:inherit; font-variant:inherit; font-weight:inherit; height:auto; line-height:1; margin:32px 0px; padding:0px; text-align:center; vertical-align:baseline; width:892px" /></span></span></span></span></p>
</div>

<p><span style="font-size:20px">遊戲開始前，每位玩家先各拿取一張玩家圖版並且做好基本的遊戲設置。</span></p>

<hr />
<p><span style="font-size:20px"><strong>遊戲進行我們將分成三個階段</strong></span></p>

<ol>
	<li><span style="font-size:20px"><strong>工廠供應</strong>─玩家選一個希望拿取的花磚從工廠圓盤上<strong>撿起</strong>，然後把其他不需要的花磚移動到桌子中央。</span></li>
	<li><span style="font-size:20px"><strong>牆壁鋪磚</strong>─當工廠圓盤和桌子中央的花磚都被拿取完畢後，就可以開始在牆壁上<strong>鋪磚</strong>了。<br />
	分數的計算也很有趣喔。<br />
	A. 只有一顆花磚得一分<br />
	B. 在原本就有的花磚旁邊擺放，連線幾顆就得幾分<br />
	C. 只計算直向和橫向的連線，斜線的連線不算喔</span></li>
	<li><span style="font-size:20px"><strong>準備下一輪</strong>─大家檢查牆壁有沒有─橫排五顆─都已經鋪滿了 ? 沒有的話繼續把工廠圓盤補滿花磚繼續下一輪。</span></li>
</ol>

<hr />
<p><span style="font-size:20px"><strong>遊戲結束</strong><br />
有一個或以上的玩家在牆壁上鋪滿五顆花磚，除了基本的分數計算以外，只要達成<strong>特殊條件</strong>就可以獲得額外分數。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<h3 style="color:rgba(0, 0, 0, 0.7); font-style:inherit; margin-left:0px; margin-right:0px"><span style="font-size:26px"><strong><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff">遊戲資訊</span></span></strong></span></h3>

<p style="text-align:justify"><span style="font-size:20px"><span style="color:rgba(0, 0, 0, 0.7)"><span style="background-color:#ffffff"><span style="font-family:inherit">遊戲人數：2-4人<br />
遊戲時間：30-45分鐘<br />
適合年齡：8+</span></span></span></span></p>

<p>&nbsp;</p>
</textarea>
            <script>
                    CKEDITOR.replace( 'introduction' );
            </script>
            </td>
        </tr>
        <tr>
            <td>修改商品圖</td>
            <td width="950px">
                <input type="hidden" name="picNum" value="7">
                                                        <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_1.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader"checked="checked" value="1">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="1">刪除</label>
                                      <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_2.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader" value="2">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="2">刪除</label>
                                      <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_3.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader" value="3">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="3">刪除</label>
                                      <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_4.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader" value="4">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="4">刪除</label>
                                      <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_5.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader" value="5">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="5">刪除</label>
                                      <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_6.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader" value="6">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="6">刪除</label>
                                      <img width="150px" src="http://mart.phantasia.tw/images/product/800/p_267_7.jpg?t=2026-07-17 22:24:24">
                    <label><input type="radio" name="photoheader" value="7">設為首圖</label>
                    <label><input type="checkbox" name="deletephotoArray[]" value="7">刪除</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="3789">
        <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="Azul" 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" >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"  selected >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" >少於 30 分鐘</option>
                    
                    <option value="30to60" selected>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="1290">元
            </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 100
玩家圖板 x 4
工廠圓盤 x 9
計分標記 x 4
起始玩家標記 x 1
袋子 x 1
遊戲說明書 x1</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" >抽象</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" >手牌控制                </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" checked>行動點控制                </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" checked>輕度策略                </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="3789">
        <tr>
          <td>遊戲規則</td>
          <td><textarea name="bg_rule_edit_area" id="bg_rule_edit_area" style="width:400px;height:150px;" wrap="hard"> 
         <p>
	<span style="color: rgba(0, 0, 0, 0.7); font-family: "Noto Sans TC", "PingFang TC", "Lantinghei TC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; text-align: justify;">遊戲開始前，每位玩家先各拿取一張玩家圖版並且做好基本的遊戲設置。</span></p>
<p>
	 </p>
<p style="margin: 0px 0px 18px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: 2; font-family: "Noto Sans TC", "PingFang TC", "Lantinghei TC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; vertical-align: baseline; overflow-x: initial; text-align: justify; word-break: break-word; color: rgba(0, 0, 0, 0.7);">
	<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">遊戲進行我們將分成三個階段</span></p>
<ol style="margin: 9px 0px 36px; padding: 0px 0px 0px 24px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; font-family: "Noto Sans TC", "PingFang TC", "Lantinghei TC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; vertical-align: baseline; list-style: none; color: rgba(0, 0, 0, 0.7);">
	<li style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: 2; font-family: inherit; vertical-align: baseline; list-style-type: decimal;">
		<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">工廠供應</span>─玩家選一個希望拿取的花磚從工廠圓盤上<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">撿起</span>，然後把其他不需要的花磚移動到桌子中央。</li>
	<li style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: 2; font-family: inherit; vertical-align: baseline; list-style-type: decimal;">
		<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">牆壁鋪磚</span>─當工廠圓盤和桌子中央的花磚都被拿取完畢後，就可以開始在牆壁上<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">鋪磚</span>了。<br />
		分數的計算也很有趣喔。<br />
		A. 只有一顆花磚得一分<br />
		B. 在原本就有的花磚旁邊擺放，連線幾顆就得幾分<br />
		C. 只計算直向和橫向的連線，斜線的連線不算喔</li>
	<li style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: 2; font-family: inherit; vertical-align: baseline; list-style-type: decimal;">
		<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">準備下一輪</span>─大家檢查牆壁有沒有─橫排五顆─都已經鋪滿了 ? 沒有的話繼續把工廠圓盤補滿花磚繼續下一輪。</li>
</ol>
<hr style="margin: 36px 0px; border-bottom: 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(239, 163, 1); border-right-color: rgb(239, 163, 1); border-left-color: rgb(239, 163, 1); border-image: initial; color: rgba(0, 0, 0, 0.7); font-family: "Noto Sans TC", "PingFang TC", "Lantinghei TC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px;" />
<p>
	 </p>
<p style="margin: 0px 0px 18px; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: 2; font-family: "Noto Sans TC", "PingFang TC", "Lantinghei TC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; vertical-align: baseline; overflow-x: initial; text-align: justify; word-break: break-word; color: rgba(0, 0, 0, 0.7);">
	<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">遊戲結束</span><br />
	有一個或以上的玩家在牆壁上鋪滿五顆花磚，除了基本的分數計算以外，只要達成<span style="margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">特殊條件</span>就可以獲得額外分數。</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="3789">
        <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="color: rgba(0, 0, 0, 0.7); font-family: "Noto Sans TC", "PingFang TC", "Lantinghei TC", "Microsoft JhengHei", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; text-align: justify;">仔細評估並拿取漂亮的花磚，在不同的花磚連線中，激盪出更多的分數來獲得勝利。</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/3789">遊戲圖片請至此處修改</a>
          </td>
      </tr>
    </table>
    <br>
    <input type="button" value="送出" onclick="pha_save();"/> 
    </div>
      </div>
</div>

<!--官網新增-->


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