@charset "utf-8";

/* == index.html ======================================================================= */
body{ font-family:"Arial"; font-size:13px; line-height:1.4em; -webkit-text-size-adjust:none; background:url(../../Resources/images/ipadBG.jpg) top center no-repeat #eee6d1; color:#D7D7D7;}
a{ color:#D7D7D7; text-decoration:none;}
a:hover{ color:#ffffff; text-decoration:underline;}
#OutBox{ width:100%; height:100%; position:relative;}
/*.indexFlash{width:100%; height:100%; min-width:990px; min-height:640px;}
.indexFlash embed{ width:100%; height:100%;}*/
#my_flash{ position:absolute; top:0; left:0; z-index:1;}

.indexBox{ width:100%; height:125px; background:url(../../Resources/images/PNGbk80.png); position:fixed ; bottom:0px; left:0px; z-index:99; padding-top:10px;}
*html .indexBox{ width:100%; height:125px; background:url(../../Resources/images/PNGbk80.png); position:absolute !Important; bottom:0px; left:0px; z-index:99; padding-top:10px;} 

.iBox{ width:1000px; height:110px; margin:0 auto; }
.iBox .logoBox{ float:left; width:240px; height:80px; padding-top:30px; border-right:1px #900 solid; margin-left:10px;}
.LOGO{display:block; width:200px; height:66px;}
.LOGO a{ background:url(../../Resources/images/LOGO.png) no-repeat; display:block; width:200px; height:66px; text-decoration:none;}
.LOGO span{ visibility:hidden;}

.iBox .menuBox{ float:left; width:200px; height:110px; border-right:1px #900 solid; margin-left:10px;}
.menuBox a{ display:block; width:60px; height:22px;  background:url(../../Resources/images/iten0.gif) top left no-repeat; padding-left:10px; margin-right:16px; float:left;}
.menuBox a:hover{ display:block; width:60px; height:22px; background:url(../../Resources/images/iten.gif) top left no-repeat; padding-left:10px; margin-right:16px; float:left;}
.menuBox li{ clear:both; display:block; width:200px; height:22px; line-height:22px;}
*html .menuBox a{ display:block; width:60px; height:18px;  background:url(../../Resources/images/iten0.gif) 0px -4px no-repeat; padding-left:10px; margin-right:16px; float:left;}
*html .menuBox a:hover{ display:block; width:60px; height:18px; background:url(../../Resources/images/iten.gif) 0px -4px no-repeat; padding-left:10px; margin-right:16px; float:left;}
*html .menuBox li{ clear:both; display:block; width:200px; height:18px; line-height:18px;}

.iBox .indexFooter{ float:left;width:200px; height:110px; border-right:1px #900 solid; line-height:1.6em; margin-left:10px;}
.iBox .indexFooterII{ float:left;width:200px; height:110px; border-right:1px #900 solid; line-height:1.6em; margin-left:10px;}
.indexFooter p{ margin-bottom:20px;}
.indexFooter a:hover{ color:#F60;}
.mainMenu2{ padding-top:10px;}
.mainMenu2 li{ float:left; margin-right:10px;}

a.gmap{ display:inline-block; padding:1px 3px; background:url(../../Resources/images/PNGbk80.png); font-size:11px;}

.gmap{ display:inline-block; vertical-align:bottom;}
.gmap span{ display:none;}
.gmap a{ display:block; width:50px; height:18px; background:url(../../Resources/images/zh-tw/map.gif);}

/*.iBox{ width:1000px; height:125px; margin:0 auto; position:relative;}
.logoBox{ width:200px; height:70px; position:absolute; top:30px; left:10px; z-index:99;}
.LOGO{display:block; width:200px; height:66px;}
.LOGO a{ background:url(../../Resources/images/LOGO.png) no-repeat; display:block; width:200px; height:66px; text-decoration:none;}
.LOGO span{ visibility:hidden;}

.iBox .menuBox{ width:200px; height:100px; position:absolute; top:0px; left:250px; z-index:999;}
.menuBox a{ display:block; width:60px; height:22px;  background:url(../../Resources/images/iten0.gif) top left no-repeat; padding-left:10px; margin-right:16px; float:left;}
.menuBox a:hover{ display:block; width:60px; height:22px; background:url(../../Resources/images/iten.gif) top left no-repeat; padding-left:10px; margin-right:16px; float:left;}
.menuBox li{ clear:both; display:block; width:200px; height:22px; line-height:22px;}
*html .menuBox a{ display:block; width:60px; height:18px;  background:url(../../Resources/images/iten0.gif) 0px -4px no-repeat; padding-left:10px; margin-right:16px; float:left;}
*html .menuBox a:hover{ display:block; width:60px; height:18px; background:url(../../Resources/images/iten.gif) 0px -4px no-repeat; padding-left:10px; margin-right:16px; float:left;}
*html .menuBox li{ clear:both; display:block; width:200px; height:18px; line-height:18px;}

.iBox .indexFooter{width:200px; height:100px; position:absolute; top:10px; left:480px; line-height:1.6em; z-index:999;}
.iBox .indexFooterII{width:200px; height:100px; position:absolute; top:10px; left:700px; line-height:1.6em; z-index:999;}
.indexFooter p{ margin-bottom:20px;}
.mainMenu2{ padding-top:10px;}
.mainMenu2 li{ float:left; margin-left:10px;}

/* ===================================================================================== */