<div id="rea" style="position:relative;left:0px;top:0px;width:652px;height:514px;background-color:#009900;overflow:hidden">
<style type="text/css"><!-- .wd {filter:glow(color=#9370DB,strength=3);width:100%;padding:10px;font-family:'標楷體';color:white;font-size:20pt;font-weight:bold;} .time {BEHAVIOR: url(#default#time2)} //--></style>
<?import namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" declareNamespace>
<div id="reb" style="LEFT: 8px; WIDTH: 636px; POSITION: absolute; TOP: 8px; HEIGHT: 498px; BACKGROUND-COLOR: #000000"></div>
<div id="rec" style="position:absolute;left:20px;top:20px;width:614px;height:474px;border:7px double #FFCCCC;background-color:#FFCCCC"></div>
<div id="red" style="position:absolute;left:27px;top:27px;width:600px;height:460px;overflow:hidden" class="time" begin="0">
<img id="reda" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_422789_1.jpg" style="position:absolute;left:0px;top:0px;width:600px;height:707px;Filter:Alpha(Opacity=100,FinishOpacity=0,style=1);" class="time" begin="red.begin" />
<t:transitionFilter id="rem11" targetElement="ra" type="progid:DXImageTransform.Microsoft.Pixelate(sProperties)" mode="in" begin="rea.begin" dur="1" autoreverse="false" repeatcount="1" />
<t:animate id="redm12" targetElement="reda" attributeName="width" from="600" to="390" begin="reda.begin+2" dur="3" fill="hold" />
<t:animate id="redm13" targetElement="reda" attributeName="height" from="707" to="460" begin="reda.begin+2" dur="3" fill="hold" />
</div>
<div id="ren" style="position:absolute;left:27px;top:300px;width:600px;height:200px;Filter:Alpha(style=2);overflow:hidden" class="time" begin="6">
<div id="rew" style="position:absolute;left:0px;top:0px;width:300px;height:200px;overflow:hidden" class="time" begin="6">
<img id="rewa" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424200_1.jpg" style="position:absolute;left:0px;top:0px;width:300px;height:200px" class="time" begin="rew.begin" dur="10"/>
<img id="rewb" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424200_1.jpg" style="position:absolute;left:300px;top:0px;width:300px;height:200px;Filter:FlipH" class="time" begin="rew.begin" />
<img id="rewc" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424200_1.jpg" style="position:absolute;left:300px;top:0px;width:300px;height:200px" class="time" begin="rew.begin+10" />
</div>
<t:animateMotion id="rewm11" targetElement="rewa" from="0,0" to="-300,0" begin="rewa.begin" dur="10" autoreverse="false" repeatcount="1"/>
<t:animateMotion id="rewm12" targetElement="rewb" from="0,0" to="-600,0" begin="rewb.begin" dur="20" autoreverse="false" repeatcount="indefinite"/>
<t:animateMotion id="rewm13" targetElement="rewc" from="0,0" to="-600,0" begin="rewc.begin" dur="20" autoreverse="false" repeatcount="indefinite"/>
<div id="rev" style="position:absolute;left:300px;top:0px;width:300px;height:200px;overflow:hidden" class="time" begin="6">
<img id="reva" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424200_1.jpg" style="position:absolute;left:0px;top:0px;width:300px;height:200px;Filter:FlipH" class="time" begin="rev.begin" dur="10"/>
<img id="revb" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424200_1.jpg" style="position:absolute;left:-300px;top:0px;width:300px;height:200px" class="time" begin="rev.begin" />
<img id="revc" src="https://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424200_1.jpg" style="position:absolute;left:-300px;top:0px;width:300px;height:200px;Filter:FlipH" class="time" begin="rev.begin+10" />
</div>
<t:animateMotion id="revm11" targetElement="reva" from="0,0" to="300,0" begin="reva.begin" dur="10" autoreverse="false" repeatcount="1"/>
<t:animateMotion id="revm12" targetElement="revb" from="0,0" to="600,0" begin="revb.begin" dur="20" autoreverse="false" repeatcount="indefinite"/>
<t:animateMotion id="revm13" targetElement="revc" from="0,0" to="600,0" begin="revc.begin" dur="20" autoreverse="false" repeatcount="indefinite"/>
</div>
<div id="rek" style="position:absolute;left:360px;top:48px;width:250px;height:260px;overflow:hidden" class="time" begin="6">
<span id="reka" style="position:absolute;left:0px;top:0px;width:270px;height:480px;" class="time" begin="rek.begin" dur="56"><font style="Filter:glow(color=#990000,strength=3);width:100%;padding:10px;font-family:'標楷體';color:white;font-size:16pt;font-weight:bold;line-height:150%;"><p>幽思獨坐窗欞畔 ...<br />繁星斗斗恰似僂 ...<br />霪雨霏霏知我薨 ...<br />棄管悠游冥思中 ...<br />欲書無言總成匆 ...<br />獨身穿梭誰知蹤 ...</p><p>雨水交融若龍鳳 ...<br />婆娑揮灑孤影中 ...<br />天地悠悠無所終 ...<br />謂之吾身何以從 ...<br />亭榭樓閣俱寥寂 ...<br />豈耐此身若寒秋 ...</p><p>........冬 雨</p></font></span>
<span id="rekb" style="position:absolute;left:0px;top:260px;width:270px;height:480px;" class="time" begin="rek.begin+56"><font style="Filter:glow(color=#990000,strength=3);width:100%;padding:10px;font-family:'標楷體';color:white;font-size:16pt;font-weight:bold;line-height:150%;"><p>幽思獨坐窗欞畔 ...<br />繁星斗斗恰似僂 ...<br />霪雨霏霏知我薨 ...<br />棄管悠游冥思中 ...<br />欲書無言總成匆 ...<br />獨身穿梭誰知蹤 ...</p><p>雨水交融若龍鳳 ...<br />婆娑揮灑孤影中 ...<br />天地悠悠無所終 ...<br />謂之吾身何以從 ...<br />亭榭樓閣俱寥寂 ...<br />豈耐此身若寒秋 ...</p><p>........冬 雨</p></font></span>
</div>
<t:transitionFilter id="rekm11" targetElement="reka" type="barWipe" subtype="TopToBottom" mode="in" begin="reka.begin" dur="36" autoreverse="false" repeatcount="1"/>
<t:animateMotion id="rekm12" targetElement="reka" from="0,0" to="0,-480" begin="reka.begin+20" dur="36" autoreverse="false" repeatCount="1" fill="hold"/>
<t:animateMotion id="rekm13" targetElement="rekb" from="0,0" to="0,-740" begin="rekb.begin" dur="56" autoreverse="false" repeatCount="indefinite" fill="hold"/>
</div>