@charset "utf-8";
 body {background:#00005f url(../_img/bg.jpg?r=201708021117) top center no-repeat !important;margin:0;}/*調整背景*/
        #apkimg{position:absolute;}
        #apkimg>img{position:absolute;z-index:1;left:655px;padding-top:17px;display:block;}
        #dHeader{height: 342px;}
        #dSubHeader{height:341px;}
        #dTorso{height:342px;}
        #dFooter{height:342px;}
            #dSubFooter {
            height:341px;
             }
       #dSubFooter_2 {
                height: 342px;
            }
        #dHeader a {position: relative;top: 0px;left: 850px;width: 165px;height: 85px;float: left;}
        #dHeader a:hover {position: relative;top: 0px;left: 850px;width: 165px;height: 85px;float: left;}/*調整回首頁按鈕*/
        #dSubHeader a {position: relative;top: -342px;left: 688px;width: 165px;height: 85px;float: left;}
        #dSubHeader a:hover {position: relative;top: -342px;left:  688px;width: 165px;height: 85px;float: left;}/*調整fb按鈕*/
        #dLeft a {position: relative;/*top: 276px;*/left: 370px;width: 551px;height: 150px !important;float: left;}
        #dLeft a:hover {position: relative;/*top: 276px;*/left: 370px;width: 551px;height: 150px;float: left;}/*調整download按鈕*/
        #dLeft img{
            margin-left:408px;
            margin-top:-4px;
        }
        #dMiddle a {position: relative;top: 208px;left: 381px;width: 126px;height: 35px;float: left;}
        #dMiddle a:hover {position: relative;top: 208px;left: 381px;width: 126px;height: 36px;float: left;}/*調整iosdownload按鈕*/
        #dRight a {position: relative;top: 414px;left: -70px;width: 241px;height: 87px;float: left;}
        #dRight a:hover {position: relative;top: 414px;left: -70px;width: 248px;height: 97px;float: left;}/*調整andoriddownload按鈕*/
        /* 固定的部分 */
        div {display: block;}
        #topBG {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 719px;z-index: -10;}
        #dPageHolder {width: 1200px;height: auto;margin: 0 auto;}
        #dHeader, #dSubHeader, #dTorso, #dFooter, #dSubFooter, #dSubFooter_2 {width: 1200px;float: left;}
        #dHeader {
        text-align: center;
        background: url(../_img/1.jpg?r=20170904) top center no-repeat;
        }
        #dHeader a {
        display: block;
        background: url(../_img/bt_btn.png?r=201708021120) no-repeat;
        }
        #dHeader a:hover {
        display: block;
        background: url(../_img/bt_hover.png?r=201708021120) no-repeat;
        }
        #dHeader a {background-position: 0 0px;}
        #dHeader a:hover {background-position: 0 0px;}
        #dSubHeader {
        background: url(../_img/2.jpg?r=201708021120) top center no-repeat;
        }
        #dSubHeader a {
        display: block;
        background: url(../_img/fb_btn.png?r=201708021120) no-repeat;
        }
        #dSubHeader a:hover {
        display: block;
        background: url(../_img/fb_hover.png?r=201708021120) no-repeat;
        }
        #dSubHeader a {background-position: 0 0px;}
        #dSubHeader a:hover {background-position: 0 0px;}
            #dTorso {
                background: url(../_img/3.jpg?r=201708021120) top center no-repeat;
            }
            #dSubFooter_2 {
                background: url(../_img/6.jpg?r=201708021120);
            }
        #dLeft{float: left;position:relative;width:100%;overflow:hidden;height:189px;top:-22px;padding-top:47px;}
        #dLeft a {
        display: block;
        left:370px;
        background: url(../_img/download_btn.png?r=201708021120) no-repeat;
        position:absolute;
        width:551px;
        height:189px;
        }
        #dLeft a:hover {
        display: block;
        background: url(../_img/download_hover.png?r=201708021120) no-repeat;
        }
        #dLeft a {background-position: 0 0px;}
        #dLeft a:hover {background-position: 0 0px;}
        #dMiddle a {display: block;}
        #dMiddle a:hover {display: block;}
        #dMiddle a {background-position: 0 0px;}
        #dMiddle a:hover {background-position: 0 0px;}
        #dFooter {
                background: url(../_img/4.jpg?r=201708021120) top center no-repeat;
            }
        #dSubFooter {
                background: url(../_img/5.jpg?r=201708021347) top center no-repeat;
            }
        #QRcodeImg {position:relative;top:167px;left:290px;width:100px;}
        #qrcodeArea {position:absolute;top:50%;left:50%;width:578px;height:410px;margin:-205px 0 0 -289px;background:url("../_img/qrcodeAreaBG.png?r=20170824") center center no-repeat;display:none;z-index:9;}
        .qrcodeImg {position:relative;margin:48px 0 0 245px}
        .qrcodeImg ul li {display:block;float:left;padding:0px 20px;text-align:center; font-family:Arial;}
        .qrcodeImg img {width:100px; height:100px;border:0; float:left;display:block;}
        .qrcodeDownloadBtn a {position:relative;width:408px;height:108px;display:block;border:0;background:url("../_img/qrdownload_btn.png?r=20170927") top left no-repeat;cursor:pointer;margin:260px 0 0 90px}
        .qrcodeDownloadBtn a:hover {background:url("../_img/qrdownload_hover.png?r=20170927") top left no-repeat;}
        .closeBtn {position:absolute;top:13px;left:529px;display:block;z-index:9;width:30px;height:30px;background:url("../_img/closeBtn.png?r=201708021120") top left no-repeat;cursor:pointer;}
        #mask {top: 0;left: 0;width: 100%;height: 100%;position: fixed;background: #000;display: none;z-index: 2;zoom: 1;filter: alpha(opacity=50);opacity: 0.5;}
        #dLink {
        width: 100px;
        height: 50px;
        background: #000;
        }