|
|
Line 4: |
Line 4: |
| <title>TzuChiU Formosa</title> | | <title>TzuChiU Formosa</title> |
| | | |
- | | + | <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B6PQpiOVXRVgdm51M012aklCeFE" /> |
- |
| + | <script type="text/javascript" src="https://googledrive.com/host/0B6PQpiOVXRVgR01TNTRVNXUzNGs"></script> |
| + | |
| | | |
| | | |
Line 20: |
Line 21: |
| <style type="text/css"> | | <style type="text/css"> |
| | | |
- |
| |
- | /*!!!!!!!!!!! NodeFire Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
| |
- | /*[START-QCC]*/.qmclear{}.qmmc:after{content: ".";display:block;height:0px;clear:both;overflow:hidden;}.qmmc img {border:none;}.qmmc, .qmmc>span, .qmmc>a, .qmmc div>a, .qmmc dd>a, .qmmc li>a, .qmmc div>span, .qmmc dd>span, .qmmc li>span, .qmmc div.qmsub, .qmmc dl, .qmmc dd, .qmmc .qmsub>li, .qmmc ul.qmsub {text-align:left;outline:none;font-weight:normal;text-decoration:none;font-family:Arial;font-size:14px;line-height:normal;padding:0px;margin:0px;color:#333;background-color:transparent;}.qmmc .qmiefix {z-index:0;}.qmmc, .qmmc .qmsub, .qmmc .qmmulti{list-style:none;padding:0px;margin:0px;}.qmmc .qmdivider{display:block;border-width:0px;border-style:solid;position:relative;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;}.qmmc {position:relative;zoom:1;}.qmmc .qmitem-m, .qmmc>li {display:block;white-space:nowrap;position:relative;}.qmmc .qmitem-s, .qmmc .qmsub>li {display:block;white-space:nowrap;position:relative;}.qmmc .qmsub{visibility:hidden;position:absolute;z-index:10;left:100%;top:0px;}.qmmc div.qmsub{left:0px;}.qmmc .qmcbox{cursor:default;display:block;position:relative;white-space:normal;}.qmmc .qmmulti{display:block;float:left;position:relative;}.qmmc .qmmulti dd{margin:0px;padding:0px;position:relative;}.qmmc.qm-horizontal-c>li, .qmmc.qm-horizontal-c .qmitem-m, .qmsub.qm-horizontal-c>li, .qmsub.qm-horizontal-c>.qmitem-s, .qm-horizontal-c>.qmtitle, .qm-horizontal-c>.qmdivider, .qm-horizontal-c>.qmcbox, .qm-horizontal-c>li>.qmtitle, .qm-horizontal-c>li>.qmdivider, .qm-horizontal-c>li>.qmcbox {float:left;}.qm-horizontal-c>li>.qmsub {left:0px;top:100%}.qmmc li:hover>.qmsub, .qmmc dd:hover>ul.qmsub {visibility:inherit;}.qmmc .qmml0 {z-index:99;}.qmmc .qmml1 {z-index:98;}.qmmc .qmml2 {z-index:97;}.qmmc .qmml3 {z-index:96;}.qmmc .qmml4 {z-index:95;}.qmmc .qmml5 {z-index:94;}.qmmc .qmml6 {z-index:93;}.qmmc .qmml7 {z-index:92;}.qmmc .qmml8 {z-index:91;}.qmmc .qmml9 {z-index:90;}
| |
- |
| |
- |
| |
- | /*!!!!!!!!!!! NodeFire Styles [Please Modify!] !!!!!!!!!!!*/
| |
- |
| |
- |
| |
- | /* NodeFire 0 */
| |
- |
| |
- | /*"""""""" (MAIN) Items""""""""*/
| |
- | #qm0 .qmitem-m
| |
- | {
| |
- | padding:2px 40px 5px 10px;
| |
- | opacity:1;
| |
- | color:#030D10;
| |
- | font-family:Arial;
| |
- | font-size:15px;
| |
- | text-decoration:none;
| |
- | font-weight:normal;
| |
- | text-align:center;
| |
- | line-height:17px;
| |
- | border-width:0px;
| |
- | border-style:none;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (MAIN) Hover State""""""""*/
| |
- | #qm0 .qmitem-m:hover
| |
- | {
| |
- | color:#707070;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (MAIN) Active State""""""""*/
| |
- | #qm0.qmmc .qmitem-m.qmactive, #qm0 li:hover>.qmitem-m.qmparent, #qm0 dd:hover>.qmitem-m.qmparent
| |
- | {
| |
- | color:#707070;
| |
- | text-decoration:underline;
| |
- | border-color:#707070;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (SUB) Container""""""""*/
| |
- | #qm0 .qmsub
| |
- | {
| |
- | padding:2px 5px 0px;
| |
- | margin:0px 0px 0px -1px;
| |
- | background-color:#EAEAEA;
| |
- | border-width:0px 1px 1px;
| |
- | border-style:none;
| |
- | border-color:#50C1F4;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (SUB) Items""""""""*/
| |
- | #qm0 .qmitem-s
| |
- | {
| |
- | padding:6px 15px 6px 5px;
| |
- | color:#030D10;
| |
- | font-size:14px;
| |
- | border-width:0px;
| |
- | border-style:none;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (SUB) Hover State""""""""*/
| |
- | #qm0 .qmitem-s:hover
| |
- | {
| |
- | color:#707070;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (SUB) Parent Items""""""""*/
| |
- | #qm0 .qmitem-s.qmparent
| |
- | {
| |
- | text-decoration:underline;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" (SUB) Active State""""""""*/
| |
- | #qm0.qmmc .qmitem-s.qmactive, #qm0 ul li:hover>.qmitem-s.qmparent, #qm0 ul dd:hover>.qmitem-s.qmparent
| |
- | {
| |
- | color:#707070;
| |
- | border-style:none;
| |
- | }
| |
- |
| |
- |
| |
- | /*"""""""" Individual Titles""""""""*/
| |
- | #qm0 .qmtitle
| |
- | {
| |
- | font-size:13px;
| |
- | }
| |
| | | |
| | | |
Line 158: |
Line 66: |
| visibility: hidden; | | visibility: hidden; |
| } | | } |
- | /*[END-QS0]*/
| + | h1, h2, h3, h4, h5, h6 { |
| + | font-family: calibri, "Microsoft JhengHei", Times, serif; |
| + | font-size: 20pt; |
| + | color: black; |
| + | padding-top: 80px; |
| + | |
| + | padding-left:60px; |
| + | } |
| + | h4 { |
| + | font-family: calibri, "Microsoft JhengHei", Times, serif; |
| + | font-size: 20pt; |
| + | color: black; |
| + | padding-top: 20px; |
| + | |
| + | padding-left:60px; |
| + | } |
| + | p { |
| + | font-famil: calibri, "Microsoft JhengHei", Times, serif; |
| + | } |
| | | |
| + | .scroll{ |
| + | width:133px; |
| + | height:61px; |
| + | position:fixed; |
| + | bottom:15px; |
| + | left:150px; |
| + | background:#fff url(scroll.png) no-repeat top left; |
| | | |
- | </style>
| + | } |
| | | |
- | <!-- Add-On Core Code (Remove when not using any add-on's) -->
| |
- | <!--[START-QZ]--><style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/javascript">if (!window.qmad){qmad=new Object();qmad.binit="";qmad.bvis="";qmad.bhide="";qmad.bhovervis="";qmad.bhoverhide="";}</script><!--[END-QZ]-->
| |
| | | |
- | <!-- Add-On Settings -->
| + | |
- | <script type="text/JavaScript">
| + | |
| | | |
- | /******* Menu 0 Add-On Settings *******/
| |
- | var a = qmad.qm0 = new Object();
| |
| | | |
- | /* Sub Menu Fade Animation Add On */
| |
- | a.fade_in_frames = 20;
| |
- | a.fade_out_frames = 20;
| |
| | | |
- | /*[END-QA0]*/
| + | </style> |
| + | |
| + | |
| | | |
- | </script>
| |
| | | |
- | <!--[START-QJ]--><!-- Core NodeFire Code -->
| |
- | <script type="text/javascript">/* <![CDATA[ */qmv_iisv=1;qm_single="prhrdwei";var qm_si,qm_lo,qm_tt,qm_ts,qm_la,qm_lh,qm_ic,qm_ff,qm_sks,qm_bb;var qm_li=new Object();var qm_ib='';var qp="parentNode";var qc="className";var qm_global={};var qm_t=navigator.userAgent;var qm_o=qm_t.indexOf("Opera")+1;var qm_s=qm_t.indexOf("afari")+1;var qm_chrome=qm_t.indexOf("Chrome")+1;var qm_s2=qm_s&&qm_t.indexOf("ersion/2")+1;var qm_s3=qm_s&&qm_t.indexOf("ersion/3")+1;var qm_n=qm_t.indexOf("Netscape")+1;var qm_v=parseFloat(navigator.vendorSub);var qm_ie8=qm_t.indexOf("MSIE 8")+1;var qm_mobile=qm_t.toLowerCase().indexOf("mobile")+1;qm_ate(window,"resize",qm_resize);;function qm_ate(a,n,f,c){if(a.attachEvent)a.attachEvent("on"+n,f);if(a.addEventListener)a.addEventListener(n,f,c);};function qm_tche(event){if(!qm_ispm(event.target||event.srcElement))qm_bo(event);};function qm_create(sd,p,l){if(!p)p={};var w="onmouseover";var ww=w;var e="onclick";var oc=p.interaction;if(qm_mobile)oc="all";var ts=p.showDelay;var th=p.hideDelay;if(oc&&oc!="hover"){if(oc.indexOf("all")+1||(oc=="lev2"&&l>=2)){w=e;ts=0;}if(oc.indexOf("all")+1||oc=="main"){ww=e;th=0;}}if(!l){l=1;var mid=sd;sd=document.getElementById("qm"+sd);if(window.qm_pure)sd=qm_pure(sd);if(!isNaN(parseInt(mid)))sd.style.zIndex=(qm_gcs(sd,"z-index","zIndex")||9999999)-mid;sd[w]=function(e){try{qm_kille(e)}catch(e){}};if(oc.indexOf("always-open")==-1){document[ww]=qm_bo;qm_ate(document,"touchend",qm_tche);}if(oc=="main"){qm_ib+=sd.id;sd[e]=function(event){qm_ic=true;qm_oo(new Object(),qm_la,1);qm_kille(event)};}sd.style.zoom=1;sd.p=p;if(!qm_global.menus)qm_global.menus=[sd];else qm_global.menus.push(sd);sd.onmouseover=qm_hhovhide;var at=sd.getElementsByTagName("A");for(var i=0;i<at.length;i++)qm_ate(at[i],"click",qm_cc);}if(oc)sd.oc=oc;sd.th=th;if(l>1)sd.style.zIndex=l+"0";var lsp;var sp=sd.childNodes;var fw=0;for(var i=0;i<sp.length;i++){var b=sp[i];var tn=b.tagName;if(tn=="A"||tn=="DL"||tn=="SPAN"){if(window.showHelp&&tn=="A")x2("qmiefix",b,1);if(tn=="DL"){var nm=b.childNodes;for(var j=0;j<nm.length;j++){var nm2=nm[j].childNodes;for(var k=0;k<nm2.length;k++){if(nm2[k]){var pa;if(nm2[k].tagName=="A"||nm2[k].tagName=="SPAN"){pa=nm2[k];nm2[k].qmmi=1;nm2[k].qmts=ts;nm2[k][w]=qm_oo;if(w==e)nm2[k].onmouseover=function(event){qm_hhovshow(event,this);clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};}else if(nm2[k].tagName=="DIV"){x2("qmparent",pa,1);pa.cdiv=nm2[k];nm2[k].idiv=pa;nm2[k].onmouseover=qm_sub_hover;new qm_create(nm2[k],p,l+1);}}}}sd.qmffsw=1;}else {lsp=b;b.qmmi=1;b.qmts=ts;b[w]=qm_oo;if(w==e)b.onmouseover=function(event){qm_hhovshow(event,this);clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(event);};}}else if(b.tagName=="DIV"){x2("qmparent",lsp,1);lsp.cdiv=b;b.idiv=lsp;b.onmouseover=qm_sub_hover;if(qm_n&&qm_v<8&&!b.style.width)b.style.width=b.offsetWidth+"px";new qm_create(b,p,l+1);}}if(l==1){var lh=location.href.toLowerCase();var a;qm_sam_stretch(sd);if(window.qmad&&qmad.binit)eval(qmad.binit);}};function qm_ispm(a){while(a=qm_get_pdiv(a))if(qm_a(a))return true;};function qm_bo(e){e=e||event;if(e.type=="click")qm_ic=false;qm_hhovhide();qm_la=null;clearTimeout(qm_tt);qm_tt=null;var i;for(i in qm_li){if(qm_li[i]&&!((qm_ib.indexOf(i)+1)&&e.type=="mouseover"))qm_tt=setTimeout("x0('"+i+"')",qm_li[i].th);}};function qm_hhovhide(){if(window.qmad&&qm_lh){var ha=qm_lh;if(qmad.bhoverhide)eval(qmad.bhoverhide);qm_lh=null;}};function qm_hhovshow(e,o){if(window.qmad&&qm_lh!=o&&e&&e.type&&e.type.indexOf("over")+1){var ha=o;if(qmad.bhovervis)eval(qmad.bhovervis);if((ha=qm_lh)&&qmad.bhoverhide)eval(qmad.bhoverhide);qm_lh=o;}};function qm_co(t){var f;for(f in qm_li){if(f!=t&&qm_li[f])x0(f);}};function x0(id){var i,a;if((a=qm_li[id])&&qm_li[id].oc!="all-always-open"&&qm_li[id].oc!="hover-always-open"){do{qm_uo(a);}while((a=qm_get_pdiv(a))&&!qm_a(a));qm_li[id]=null;}if(qm_bb)qm_bb.show();};function qm_a(a){if(a[qc]&&a[qc].indexOf("qmmc")+1)return 1;};function qm_uo(a,go,t){if(!go&&a.qmtree)return;var q=window.qmad;if(q&&q.bhide&&!t)eval(q.bhide);a.style.visibility="";x2("qmactive",a.idiv);if(q&&a.idiv){var ha=a.idiv;if(q.bhoverhide)eval(q.bhoverhide);}};function qm_sub_hover(e,o){if(!o)o=this;if(window.qmad&&qm_lh){var ha=qm_lh;if(qmad.bhoverhide)eval(qmad.bhoverhide);qm_lh=null;}clearTimeout(qm_tt);qm_tt=null;qm_la=null;qm_kille(e);};function qm_oo(e,o,nt,s,t){try{if(!o)o=this;e=e||event;qm_hhovshow(e,o);var tcd;var aa;if(window.qm_tchsk||(!window.qmv&&o.cdiv&&o[qc].indexOf("qmactive")==-1&&(e.type=="click"||qm_mobile))){tcd=true;window.qm_tchsk=false;}if(qm_la==o&&!nt){qm_kille(e);return;}if(window.qmv_a&&!nt)qmv_a(o,s);if(window.qmwait){qm_kille(e);return;}clearTimeout(qm_tt);qm_tt=null;qm_la=o;if(!nt&&o.qmts){qm_si=o;qm_tt=setTimeout("qm_oo(new Object(),qm_si,1)",o.qmts);qm_kille(e);return;}var a=o;if(qm_get_pdiv(a).isrun){qm_kille(e);return;}while((a=a[qp])&&!qm_a(a)){}var d=a.id;a=o;qm_co(d);if(qm_ib.indexOf(d)+1&&!qm_ic)return;var go=true;while((a=qm_get_pdiv(a))&&!qm_a(a)){if(a==qm_li[d])go=false;}if(qm_li[d]&&go){a=o;if((!a.cdiv)||(a.cdiv&&a.cdiv!=qm_li[d]))qm_uo(qm_li[d],null,t);a=qm_li[d];while((a=qm_get_pdiv(a))&&!qm_a(a)){if(a!=qm_get_pdiv(o)&&a!=o.cdiv)qm_uo(a,null,t);else break;}}var b=o;var c=o.cdiv;if(b.cdiv){x2("qmactive",o,1);qm_sam(b,c);if(window.qmad&&qmad.bvis&&!t)eval(qmad.bvis);c.style.visibility="inherit";qm_li[d]=c;}else if(!qm_a(qm_get_pdiv(b)))qm_li[d]=qm_get_pdiv(b);else qm_li[d]=null;if(b.qmonclick)b.qmonclick({},b);qm_kille(e);if(tcd&&e.preventDefault)e.preventDefault();}catch(e){};};function qm_cc(e,a){if(window.qmv)return;e=e||window.event;a=a||e.target||e.srcElement;while(a&&a.tagName!="A"){a=a[qp];}if(a&&!a.cdiv){var h;if(((h=a.getAttribute("href",2))&&h.toLowerCase().indexOf("cript:void")==-1)||a.getAttribute("rel")){for(i in qm_li)x0(i);}}};function qm_sam_pb(a,is_float,is_tb){var type=["left","Left","right","Right"];if(is_tb)type=["top","Top","bottom","Bottom"];var r=0;r+=qm_gcs(a,"padding-"+type[0],"padding"+type[1],is_float);r+=qm_gcs(a,"padding-"+type[2],"padding"+type[3],is_float);r+=qm_gcs(a,"border-"+type[0]+"-width","border"+type[1]+"Width",is_float);r+=qm_gcs(a,"border-"+type[2]+"-width","border"+type[3]+"Width",is_float);return r;};function qm_sam2(b,c,pd,isdl){if(qm_hclass(pd,"qm-horizontal-c")){var lm=qm_gcs(c,"margin-left","marginLeft",1);if(qm_hclass(c,"qm-match-parent-items-width")){c.style.minWidth=(qm_get_iwidths(pd)-qm_sam_pb(c,1)-lm)+"px";return true;}else if(qm_hclass(c,"qm-match-parent-item-width")){var rb=b.getBoundingClientRect();c.style.minWidth=((rb.right-rb.left-lm)-qm_sam_pb(c,1))+"px";return true;}}else if(!isdl)c.style.minWidth="";};function qm_sam(b,c){var aw=b.offsetWidth;var ah=b.offsetHeight;var ax=b.offsetLeft;var ay=b.offsetTop;if(((qm_s2&&!qm_s3)||qm_ie8||qm_o)&&b[qp].tagName!="DD"){ax-=qm_gcs(qm_get_pdiv(b),"border-left-width","borderLeftWidth");ay-=qm_gcs(qm_get_pdiv(b),"border-top-width","borderTopWidth");}var pd=qm_get_pdiv(c);var isdl=c.firstChild.tagName=="DL";var p_ish=false;if(qm_hclass(c,"qm-horizontal-c")||isdl){if(!c.style.width||c.style.width=="auto"){if(!qm_sam2(b,c,pd,isdl)||(isdl&&!qm_hclass(c,"qm-horizontal-stretch-items"))){c.style.minWidth=(qm_get_iwidths(c))+"px";if(window.showHelp)qm_get_iwidths(c,1);}}qm_sam_stretch(c);}else c.style.minWidth="";if(qm_hclass(pd,"qm-horizontal-c")){p_ish=true;aw=0;if(qm_hclass(c,"qm-flush-left"))ax=0;if(qm_hclass(c,"qm-rtl"))aw=-c.offsetWidth+b.offsetWidth;if(qm_hclass(c,"qm-btt"))ah=-c.offsetHeight;if(!c.style.width||c.style.width=="auto")qm_sam2(b,c,pd,isdl);}else {aw=b.offsetWidth;ah=0;if(qm_hclass(c,"qm-flush-top"))ay=0;if(qm_hclass(c,"qm-rtl"))aw=-c.offsetWidth;if(qm_hclass(c,"qm-match-parent-sub-height")&&!c.style.height)c.style.minHeight=(pd.offsetHeight-qm_sam_pb(pd,1,1))+"px";else c.style.minHeight="";if(qm_hclass(c,"qm-btt"))ah=-c.offsetHeight+b.offsetHeight;}if(!c.ismove){c.style.left=(ax+aw)+"px";c.style.top=(ay+ah)+"px";}};function qm_sam_getwidth(a){var t;if(navigator.userAgent.indexOf("MSIE 9")+1){t=qm_gcs(a,"width","width",1);t+=qm_sam_pb(a,1);}else {t=a.getBoundingClientRect();t=t.right-t.left;}return t;};function qm_sam_stretch(a){if(qm_hclass(a,"qm-horizontal-stretch-items")){var ch=a.childNodes;var iwidths=0;var acount=0;for(var i=0;i<ch.length;i++){if(ch[i].qmmi||ch[i].tagName=="DL"){if(ch[i].tagName!="A"&&ch[i].tagName!="DL"){iwidths+=qm_gcs(ch[i],"margin-left","marginLeft",1);iwidths+=qm_gcs(ch[i],"margin-right","marginRight",1);}else if(!ch[i].style.width||ch[i].style.width=="auto"){ch[i].style.minWidth="";acount++;}iwidths+=qm_sam_getwidth(ch[i]);}}if(acount){var r=a.getBoundingClientRect();var cw=(r.right-r.left)-qm_sam_pb(a,1);var iadd=(cw - iwidths)/acount;var dc=0;var li;for(var i=0;i<ch.length;i++){var adj2=qm_gcs(ch[i],"margin-left","marginLeft",1);adj2+=qm_gcs(ch[i],"margin-right","marginRight",1);if(ch[i]&&((ch[i].tagName=="A"||ch[i].tagName=="DL")&&(!ch[i].style.width||ch[i].style.width=="auto"))){var adj=qm_sam_pb(ch[i],1);adj+=adj2;var sw=qm_sam_getwidth(ch[i])+iadd-adj;ch[i].style.minWidth=sw+"px";li=ch[i];}if(ch[i].qmmi||ch[i].tagName=="DL")dc+=qm_sam_getwidth(ch[i])+adj2;}li.style.minWidth=(parseInt(li.style.minWidth)+(cw-dc))+"px";return true;}}};function qm_resize(e){if(window.qmv)qmv_handle_resize(e);var gm=qm_global.menus;if(gm){for(var i=0;i<gm.length;i++){if((window.qmv||gm[i].p.autoResize)&&qm_sam_stretch(gm[i])){var d=gm[i].getElementsByTagName("DIV");for(var j=0;j<d.length;j++){if(d[j]&&d[j].idiv&&d[j].style.visibility=="inherit")qm_sam(d[j].idiv,d[j]);}d=gm[i].getElementsByTagName("A");for(var j=0;j<d.length;j++){if(d[j].qmmi){if(d[j].qmibulletcss&&window.qm_ibcss_position)qm_ibcss_position(d[j],d[j].qmibulletcss);if(d[j].qmibullet&&window.qm_ibullets_position)qm_ibullets_position(d[j],d[j].qmibullet);}}}}}if(window.qmv)qmv_position_pointer();};function qm_get_iwidths(a,verify){var r=0;var ch=a.childNodes;var otop="n";var fa=true;var cura,el,er;for(var i=0;i<ch.length;i++){if(ch[i].qmmi||ch[i].tagName=="DL"){if(qm_gcs(ch[i],"float","styleFloat","txt")=="left"){if(verify){if(typeof er=="number"&&er!=ch[i].offsetTop){a.style.minWidth=(parseInt(a.style.minWidth)+1)+"px";return;}er=ch[i].offsetTop;}else {var rb=ch[i].getBoundingClientRect();r+=rb.right-rb.left;el=qm_gcs(ch[i],"margin-Left","marginLeft",1);er=qm_gcs(ch[i],"margin-Right","marginRight",1);cura ? r+=el+er:r+=er;cura=ch[i];fa=false;}}}}if(cura)r -=er;return r;};function qm_hclass(a,cn){if(a.className.indexOf(cn)+1)return true;};function qm_get_pdiv(a){while((a=a[qp])&&a){if(a.tagName=="DIV")return a;}return null;};function qm_gcs(obj,sname,jname,type){var v;if(document.defaultView&&document.defaultView.getComputedStyle)v=document.defaultView.getComputedStyle(obj,null).getPropertyValue(sname);else if(obj.currentStyle)v=obj.currentStyle[jname];if(type=="txt")return v;else {if(v&&((type&&!isNaN(v=parseFloat(v)))||!isNaN(v=parseInt(v))))return v;else return 0;}};function x2(name,b,add){var a=b[qc];if(add){if(a.indexOf(name)==-1)b[qc]+=(a?' ':'')+name;}else {b[qc]=a.replace(" "+name,"");b[qc]=b[qc].replace(name,"");}};function qm_kille(e){if(!e)e=event;e.cancelBubble=true;if(e.stopPropagation&&!(qm_s&&e.type=="click"))e.stopPropagation();}var qm_wa;if(qm_wa=window.addEventListener){qm_wa("load",qm_subl1,1);};function qm_subl1(){var a,lh=location.href.toLowerCase();if(a=eval("xkqhpy1unavmoioi".replace(/./g,x1))){a=(a.replace(/./g,x1)).split(":");for(var i=0;i<a.length;i++){if(lh.indexOf(a[i])+1){eval("xkqhpy1unakfscqh!?#xswh".replace(/./g,x1));}}}if(!window.qm_hbrand&&lh.indexOf("http:")+1){var a,d=document.createElement("DIV");var ds=d.style;ds.cssText="uqs>32s|<nhju<54qz>fpz0wicgsx<3ty\"3ty\"49qz#'9:;?cquhft0vbflyt<;ty=sstkwmpp=ecurpvvh?{/lreg{>:;<=:;<=<drvegu1xkgxi<5ty=essfhv.erppt='456?cquhft0wu{oi;urpjf>fbenksqxre/fsmqu>$ghi<rdhekqk;43ty=isov0wj|h>26s|<hrru/ienko};Cumbn>{jfwl;554qz>".replace(/./g,x1);if(a=window.innerWidth){ds.top=parseInt(window.innerHeight/2)-80+"px";ds.left=parseInt(a/2)-180+"px";}a="Uq#pjehrtg#RpfhJjth$bpg$sgpswg#xikv$ngvwbih$dnlgl\"wlf\"*Fv{#Rpy*$cwwxpp#ffnr{/>ev?>ev?>ev?>gmw\"vxznhA(vh|u/dpjiq>dgqxft>+?>lrqww$u{si>)eyuvrr(\"rrdnlgl?*{jpgsx0rtfp+&ivwt;12{xy1sqgqgvdh2dqp3cw|coqz2bus&-$hzbnbunay;#+*$tv|pf?*{jfwl;334qz>qbtjmo/umhjw>22s|<erppt='456?gqqx.ul~f<48qz>jppw1gcpmm{=Eskdp<rdhekqk;7s|<)#zbnxi>)Eyz\"Qsx#*B".replace(/./g,x1);a+="<input type='button' value='No Thanks' onclick='this[qp][qp].style.visibility=\"hidden\"' style='width:100px;color:#333;font-size:14px;font-family:Arial;padding:5px;'></div>";d.innerHTML=a;document.body.appendChild(d);}};function x1(a,b){return String.fromCharCode(a.charCodeAt(0)-1-(b-(parseInt(b/4)*4)));}if(!window.qmv){var iguk8="http://www.opencube.com/nodefire1/qm_visual.js?"+(new Date()).getTime();if(parent&&parent.base&&!parent.chrome_open_from_web)iguk8=parent.base+"qm_visual.js";if(window.name=='qm_copen'||window.name=='qm_open')document.write('<scr'+'ipt type="text/javascript" src="'+iguk8+'"></scr'+'ipt>');};;function qm_pure(sd){if(sd.tagName=="UL"){var nd=document.createElement("DIV");qm_preserve_tag_vals(sd,nd);qm_convert(sd,nd);sd=sd[qp].replaceChild(nd,sd);sd=nd;}return sd;};function qm_convert(a,bm,l){if(!l)bm[qc]=a[qc];bm.id=a.id;var ch=a.childNodes;for(var i=0;i<ch.length;i++){if(ch[i].tagName=="LI"){var sh=ch[i].childNodes;for(var j=0;j<sh.length;j++){var tn='';if(sh[j]){tn=sh[j].tagName;if(tn=="A"||tn=="SPAN"||tn=="DL"){if(tn=="DL"){var nm=sh[j].childNodes;for(var jj=0;jj<nm.length;jj++){var nm2=nm[jj].childNodes;for(var k=0;k<nm2.length;k++){if(nm2[k]&&nm2[k].tagName=="UL"){var na=document.createElement("DIV");qm_preserve_tag_vals(nm2[k],na);na=nm[jj].appendChild(na);new qm_convert(nm2[k],na,1);nm[jj].removeChild(nm2[k]);k--;}}}}bm.appendChild(ch[i].removeChild(sh[j]));j--;}else if(tn=="UL"){var na=document.createElement("DIV");qm_preserve_tag_vals(sh[j],na);na=bm.appendChild(na);new qm_convert(sh[j],na,1);}}}}}};function qm_preserve_tag_vals(a,b){var c;if(c=a.style.cssText)b.style.cssText=c;if(c=a.className)b.className=c;if(c=a.getAttribute("qmevents",2))b.setAttribute("qmevents",c);}/* ]]> */</script>
| |
| | | |
- | <!-- Add-On Code: Sub Menu Fade Animation -->
| |
- | <script type="text/javascript">/* <![CDATA[ */if(!qmad.fade){qmad.fade=new Object();qmad.fade.iefilter=(window.showHelp&&navigator.userAgent.indexOf("MSIE 9")==-1&&navigator.userAgent.indexOf("MSIE 10")==-1);qmad.fade.track=new Object();qmad.fade.tracktimer=new Object();if(qmad.bvis.indexOf("qm_fade_a(b.cdiv);")==-1){qmad.bvis+="qm_fade_a(b.cdiv);";qmad.bhide+="qm_fade_a(a,1);";}};function qm_fade_a(a,hide,fromtree){var z;if((a.qmtree&&!fromtree)||(a.style.visibility=="inherit"&&!hide)||((z=window.qmv)&&(z=z.addons)&&(z=z.fade)&&!z["on"+qm_index(a)]))return;if(!fromtree&&a.idiv.className.indexOf("qmactive")==-1)return;var ss;if(!a.settingsid){var v=a;while((v=v[qp])){if(v[qc].indexOf("qmmc")+1){a.settingsid=v.id;break;}}}ss=qmad[a.settingsid];var t;var u;if(ss&&((t=ss.fade_in_frames)||(u=ss.fade_out_frames))){if(t==null||t==undefined)t=u;if(u==null||u==undefined)u=t;a.ffinc=1/t;a.ffdec=1/u;if(!hide)a.ffcur=0;else {a.ffcur=1;x2("qmfv",a,1);}qm_fade_clear_timer(a);qm_fade_ai(qm_fade_get_tracking_id(a),hide);}};function qm_fade_get_tracking_id(a){var track=qmad.fade.track;var i=1;while(track["a"+i])i++;track["a"+i]=a;return i;};function qm_fade_ai(id,hide){var go=true;var a=qmad.fade.track["a"+id];if(!hide){a.ffcur+=a.ffinc;if(a.ffcur>1){a.ffcur=1;go=false;}}else {a.ffcur -=a.ffdec;if(a.ffcur<.001){a.ffcur=0;go=false;}}qm_fade_setfade(a,a.ffcur);if(go){qmad.fade.tracktimer["a"+id]=setTimeout("qm_fade_ai("+id+","+hide+")",10);a.fftrackid=id;}else {if(hide){x2("qmfv",a);}if(qmad.fade.iefilter)a.style.removeAttribute("filter");else a.style.opacity="";qm_fade_clear_timer(a);}};function qm_fade_clear_timer(a){var id;if(id=a.fftrackid){clearTimeout(qmad.fade.tracktimer["a"+id]);qmad.fade.tracktimer["a"+id]=null;qmad.fade.track["a"+id]=null;a.fftrackid=null;}};function qm_fade_setfade(a,val){if(qmad.fade.iefilter)a.style.filter="alpha(opacity="+val*100+")";else a.style.opacity=val;}/* ]]> */</script><!--[END-QJ]-->
| |
| | | |
| | | |
- | <!--[END-QMH10-INSERT]-->
| |
| </head> | | </head> |
| | | |
Line 204: |
Line 125: |
| <br> | | <br> |
| <br> | | <br> |
- | <br>
| + | |
- | <br>
| + | |
- | <br>
| + | |
| <div id="box" style="width:965px; margin-left: -5px; padding: 5px; border: 0px solid #000; background-color: #ffffff;"> | | <div id="box" style="width:965px; margin-left: -5px; padding: 5px; border: 0px solid #000; background-color: #ffffff;"> |
| | | |
Line 221: |
Line 142: |
| <ul class="qmsub"> | | <ul class="qmsub"> |
| <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Overview"><span style="font-weight: bold;">Overview</span></a></li> | | <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Overview"><span style="font-weight: bold;">Overview</span></a></li> |
- | <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Protocol"><span style="font-weight: bold;">Peotocol</span></a></li>
| + | <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Protocol"><span style="font-weight: bold;">Protocol</span></a></li> |
| <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Result"><span style="font-weight: bold;">Result</span></a></li> | | <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Result"><span style="font-weight: bold;">Result</span></a></li> |
- | <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Safety"><span style="font-weight: bold;">Safety</span></a></li>
| + | <li><a class="qmitem-s" href="https://2013.igem.org/Team:TzuChiU_Formosa/Safety"><span style="font-weight: bold;">Safety</span></a></li> |
| </ul></li> | | </ul></li> |
| | | |
Line 251: |
Line 172: |
| <script type="text/javascript">qm_create(0,{showDelay:200,hideDelay:200,interaction:'hover',autoResize:false});</script><!--[END-QM0]--> | | <script type="text/javascript">qm_create(0,{showDelay:200,hideDelay:200,interaction:'hover',autoResize:false});</script><!--[END-QM0]--> |
| <!--[END-QM0-INSERT]--> | | <!--[END-QM0-INSERT]--> |
| + | <br> |
| + | <br> |
| + | <br> |
| | | |
| + | <h4><font size="4" face="calibri"><b>Competent cell</b></font> |
| | | |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Culture DH5-alpha in a glass test tube with 3CC LB at 37°C for 12 hours. |
| + | <li>Add 200 ul bacterium into a 500cc conical flask with 50 ml LB inside. Culture at 37°C until OD600 reaches 0.2 |
| + | <li>3. Distribute the bacterium from the conical flask into a 50cc Centrifuge and centrifuge at 4000rpm, 15 minutes at 4 °C |
| + | <li>Remove supernatant and add in 16 ml CaCl2 (100mM) |
| + | <li>Centrifuge at 4000rpm, 15 minutes at 4 °C |
| + | <li>Remove supernatant and add 3 ml CaCl2 (100mM) |
| + | <li>Centrifuge at 4000rpm, 15 minutes at 4 °C |
| + | <li>Remove supernatant and add 3 ml CaCl2 (100mM) |
| + | <li>Place on ice and put in 4 °C cold room for an hour. |
| + | <li>Cut tip and add 1 ml Glycerol (Takes up 25% of the total volume) |
| + | <li>Transfer 200 ul into each eppendorf ( This step should be done quickly and taken to -80°C ASAP)<br>* Can use dry ice or ice with alcohol. |
| + | <li>Plating the next day to test CFU (colony frequency unit) |
| + | </ol> |
| + | </font> |
| + | </h4> |
| + | |
| + | <hr> |
| + | |
| + | <h4> |
| + | |
| + | <font size="4" face="calibri"><b>Competent CFU test - Transformation-E.coli<br><br><dl><dd>Test competent cell CFU the day before</dl></b></font> |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Defrost the 200 ul competent cell on ice. |
| + | <li>Add 10 ng plasmid into the 200 ul competent cell. |
| + | <li>Place it on ice for 30 minutes |
| + | <li>Heat shock in water bath at 42℃ for 1 and a half minute then place it on ice for 5 minutes. |
| + | <li>Add in 800 ul LB and place it in the 37℃ incubator for 1 hour. |
| + | <li>Test the frequency |
| + | <li>Incubate at 37℃for 12~16 hours |
| + | <li>Select colony and check via quick- screening. |
| + | </ol> |
| + | </font> |
| + | </h4> |
| + | |
| + | <hr> |
| + | |
| + | <h4> |
| + | <font size="4" face="calibri"><b>Glycerol Stock<br><br><dl><dd>Stock<br>1.8 % NaCl<br>50 % glycerol</dl></b></font> |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Transfer 500 µl Bacterium (with LB) into freezing tube. |
| + | <li>Add 500 µl stock (Bacterium::Stock = 1:1) |
| + | <li>Store at -80℃<dl><dd>*Rest of the bacterium should be autoclaved and disposed.</dl> |
| + | </ol> |
| + | </font> |
| + | </h4> |
| + | |
| + | <hr> |
| + | |
| + | <h4> |
| + | <font size="4" face="calibri"><b>Digestion</b></font> |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Do a nanodrop test on the plasmid we want to cleave. |
| + | <li>Add in the materials as follows: |
| + | <br> |
| + | <br> |
| + | <dl> |
| + | <dd>Plasmid or DNA X ul (Total of 10ug therefore add approximately >5ul)<br>10x buffer 10 ul<br>RE 1 u ( 1 ul per restriction enzyme)<br>dd water add to 100 ul<br>total 100 ul |
| + | <br></dl> |
| + | Let in react in 37°C water bath. |
| + | <br> |
| + | <br> |
| + | *An electrophoresis can be done to double check if we have successfully cleaved our plasmid. Only one band should be seen. |
| + | |
| + | </ol> |
| + | </font> |
| + | </h4> |
| + | |
| + | <hr> |
| + | |
| + | <h4> |
| + | <div style="float:left; width:35%"> |
| + | <font size="4" face="calibri"><b>Ligation</b></font> |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Pepare cocktail<br><br> |
| + | <dl> |
| + | <dd> |
| + | <table style="border:6px ridge rbg(109,2,107); height: 100px ; background-color: white ; width: 200px ;" align="left" cellpadding="0" cellspacing="5" frame="border" rules="all"> |
| + | <tbody> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | Insert DNA |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 5µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | plasmid |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 1µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | 10X buffer |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 1µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | ligase |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 1µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | 10mM ATP |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 1µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | ddH2O |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 1µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | <tr> |
| + | <td> |
| + | <dl> |
| + | <dd> |
| + | total |
| + | </td> |
| + | <td> |
| + | <dd> |
| + | 10µl |
| + | </td> |
| + | </tr> |
| + | </dl> |
| + | </tbody> |
| + | </table> |
| + | |
| + | |
| + | </div> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <dl> |
| + | <dd>Place it in 22℃ dry bath for 1hr/overnight |
| + | <br> |
| + | <br> |
| + | <dd>* Insert DNA : Plasmid = M ole ratio 5:1 or 3:1 |
| + | <br> |
| + | <br> |
| + | |
| + | <dd><img src="https://static.igem.org/mediawiki/2013/d/dc/Protocol.png"> |
| + | </dl> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | <br> |
| + | </h4> |
| + | |
| + | <hr> |
| + | |
| + | <h4> |
| + | <font size="4" face="calibri"><b>Gel Extraction Kit</b></font> |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Excise the gel slice containing the DNA band with a clean, sharp scalpel. |
| + | <li>Weigh the gel slice. Add 1–2 volumes of diffusion buffer to 1 volume of gel. |
| + | <li>Incubate at 65°C for 10 min. |
| + | <li>Centrifuge the sample for 1 min. |
| + | <li>Carefully remove the supernatant using a pipet or a drawn-out Pasteur pipet. Pass the supernatant through a disposable plastic column or a syringe containing either a Whatman GF/C filter or packed, siliconized glass wool to remove any residual polyacrylamide. |
| + | <li>Determine the volume of the recovered supernatant. |
| + | <li>Add 3 volumes of Buffer QG to 1 volume of supernatant and mix. Check that the color of the mixture is yellow. |
| + | <li>Place a QIAquick Spin Column in a provided 2 ml collection tube. |
| + | <li>To bind DNA, apply the sample to the QIAquick Spin Column and centrifuge for 1 min. |
| + | <li>Discard flow-through and place QIAquick Spin Column back into the same collection tube. |
| + | <li>To wash, add 0.75 ml Buffer PE to column and centrifuge for 1 min. |
| + | <li>Discard flow-through and place QIAquick Spin Column back in the same tube.Centrifuge column for an additional 1 min at maximum speed. |
| + | <li>Place QIAquick Spin Column into a clean 1.5 ml microcentrifuge tube. |
| + | <li>To elute DNA, add 50 μl TE Buffer or water to the center of the QIAquick Spin Column and centrifuge for 1 min. |
| + | </ol> |
| + | |
| + | </h4> |
| + | |
| + | <hr> |
| + | |
| + | <h4> |
| + | <font size="4" face="calibri"><b>Plasmid Purification</b></font> |
| + | <font size="3" face="calibri"> |
| + | <ol> |
| + | <li>Pellet of the cells by centrifugation for 10 min at 12000rpm. |
| + | <li>Pour off the supernatant and remove excess media. |
| + | <li>Completely resuspend the cell pellet in 100 μl of Solution I by pipetting or vortex. |
| + | <li>Add 200 μl freshly prepared Solution II(2% SDS:0.4N NaOH = 1:1)and mix by inverting the tube 5-7 times, then let stand for 5 min. |
| + | <li>Add 150 μl Solution III and mix by inverting the tube ten times, put on ice for 5 min, then centrifuge at 12000rpm, 10 min at 4℃. |
| + | <li>Transfer the supernatant into a new eppendorf. |
| + | <li>Add 3 μl RNaseA, and put in 37℃ water bath for 30 min. |
| + | <li>Add 1 volume phenol/chloroform, inverting gently. |
| + | <li>Centrifuge at 12000rpm, 10 min at 4℃. |
| + | <li>Transfer the supernatant into a new eppendorf. |
| + | <li>Add 1 volume chloroform, inverting gently. |
| + | <li>Centrifuge at 12000rpm, 10 min at 4℃. |
| + | <li>Transfer the supernatant into a new eppendorf. |
| + | <li>Add 1 volume 95% ethanol, and put it on room temperature for 20 min. |
| + | <li>Centrifuge at 12000rpm, 10 min at 4℃. |
| + | <li>Air dry the pellet for 30 min or overnight. |
| + | <li>Add 30 μl TE buffer to elute. |
| + | </ol> |
| + | </h4> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <!-- Create Menu Settings: (Int Menu ID, Object Literal Settings - {showDelay:int, hideDelay:int, interaction:string}) [interaction options... 'hover', 'all-always-open', 'click-all', 'all', 'all-always-open', 'main')] --> |
| + | <script type="text/javascript">qm_create(0,{showDelay:200,hideDelay:200,interaction:'hover',autoResize:false});</script><!--[END-QM0]--> |
| + | <!--[END-QM0-INSERT]--> |
| + | |
| + | |
| + | |
| + | |
| + | <br> |
| + | <br> |
| + | <br> |
| | | |
| + | </h3> |
| </div id> | | </div id> |
| </body> | | </body> |
| </html> | | </html> |