��<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>'1#0AI' @ 5"#2"</TITLE> <META NAME="Generator" CONTENT=""> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <link rel="icon" type="image/x-icon" href="/img/fav.ico"> </HEAD> <style> body, html { margin:2% auto 1% auto; background-color:e5cfa4; text-color:black; } .head{ width:100%; height:100%; } .head img{ width:100%; } a{ color:black; text-decoration: none; } .menu{ position: absolute; top:15%; right:3%; width:20%; padding:2% 1% 3% 1%; background-color:rgba(0, 0, 0, 0.5); } mu{ width:95%; margin:auto; } mu img{ width:100%; } img:hover { background-color:rgba(200, 187, 162, 0.9); } .Btext{ margin:5% auto auto auto; padding:2%; text-align:center; width:85%; background-color:#efe2ca; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .textL{ width:35%; display: inline-block; background-color: white; border: 1px solid #e6d3b2; } .textL img{ width:100%; } .pic { text-align: center; padding: 10px 20px; } .textR{ width:50%; padding-left:2%; vertical-align:top; letter-spacing:0.3px; display: inline-block; text-align:left; line-height: 1.6; } .textH{ letter-spacing:0px; text-align:center; font-size:1.5em; } .textC{ margin:auto; width:75%; text-align:center; padding:1%; line-height: 1.7; } .textCR{ text-indent:7%; width:75%; margin:auto; letter-spacing:0.5px; text-align:justify; line-height: 1.7; } .Ftext{ margin:5% auto auto auto; text-align:center; background-color:#efe2ca; } .FtextL{ width:30%; margin:2%; vertical-align:top; display: inline-block; text-align:right; text-shadow: 0px 0px 1px #8d8d8d; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .FtextL img{ width:100%; } .FtextR{ width:30%; margin:2%; vertical-align:top; display: inline-block; text-align:left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .FtextR img{ max-width:100%; } .FtextLL{ width:46%; display: inline-block; } .FtextLL img{ width:100%; } .FtextRR{ text-indent:7%; width:50%; padding-left:1%; vertical-align:top; display: inline-block; text-align:left; text-shadow: 0px 0px 1px #8d8d8d; } div.FtextR:hover { opacity: .6; } div.FtextL:hover { opacity: .6; } .map{ margin:5% auto auto auto; padding:3%; background-color:#eadabd; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } h1 { font-size:30px; } </style> <BODY> <div class=body> <!-- <div class=head><img src=/img/head.jpg> --> <div class=head> <img src=/img/2566/head.jpg> <div class=menu> <mu> <a href=index.php><img src=/img/menu/1.png></a><br> <a href=museum.php><img src=img/menu/2.png></a><br> <a href=hall.php><img src=/img/menu/3.png></a><br> <img src=/img/menu/4.png><br> <a href=about.php><img src=img/menu/5.png></a> </mu> </div> </div> <div class=Btext> <div class=textH><br> 24##! '1#0AI'<br><br><br></div> <div class=textCR> *'!L5C+!H 2566<br> 5C+!H*H'2!*8 C+I1A%01 I'"4@!2#2#2 C+I!5'2!*8 * 7H*!+'1 '2!#1 '2!@!2 A*--22"'224C <br><br> *H'0DI*8* 7H*!+'1+#7-D!H1I "H-!@G D2!@+811" !5##!7-2##03@G I-AH%08% AI#4@#2'#3C@G%2 F "4I!#1DI1I*8 1I 8L #I-!@ 4  1I'A%0%-"H2-2+2  *8D!HAI8LD!H2'# D!H+'1H8L D!H+%*8 0@H20C+!H 5'43@4DI'"45H@G%2 1I!1H@+G 2!'2!@G#4 <br><br> ##!05C+!H 2 #0#9 *85 *8  *8# @I2-2'2* '1#0AI' </div> <div class=textC> <img src=/img/2566/3.jpg> <br><br> <img src=/img/2566/2.jpg> <br><br> </div> </div> </div> </div> </BODY> </HTML>