﻿
        /* 需要修改的部分 */
        body {background: #2b0102 url(../_img/bg.jpg?r=20160926) top center no-repeat;} /*調整背景*/
		#dHeader,#dSubHeader,#dTorso,#dFooter,#dSubFooter{height:216px;} /*調整切圖高度*/
		#dHeader a{position:relative;top:0px;left:247px;width:152px;height:70px;float:left;
        }
        #dHeader a:hover{position:relative;top:0px;left:247px;width:152px;height:70px;float:left;
        } /*調整回首頁按鈕*/
		#dSubHeader a{position:relative;top:-216px;left:800px;width:152px;height:70px;float:left;
        }
        #dSubHeader a:hover{position:relative;top:-216px;left:800px;width:152px;height:70px;float:left;
        } /*調整fb按鈕*/
        #openBtn a, #openBtn a:hover{position:relative;top:445px;left:816px;width:237px;height:247px;
        } /*調整open按鈕*/
	    #clickmeBtn a, #clickmeBtn a:hover {position:relative;top:650px;left:235px;width:32px;height:20px;
	    }
		
		/* 固定的部分 */
		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{width:1200px;float:left;}
		#dHeader{text-align:center;background:url(../_img/1.jpg?r=20170111) top center no-repeat;}
			#dHeader a{display:block;background:url(../_img/bt_btn.png?r=20160926) no-repeat;}
            #dHeader a:hover {display: block;background: url(../_img/bt_hover.png?r=20160926) no-repeat;}
			#dHeader a{background-position:0 0px;}
			#dHeader a:hover{background-position:0 0;}
        #dSubHeader {
            background: url(../_img/2.jpg?r=20170111) top center no-repeat;
        }
		    #dSubHeader a{display:block;background:url(../_img/fb_btn.png?r=20160926) no-repeat;}
            #dSubHeader a:hover{display:block;background:url(../_img/fb_hover.png?r=20160926) no-repeat;}
			#dSubHeader a{background-position:0 0px;}
			#dSubHeader a:hover{background-position:0 0px;}
        #dTorso {
            background: url(../_img/3.jpg?r=20170111) top center no-repeat;
        }
			#dLeft, #dMiddle, #dRight{float:left;}
			#dMiddle{display:none;}
			#dRight{display:none;}
        #dFooter {
            background: url(../_img/4.jpg?r=20170111) top center no-repeat;
        }
        #dSubFooter {
            background: url(../_img/5.jpg?r=20190103) top center no-repeat;
        }

        #openBtn a, #openBtn a:hover {display:block;background:url(../_img/openBtn.gif?r=20170111) no-repeat;}
        #openBtn a, #openBtn a:hover{background-position:0 0;}

	        #clickmeBtn a, #clickmeBtn a:hover {display:block;}

        #popPrize {position:absolute;top:80px;left:50%; margin-left:-510px;z-index:9;width:1020px;height:780px;overflow-y:auto;display:none;}
	    .prize01, .prize02, .prize03, .prize04, .prize05, .prize06 {float:left;width:1000px;height:724px;}
        .prize03{height:723px}
	    #popCloseBtn {position:absolute;display:block;top:30px; right:22px; width:52px;height:52px;text-indent:-9999px;border:none;cursor:pointer;z-index:5;background:url(../_img/closeBtn2.png?r=20160926) top left no-repeat;}
	    #popmask {width: 100%;height: 100%;float: left;background-color:#000;filter: alpha(opacity=50);opacity: 0.5; position:fixed; z-index:1;top:0;left:0;display:none;}

        .scrollBarStyle::-webkit-scrollbar {
            width: 12px;
        }

        .scrollBarStyle::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
            border-radius: 10px;
        }

        .scrollBarStyle::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);
        }

        /*調整download按鈕*/
        #dLeft {
            float: left;
            position: relative;
            width: 70%;
            overflow: hidden;
            height: 189px;
        }

        #dLeft a {
            display: block;
            left: 370px;
            background: url(../_img/download_btn.png?r=201708181717) no-repeat;
            position: absolute;
            width: 455px;
            height: 189px;
            top: 60px;
        }

        #dLeft a:hover {
           display: block;
           background: url(../_img/download_hover.png?r=201708181431) no-repeat;
        }

        #QRcodeImg {
            position: relative;
        }

            #QRcodeImg img {
                width: 103px;
                height: 103px;
            }

        #qrcodeArea {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 578px;
            height: 410px;
            margin: -205px 0 0 -289px;
            background: url("../_img/qrcodeAreaBG.png?20171023") 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=20171024") top left no-repeat;
            cursor: pointer;
            margin: 260px 0 0 90px;
        }

            .qrcodeDownloadBtn a:hover {
                background: url("../_img/qrdownload_hover.png?r=20171024") top left no-repeat;
            }

        .closeBtn {
            position: absolute;
            top: 13px;
            left: 529px;
            display: block;
            z-index: 9;
            width: 30px;
            height: 30px;
            background: url("../_img/closeBtn2.png") top left no-repeat;
            cursor: pointer;
        }


        #qrcodeArea {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 578px;
            height: 410px;
            margin: -205px 0 0 -289px;
            background: url("../_img/qrcodeAreaBG.png") 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=20170505") top left no-repeat;
            cursor: pointer;
            margin: 260px 0 0 90px;
        }

            .qrcodeDownloadBtn a:hover {
                background: url("../_img/qrdownload_hover.png?r=20170505") 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?20170821") top left no-repeat;
            cursor: pointer;
        }

