Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #eee
TertiaryLight: #ccc
TertiaryMid: #999
TertiaryDark: #666
Error: #f88

DateFormat: [[YYYY年0MM月0DD日 am hh12:0mm]]
shortDateFormat: [[YYYY年0MM月0DD日]]

<!--{{{-->
<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>
<!--}}}-->

<!--{{{-->
<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->

/*{{{*/
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color:[[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:[[ColorPalette::PrimaryMid]];}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected{color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}
/*}}}*/

/*{{{*/
* html .tiddler {height:1%;}

body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:underline;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.9em;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.9em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/

/***
StyleSheet for use when a translation requires any css style changes.
This StyleSheet can be used directly by languages such as Chinese, Japanese and Korean which use a logographic writing system and need larger font sizes.
***/

/*{{{*/
body {font-size:0.8em;}
.headerShadow {position:relative; padding:3.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:3.5em 0em 1em 1em; left:0px; top:0px;}

#sidebarOptions {font-size:1.05em;}
#sidebarOptions a {font-style:normal;}
#sidebarOptions .sliderPanel {font-size:0.95em;}

.subtitle {font-size:0.8em;}

.viewer table.listView {font-size:1em;}

.htmlarea .toolbarHA table {border:1px solid ButtonFace; margin:0em 0em;}
/*}}}*/

/*{{{*/
@media print {
#mainMenu, #sidebar, #messageArea, .toolbar, #backstageButton, #backstageArea {display: none ! important;}
#displayArea {margin: 1em 1em 0em 1em;}
/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */
noscript {display:none;}
}
/*}}}*/

<!--{{{-->
<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler > fields syncing permalink references jump'></div>
<div class='title' macro='view title'></div>
<!--
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DateFormat::DateFormat]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DateFormat::shortDateFormat]]'></span>)</div>
-->
<!--
<div class='tagging' macro='tagging'></div>
<div class='tagged' macro='tags'></div>
-->
<div class='viewer' macro='view text wikified'></div>
<div class='tagClear'></div>
<!--}}}-->

!Decriptions of Params
|!Params |%0|%1|%2|%3|%4|%5|
|!Descriptions|title|url|selections|descriptions|rererence|tags|
!Lingos of command button
{{{
''text:'' Bookmarks
''tooltip:'' Bookmark this tiddlers to ...
''popupNone:'' There are no bookmark services
}}}
!List of Services
{{{
''Services:'' Del.icio.us,Digg,Google,Yahoo,Furl,HemiDemi,MyShare,Baidu,Youpus,Technorati
}}}
!Definition of Services
{{{
''HemiDemi:''<br/>[[HemiDemi|http://www.hemidemi.com/user_bookmark/new?title=%0&url=%1&quotes=%2&description=%3&via=%4&tag_string=%5]]
''MyShare:''<br/>[[MyShare|http://myshare.url.com.tw/index.php?func=newurl&from=mysharepop&url=%1&desc=%0&contents=%3]]
''Baidu:''<br/>[[Baidu|http://cang.baidu.com/do/add?iu=%1&it=%0&dc=%3]]
''Google:''<br/>[[Google|http://www.google.com/bookmarks/mark?op=add&title=%0&bkmk=%1&annotation=%3&labels=%5]]
''Yahoo:''<br/>[[Yahoo|http://tw.myweb2.search.yahoo.com/myresults/bookmarklet?t=%1&u=%0&d=%3&ei=UTF-8]]
''Del.icio.us:''<br/>[[Del.icio.us|http://del.icio.us/post?title=%0&url=%1&notes=%3&tags=%5]]
''Digg:''<br/>[[Digg|http://digg.com/submit?phase=2&url=%0&title=%1&bodytext=%3]]
''Technorati:''<br/>[[Technorati|http://technorati.com/faves?add=%1&title=%0]]
''Furl:''<br/>[[Furl|http://www.furl.net/storeIt.jsp?t=%0&u=%1&r=%4&c=%2&p=1]]
''Youpush:''<br/>[[Youpush|http://www.youpush.net/submit.php?url=%1]]
}}}

!BlueIdeaColorPalette
{{{
Background: #fff
Foreground: #000
PrimaryPale: #8cf
PrimaryLight: #18f
PrimaryMid: #04b
PrimaryDark: #014
SecondaryPale: #eff6fc
SecondaryLight: #e2eef9
SecondaryMid: #629ed4
SecondaryDark: #33689c
TertiaryPale: #f5f9fc
TertiaryLight: #ddeef8
TertiaryMid: #72a2d8
TertiaryDark: #558cbd
Error: #f88
}}}

[[简历]]

<!--{{{-->
<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler wikibar'></div>
<div class='title' macro='view title'></div>
<div class='editor' macro='edit title'></div>
<div macro='annotations'></div>
<div class='editor' macro='edit text'></div>
<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>
<!--}}}-->

<html><a style="font-size:115%; font-weight: bold;" href="javascript: 
if (story) story.closeAllTiddlers(); else closeAllTiddlers();
restart();">
Home</a></html>

[[简历]]

[[博士课题]]
[[研究方向]]
[[论文发表]]
[[学术活动]]
[[研究数据]]
[[所学课程]]
[[计算机技能]]

[[兴趣爱好]]
[[喜欢的作品]]
[[摄影作品]]
[[个人照片]]

<!--{{{-->
<!-- Borrowed -->
<script type="text/javascript" src="plugins/NestedSlidersPlugin.js"></script>
<!--}}}-->
<!--{{{-->
<!-- PTW -->
<script type="text/javascript" src="plugins/WikiBarPlugin.js"></script>
<script type="text/javascript" src="plugins/Slider2Plugin.js"></script>
<script type="text/javascript" src="plugins/PopupTipsPlugin.js"></script>
<script type="text/javascript" src="plugins/SinglePageModePlugin.js"></script>
<script type="text/javascript" src="plugins/BreadCrumbs2.js"></script>
<!--}}}-->

Powered by [[TiddlyWiki|http://www.tiddlywiki.com]] <<version>>. [[Theme|Theme: MenuMore]] by [[oc|http://b-oo-k.net/blog/]]. 

<!--{{{-->
<div id='header' class='header'>

<div class='headerShadow'>
<span class='searchBar' macro='search'></span>
<span class='siteTitle' refresh='content' tiddler='SiteTitle' ondblclick="story.displayTiddler(null,'SiteTitle', DEFAULT_EDIT_TEMPLATE)"></span>
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle' ondblclick="story.displayTiddler(null,'SiteSubtitle', DEFAULT_EDIT_TEMPLATE)"></span>
</div>

<div class='topMenu'>
<div id='topMenu' refresh='content' tiddler='TopMenu' ondblclick="story.displayTiddler(null,'TopMenu', DEFAULT_EDIT_TEMPLATE)">
</div>
</div>

<div id='sidebar'>
<div id='mainMenu' refresh='content' force='true' tiddler='MainMenu' ondblclick="story.displayTiddler(null,'MainMenu', DEFAULT_EDIT_TEMPLATE)"></div>
<div id='sidebar1'>
<div id='mainMenu2' refresh='content' force='true' tiddler='MainMenu2' ondblclick="story.displayTiddler(null,'MainMenu2', DEFAULT_EDIT_TEMPLATE)"></div>
<div id='mainMenu3' refresh='content' force='true' tiddler='MainMenu3' ondblclick="story.displayTiddler(null,'MainMenu', DEFAULT_EDIT_TEMPLATE)"></div>
<div id='mainMenu4' refresh='content' force='true' tiddler='MainMenu4' ondblclick="story.displayTiddler(null,'MainMenu4', DEFAULT_EDIT_TEMPLATE)"></div>
<div id='mainMenu5' refresh='content' force='true' tiddler='MainMenu5' ondblclick="story.displayTiddler(null,'MainMenu5', DEFAULT_EDIT_TEMPLATE)"></div>
<div id='mainMenu6' refresh='content' force='true' tiddler='MainMenu6' ondblclick="story.displayTiddler(null,'MainMenu6', DEFAULT_EDIT_TEMPLATE)"></div>
</div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<div id='pageFooter' refresh='content' tiddler='PageFooter' ondblclick="story.displayTiddler(null,'PageFooter', DEFAULT_EDIT_TEMPLATE)"></div>
<!--}}}-->

[img[styles/blueidea/images/rss.gif][ptwthemes.xml]]

赵欣主页

/*{{{*/

body
{background:#fefef5;}
.tiddlyLinkNonExisting {
 font-style: normal;
}
#contentWrapper {
 font-family: Verdana, Arial, Tahoma, Sans-Serif;
 color: #555555;
margin:1.9em auto 1em ; width:860px;}

#header {background:#fefef5;}

.headerShadow { padding: 0 0 0em 1em; }

.siteTitle {
 font-family: Times, MS Serif, MS PMincho, Georgia;
 font-style: normal;
 font-size: 38px;
 color: #2757B7;
 background-color: transparent;

}
.siteTitle a{ color:#2757B7;}
.siteTitle a:hover{border-bottom:1px solid #2757B7;}

.siteSubtitle {
 font-size: 1.0em;
 display: block;
 margin: 0em 3em 0.2em 3em; color: #999;
}
.siteSubtitle a{ color:#2757B7; font-style: normal;}
.siteSubtitle a:hover{border-bottom:1px solid #2757B7;}

.clearAll {clear:both;}
.tagClear {clear:none;}
#topMenu br {display:none;}
#topMenu {color:#fefefe; font-size:13px; padding:0.2em 0.2em;text-align: center; border: 0px double #999; background:#2757b7; }

#topMenu a, #topMenu .tiddlyLink, #topMenu .button {color:#fefefe; padding:0em 0.2em 0.2em 0.2em; margin:0 3px;font-weight:bold; border:none; background:transparent; }

#topMenu a:hover, #topMenu .tiddlyLink:hover, #topMenu .button:hover, #topMenu .button:active, #topMenu .highlight {color:#fefefe;padding:0em 0.2em 0.2em 0.2em; background:#1747a7; }

#displayArea{
 margin:0.2em 1.5em 2em 170px;
}

.tiddler {padding-left:0;}
.title {color:#555; font-size:22px;font-weight:normal;}
.subtitle, .subtitle a { color: #999999; font-size: 1.0em;margin:0.2em;}
.shadow .title{color:#999;}

.toolbar {font-size:85%;pedding: 0em;}
.selected .toolbar a {color:#999999;}
.selected .toolbar a:hover {color:#333; background:transparent;border:1px solid #fff;}

.toolbar .button:hover, .toolbar .highlight, .toolbar .marked, .toolbar a.button:active{color:#333; background:transparent;border:1px solid #fff;}

 * html .viewer pre {
margin-left: 0em;
}

 * html .editor textarea, * html .editor input {
width: 98%;
}

#sidebar {
 position:relative;float:left; line-height: 1.1em; display:inline; background:#fefef5;
 margin-left:20px; margin-bottom:15em !important;
 width: 130px; height: 100%; border: 0px dashed #ddd;
}
#sidebar ol, #sidebar ul { margin-left: 0em; padding-left: 0.4em; font-size: .85em; line-height: 110%;}

#mainMenu {
 position: static;
 text-align: left;
 font-size:15px;
 margin:2em 0em 0 0em;
 padding-left: 0.9em;
 width: 110px;
}

#mainMenu a.button, #mainMenu a.tiddlyLink, #mainMenu a.externalLink {
 margin: 0; padding-left:0.2em;
}

#mainMenu2 {display:none}
#mainMenu3 {display:none}
#mainMenu4 {display:none}
#mainMenu5 {display:none}
#mainMenu6 {display:none}
#mainMenu7 {display:none}
#mainMenu8 {display:none}
#mainMenu9 {display:none}
#mainMenu10 {display:none}

#sidebar1 {
 position: static; line-height: 1.5em; display:block; background:#fefef5;
 margin-bottom:15em !important;
 text-align: left;
 font-size:15px;
 margin:3.7em 0em 0 0em;
 padding-left: 1.1em;
 height: 100%;
}

#sidebarOptions{
 position: relative;
 text-align: left;
 padding-left:2em;
 width: 11em; font-size:15px;
}

#sidebarOptions a.button, #sidebarOptions a.tiddlyLink, #sidebarOptions a.externalLink {
 display: block; margin: 0; padding-left:1em; font-size:15px; font-weight:normal;
}

#messageArea {
border: 2px solid #bbb;
background: #fefef5;
color: #555;
font-size:90%;
}

 #messageArea a:hover { background:#f5f5f5; border:none;}
 #messageArea .button{
color: #666;
border: 1px solid #2757B7;
}

 #messageArea .button:hover {
color: #fff;
background: #2757B7;
border-color: #2757B7;
}

 #pageFooter {background: transparent;
 color:#000; font-size: 8px; clear: both; padding: 0.3em 1em; 
 text-align: center; border: 3px double #999; 
margin: 2em 0 20em 0; }

#pageFooter a {
color: #555;
border-bottom: 1px solid #fff; font-weight:normal;text-decoration:none;
}

#pageFooter a:hover {
color: #555;
background-color:transparent;
border-bottom: 1px solid #555; 
}

.searchBar {float:right;font-size: 0.8em;position:relative; margin-top:1.3em;}
.searchBar .button {color:#999;display:block;}
.searchBar .button:hover {border:1px solid #fefef5;color:#4F4B45;}
.searchBar input { 
 background-color: #fefef5;
 color: #999999;
 border: 1px solid #CCC; margin-right:3px;
}

.viewer {
 color:#000; font-size: 15px; line-height: 160%;
}
.viewer blockquote {
border-left: 3px solid #2757B7;
}

.viewer table, .viewer td {
border: 1px solid #2757B7;
}

.viewer th, thead td {
background: #2757B7;
border: 1px solid #2757B7;
color: #fff;
}
.viewer pre {
 border: 1px solid #ccc;
 background: #f5f5f5;
}

.viewer code {
color: #111; background:#f5f5f5;
}

.viewer hr {
 border-top: dashed 1px #555;
}

.editor input {
border: 1px solid #888; margin-top:5px;
}

.editor textarea {padding-left:2px;font-size:15px;line-height:150%;
border: 1px solid #aaa;
}

[[AccordionEffectStyle]]
[[AccordionEffectStyle2]]
h1,h2,h3,h4,h5 { color: #2757B7; background: transparent; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; }
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size: 14px;}
a:hover {color: #1747a7; background: transparent;} 

/*}}}*/
/*{{{*/
/*Theme: Simple2, Designed by oc ( http://b-oo-k.net/blog/ ). */
/*Inspired by Saq Imtiaz's Haemoglobin Theme.*/
/*}}}*/

<html>

<a href="javascript:{ if (story)
 document.getElementById('mainMenu').style.display = 'none'; 
 document.getElementById('mainMenu2').style.display = 'none'; 
 document.getElementById('mainMenu3').style.display = 'none'; 
 document.getElementById('mainMenu4').style.display = 'none'; 
 document.getElementById('mainMenu5').style.display = 'none'; 
 document.getElementById('mainMenu6').style.display = 'none'; 
 story.closeAllTiddlers(); 
 story.displayTiddler(null,'简历');}"
>个人简介</a>

<a href="javascript:{ if (story)
 document.getElementById('mainMenu').style.display = 'none'; 
 document.getElementById('mainMenu2').style.display = 'block';
 document.getElementById('mainMenu3').style.display = 'none'; 
 document.getElementById('mainMenu4').style.display = 'none'; 
 document.getElementById('mainMenu5').style.display = 'none'; 
 document.getElementById('mainMenu6').style.display = 'none'; 
 story.closeAllTiddlers(); 
 story.displayTiddler(null,'博士课题');}"
>学术情况</a>

<a href="javascript:{ if (story)
 document.getElementById('mainMenu').style.display = 'none'; 
 document.getElementById('mainMenu2').style.display = 'none'; 
 document.getElementById('mainMenu3').style.display = 'block';
 document.getElementById('mainMenu4').style.display = 'none'; 
 document.getElementById('mainMenu5').style.display = 'none'; 
 document.getElementById('mainMenu6').style.display = 'none'; 
 story.closeAllTiddlers(); 
 story.displayTiddler(null,'兴趣爱好');}"
>生活情况</a>

<a href="javascript:{ if (story)
 document.getElementById('mainMenu').style.display = 'none'; 
 document.getElementById('mainMenu2').style.display = 'none'; 
 document.getElementById('mainMenu3').style.display = 'none'; 
 document.getElementById('mainMenu4').style.display = 'none';
 document.getElementById('mainMenu5').style.display = 'none'; 
 document.getElementById('mainMenu6').style.display = 'none'; 
 story.closeAllTiddlers(); 
 story.displayTiddler(null,'联系方式');}"
>联系方式</a>

<!--a href="javascript:{ if (story)
 document.getElementById('mainMenu').style.display = 'none'; 
 document.getElementById('mainMenu2').style.display = 'none'; 
 document.getElementById('mainMenu3').style.display = 'none'; 
 document.getElementById('mainMenu4').style.display = 'none'; 
 document.getElementById('mainMenu5').style.display = 'block';
 document.getElementById('mainMenu6').style.display = 'none'; 
 story.closeAllTiddlers(); 
 story.displayTiddler(null,'M5HomePage');}"
>联系方式</a -->

<!-- a href="javascript:{ if (story)
 document.getElementById('mainMenu').style.display = 'none'; 
 document.getElementById('mainMenu2').style.display = 'none'; 
 document.getElementById('mainMenu3').style.display = 'none'; 
 document.getElementById('mainMenu4').style.display = 'none'; 
 document.getElementById('mainMenu5').style.display = 'none';
 document.getElementById('mainMenu6').style.display = 'block'; 
 story.closeAllTiddlers(); 
 story.displayTiddler(null,'M6HomePage');}"
>TopMenu6</a -->

</html>
[[English|http://en.zhaoxin.cc]]
[[Français|http://fr.zhaoxin.cc]]


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<<newTiddler label:新增條目>><<saveChanges>>[[sys]]

MenuMore
<<tabs txtSysConfig 
功能選項面板 SideBarOptions SideBarOptions
條目管理面板 '所有條目分類管理顯示' SideBarTabs
>>
*SiteTitle：修改網站標題
*SiteSubtitle：修改網站副標
*MainMenu：修改主選單
*SideBarOptions：修改邊欄選單
*DefaultTiddlers：修改啟動顯示條目
----
*StyleSheet：全站樣式表
**ColorPalette
**StyleSheetColors
**StyleSheetLayout
**StyleSheetPrint
*PageTemplate：全站顯示時使用的模版
*EditTemplate：條目在編輯模式時使用的模版
*ViewTemplate：條目在顯示模式時使用的模版
----
*[[輸出文件]]

*电影，音乐
*摄影
*网球，游泳

''题目：'' 基于实时可变旅行时间的动态车辆路径问题

''概述：'' 车辆路径问题是交通运输系统及物流管理领域的一项重要课题。传统车辆路径问题的定义为：对一系列客户请求组织适当的行车路线，在满足一定的约束条件下，达到一定的目标。本课题更深入研究了在实时可变旅行时间及交通阻塞约束条件下的动态时间窗车辆路径问题。

''关键词：'' 车辆路径问题、依时性旅行时间、实时信息、遗传算法

''导师：'' 法国阿尔图瓦大学信息工程教授 Gilles GONCALVES
''副导师：'' 法国波尔多大学工业自动化教授 Rémy DUPAS

!主要学术组织：

''法国运筹学会会员''
ROADEF（Société Française de Recherche Opérationnelle et d'Aide à la Décision）

''法国运筹学会多目标数学规划研究组成员''
~PM2O（Groupe de Travail ROADEF sur la Programmation Mathématique ~MultiObjectif）

''法国运筹学会亚启发式算法研究组成员''
META (Théorie et applications des méta-heuristiques).

''法国国家科研中心动态系统建模、分析和控制研究组成员''
GDRMACS（Goupe de recherche “Modélisation, Analyse, Conduite des Systèmes dynamiques”）

!主要学术会议：

''参加法国运筹学会2007年年会，并应邀作学术报告''
（Conférence scientifique conjointe en Recherche Opérationnelle et Aide à la Décision 2007, du 10 au 23 février 2007, Grenoble, France）

''参加第七届IEEE国际人工智能会议''
（~IEEE-sponsored International Conference on Artificial Intelligence and Systems AIS’07, September 2-10, 2007, Divnomorskoye, Russe）

''参加第七届国际建模和仿真大会''
(7e Conférence Internationale de Modélisation et Simulation - MOSIM’08, du 31 mars au 2 avril 2008, Paris, France)

''参加第十六届IEEE控制和自动化会议''
（16th IEEE Mediterranean Conference on Control and Automation, MED'08，Ajaccio, France, June 25-27, 2008）

*''交通系统：''
城市项目管理，地理信息系统，生产建模和处理
*''物流系统：''
线性规划，Petri网，优化，供应链管理，企业资源规划
*''信息系统：''
系统建模和仿真，运筹学，统计学，决策支持，信息系统

''旅行足迹：''
<html>
<table bordercolor="ffffff" style="width:640px;"><tr><td align="center">

<table style="width:174px;"><tr><td align="center" style="height:174px;background:url(http://picasaweb.google.com/f/img/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/xin0001/clSdZB"><img src="http://lh5.google.com/xin0001/RzZOGfkKTkE/AAAAAAAAAOk/1DYHtLdSJyk/s160-c/clSdZB.jpg" width="140" height="140" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:12px"><a href="http://picasaweb.google.com/xin0001/clSdZB" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">图卢兹Toulouse</a></td></tr></table>
</td>
<td align="center">

<table style="width:174px;"><tr><td align="center" style="height:174px;background:url(http://picasaweb.google.com/f/img/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/xin0001/Carcassonne"><img src="http://lh6.google.com/xin0001/Rz80R5aEHLE/AAAAAAAAASA/Si9Dgr3Z7JE/s160-c/Carcassonne.jpg" width="140" height="140" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="http://picasaweb.google.com/xin0001/Carcassonne" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">卡卡松Carcassonne</a></td></tr></table>


</td>
<td align="center">

<table style="width:174px;"><tr><td align="center" style="height:174px;background:url(http://picasaweb.google.com/f/img/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/xin0001/Frankfurt"><img src="http://lh5.google.com/xin0001/R0BY802GCfE/AAAAAAAAAoo/sEYzMqHNcRM/s160-c/Frankfurt.jpg" width="140" height="140" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="http://picasaweb.google.com/xin0001/Frankfurt" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">法兰克福Frankfurt</a></td></tr></table>

</td>
</tr>
</table>
</html>
----
''活动专题''
<html>
<table bordercolor="ffffff" style="width:640px;"><tr><td align="center">

<table style="width:174px;"><tr><td align="center" style="height:174px;background:url(http://picasaweb.google.com/f/img/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/xin0001/07"><img src="http://lh6.google.com/xin0001/RzS7dPkKTIE/AAAAAAAAAG8/EesYjbaints/s160-c/07.jpg" width="140" height="140" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:12px"><a href="http://picasaweb.google.com/xin0001/07" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">07年国际乒联大奖赛<wbr></wbr>法国站</a></td></tr></table>
</td>
<td align="center">

</td>
<td align="center">

</td>
</tr>
</table>
</html>

看看

*''动态车辆路径问题：''遗传算法、神经网络、支持向量机模型
*''组合优化：''单目标与多目标启发式算法
*''物流及供应链：''调度问题、系统建模、Petri网
*''交通规划：''智能交通系统、交通流模型

!<html>
<img src="./images/DSCN0012_xin_min.jpg" align=right WIDTH="320" HEIGHT="239">
</html>基本信息
''姓名：''赵欣    
''国籍：''中国
''民族：''汉
''出生日期：''1979年1月5日 
''出生地：''湖北省武汉市
!学习经历：
*''2004年9月至今''	
博士在读：法国阿尔图瓦大学， 信息工程专业
				博士论文题目：基于实时可变旅行时间的动态车辆路径问题
*''2004年7月''	
获得硕士学位：法国阿尔图瓦大学，城市系统工程专业
				硕士论文题目：基于可变旅行时间的动态修理工问题
*''2001年6月''	
获得学士学位：中国华中科技大学，交通土建工程专业
				毕业设计题目：解放大道下延线道路设计
!工作经历：
*''2001年7月至2002年6月''	
中国交通部第二勘察设计研究院
						- 参与苏嘉杭高速公路的设计
						- 参与京珠高速公路的设计
						- 参与上海交通发展可行性研究
!实习经历：
*''2004年2月至2004年7月''	
硕士阶段实习
						法国阿尔图瓦大学信息工程和自动化实验室
*''2001年3月至2001年5月''	
本科阶段实习
						中国京珠高速公路湖北段工程指挥部
*''1999年至2001年''		      
暑期社会实践
				             武汉市建设委员会

[img[images\address\zipcode.gif]] ''通讯地址：''
M. ZHAO Xin
25 Rue Emile Zola
62660 Beuvry
France 

[img[images\address\tel.gif]] ''电话：''    +(33) 39 180 4530, +(33) 66 571 6258 (手机)
[img[images\address\fax.gif]] ''传真：''    +(33) 32 163 7170
[img[images\address\email.gif]] ''E-mail: ''  mail@zhaoxin.cc
[img[images\address\address.gif]] ''个人网站：''  http://zhaoxin.cc/

*''程序开发：''Java编程语言，Eclipse开发平台，Matlab等
*''系统建模：''UML语言，建模软件~WinDesign，优化软件~Xpress-MP等
*''地理信息系统：''~ArcGIS等
*''计算机辅助设计：''~AutoCAD，~PhotoShop等

''会议论文:''
#Zhao Xin, Dupas Rémy, Hsu Tienté et Goncalves Gilles, Tournées du réparateur avec temps de trajet dépendant du temps, Conférence scientifique conjointe en Recherche Opérationnelle et Aide à la Décision, du 20 au 23 février 2007, Grenoble, France
#X. Zhao, R. Dupas, T. Hsu and G. Goncalves, Repairman routing problem with time-dependent travel times, ~IEEE-sponsored International Conference on Artificial Intelligence and Systems AIS’07, from 2 to 10 September 2007, Divnomorskoye, Russe
#X. Zhao, R. Dupas, G. Goncalves et T. Hsu, Un problème de tournées de véhicules avec temps de trajet dépendant du temps, 7e Conférence Internationale de ~MOdélisation et ~SIMulation - MOSIM’08, du 31 mars au 2 avril 2008, Paris, France