/* CSS Document */

* {margin:0px;padding:0px;}

body{ font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei", sans-serif; color:#000000; font-size:12pt;}

a:hover{ text-decoration:underline;}

ul{ list-style:none; list-style-type:none;}

img{ border:0px;}


/*graduta   style*/

#main{ width:948px; margin:0 auto; }

.top{ width:948px; height:300px; margin:0 auto; }

.header, .footer{ background:#ffffff;}

.content{ width:100%; background:#f1ecd7 url(images/bg.gif); }


.in01{  margin:0px 30px 0px 30px; padding:0px 20px 5px 15px; line-height:16pt;border-bottom:1px #8F8F8F dashed;}
h2{ padding:7px 0px 7px 0px; color:#ffffff; font-size:12pt; letter-spacing:0em; margin:0 10px 7px 0; background:#1A6697;line-height:12pt; text-align:center; width:150px;}
ol li{ margin:0 30px 7px 40px;}
.in01 i { color:#E40C10; font-style:normal;}

.pic02{ width:948px; height:535px; position:relative;}
.mail{ width:700px; height:60px; position:absolute; bottom:5px; left:28px; line-height:22pt; color:#2C05ED;}





/*but01  but02 */
.but001{ width:132px; height:132px; position:absolute; right:211px; bottom:187px;}
.but001 a{width:132px; height:132px;background:url(images/slotbut.png) no-repeat;  }
.but001 a:hover{background:url(images/slotbut01.png) no-repeat;}
.but001 a:hover, .but001:hover{ bottom:180px;}

.but002{ width:143px; height:62px; position:absolute; right:29px; top:22px;}
.but002 a{width:143px; height:62px;background:url(images/but001.png) no-repeat;  }
.but002 a:hover{background:url(images/but001-2.png) no-repeat;}

.but001, .but001 a, .but001 a:hover, .but001:hover,
.but002, .but002 a, .but002 a:hover, .but002:hover
{cursor:pointer;display:block; text-indent:-5000px;}