@charset "utf-8";
/* CJK Unified Ideographs U+4E00-U+9FFF */
@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體");
  /* no unicode-range; default to all characters */
}

@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體"), local("Microsoft JhengHei");
  unicode-range: U+4E00-9FFF;
}

/* Japanese Kana U+3040-U+30FF */
@font-face {
  font-family: MyCustomFont;
  src: local(Hiragino Kaku Gothic Pro), local(Meiryo);
  unicode-range: U+3040-30FF;
}

/* Bopomofo U+3105-U+312C */
@font-face {
  font-family: MyCustomFont;
  src: local("微軟正黑體"), local(Microsoft JhengHei);
  unicode-range: U+3105-312C;
}

/* Latin, Latin1, Latin Ext-A, Latin Ext-B */
@font-face {
  font-family: MyCustomFont;
  src: local(Arial);
  unicode-range: U+00-024F;
}

body {font-size: 16px; margin: 0px; font-family: MyCustomFont; line-height:1.0; background: #FFF;}

img{border:0;}
.no-boarder {display:inline;}
textarea {font-size: 24px; padding: 2px; color: #888;}
select {font-size: 24px; color: #888;}
input {font-size: 24px; padding: 1px; color: #888; border: 1px solid #AAA;}
a{outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}

a:link {color: #4DABE7; text-decoration: none;}
a:visited {color: #4DABE7; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

.pmlks{text-decoration: none; color: #707070;}
a.pmlks:link {color: #707070;}
a.pmlks:visited {color: #707070;}
a.pmlks:hover {text-decoration: none; color: #707070;}


#totalbox{width:800px; margin-left:auto; margin-right:auto;}

#menutopbox{width: 800px; height: 2500px; background: url(../images/menubkimg.png); position:absolute; overflow:hidden; z-index: 3;}
#menuttarea{width: 460px; height: 2500px; background: #841F27; position:absolute; z-index: 5;}
#menuclosearea{width: 800px; height: 2500px; position:absolute; z-index: 1;}
#menuonebox{width:460px; height: 64px; border-bottom: 2px solid #FFF;}
#menuoword1{width: 390px; height: 44px; padding: 20px 0px 0px 26px; font-size: 24px; color: #FFF; float:left;}
#menuoword2{width: 364px; height: 44px; padding: 20px 0px 0px 52px; font-size: 24px; color: #FFF; float:left;}
#menuoword3{width: 338px; height: 44px; padding: 20px 0px 0px 78px; font-size: 24px; color: #FFF; float:left;}
#menuofimg1{width: 26px; height: 26px; margin-top: 21px; background: url(../images/3img01.png) 0px 0px no-repeat; float:left;}
#menuofimg2{width: 26px; height: 26px; margin-top: 19px; background: url(../images/3img02.png) 0px 0px no-repeat; float:left;}

#header{width:794px; height: 112px; padding: 16px 0px 0px 6px; background: #841F27;}
#logo{width: 356px; height: 92px; float:left;}
#menubtn{width: 60px; height: 60px; margin-left: 348px; margin-top:13px; float:left;}

#company{width:800px; border-top: 1px solid #FFF;}

#center{width: 800px; padding: 30px 0px 30px 0px;}

#indexttbox{width: 760px; height: 33px; padding: 9px 0px 0px 0px; margin-left: 20px; font-size: 24px; color: #FFF; text-align:center; background: #354E71;}
#indeximgbox1{width: 774px; padding: 20px 0px 20px 0px; margin-left: 20px;}
#iimgls1{width: 258px; height: 364px; float:left;}

#iimglsbox2{width: 258px; height: 410px; float:left;}
#iimgls2{width: 244px; height: 192px;}
#ittls2{width: 244px; height: 38px; padding: 12px 0px 0px 0px; font-size: 24px; text-align:center; color: #E90202;}
#itxtls2{width: 244px; font-size: 20px; line-height:1.4;}

#infotxt1{width: 800px; height: 60px; font-size: 40px; text-align:center; font-weight:bolder;}
#infowobox1{width: 760px; padding: 20px 0px 20px 0px; margin-left: 20px; font-size: 20px; line-height:1.5;}

.borderall{border: 1px dashed #CCC;}

#infolinkbox1{width: 682px; height: 181px; margin-left: 39px; position:absolute; z-index: 1;}
#infolinkbox2{width: 224px; height: 384px; position:absolute; z-index: 1;}
#infolinkbox3{width: 224px; height: 264px; position:absolute; z-index: 1;}
#infolinkbox4{width: 224px; height: 359px; position:absolute; z-index: 1;}
#infolinkbox5{width: 335px; height: 221px; position:absolute; z-index: 1;}
#infolinkbox6{width: 224px; height: 346px; position:absolute; z-index: 1;}

#overdown{clear: both;}

#footer{width: 800px; padding: 50px 0px 50px 0px; background: #F0F0F0;}
#ftspace{width: 800px; height: 20px; background: #FFF;}

.wdbkinfo{background: #791313; color: #FFF;}

#infottbox{width: 660px; height: 33px; padding: 9px 0px 0px 0px; margin-left: 70px; font-size: 24px; color: #FFF; text-align:center; background: #F00;}

#fticonsls1{width: 400px; height: 50px; margin-left:auto; margin-right:auto; margin-bottom: 20px;}
#fticonsls2{width: 540px; height: 50px; margin-left:auto; margin-right:auto; margin-bottom: 40px;}
#ficon1{width: 50px; height: 50px; margin-right: 20px; float:left;}
#ficon2{width: 50px; height: 50px; float:left;}
#ftcontactus{width: 800px; font-size: 32px; color: #6C6C6C; text-align:center; line-height:1.5;}

#indeximgbox3{width: 780px; padding: 20px 0px 0px 0px; margin-left: 20px;}
#iimgls3{width: 390px; height: 350px; float:left;}

#iimgls4{width: 390px; height: 641px; float:left;}
