body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "新細明體", "細明體",Arial, Helvetica, sans-serif;
	background-color:#ffdff0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    color: #333333;
    font-size: 16px;   
	}

#it243 .BLANK{ width:100%; height:20px;}	
#it243 .BLANK02{ width:100%; height:10px;}
/*免費頁文字上下間距*/
#it243 .BLANK_FREE{width: 100%;height: 15px;}
/*內頁文字上下間距*/
#it243 .pq_TXT3 + .pq_TXT3 {margin-top: 15px;}


#it243-wrapper .PC #float_icon,
.MOBILE #it243-wrapper .M_none,.MOBILE #watermark-wrapper {
    display: none;}

#it243 a{cursor: pointer;}
#it243 img{width: 100%;margin: auto;}

/*-  維納斯陣 ----------- */
    #it243 .ARRAY_WRAPPER{
        border: none;
        height: auto;
        overflow: hidden;
        }    
        .PC #it243 .ARRAY_WRAPPER{
        width: 600px;
        margin: 8px auto;
        }
        .MOBILE #it243 .ARRAY_WRAPPER{
            width: 100%;
            margin: 16px auto 0 auto;
        }
         #it243 .ARRAY{
            width: 100%;
            height: 0;
            padding-bottom: 100%; 
            background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/tarot/bg.jpg); 
            background-size: cover;       
            overflow: hidden;        
            position: relative;
            text-indent: -9999px;
            background-repeat: no-repeat;
        }
        /*卡牌大小*/
        .PC #it243 .CARD_BG{width: 24%;}
        .PC #it243 .ARRAY_WRAPPER .ARRAY .CARD{width: 50%;height: auto;}
        .MOBILE #it243 .CARD_BG{width: 20%;}    
        .MOBILE #it243 .ARRAY_WRAPPER .ARRAY .CARD{width: 67%;height: auto;}
        #it243 .ARRAY_WRAPPER .ARRAY .CARD > img{display:block;width: 100%;height: auto;}
        /*卡牌大小*/
        /*卡牌陰影*/
        #it243 .ARRAY_WRAPPER .ARRAY .CARD_OFF{box-shadow:0 0 4px 2px rgba(255,246,238,0.8);}
        #it243 .ARRAY_WRAPPER .ARRAY .CARD_ON{box-shadow:0 0 4px 2px rgba(255, 140, 0, 0.5)}
        /*卡牌陰影*/
        /*卡牌位置*/
        #it243 .CARD_BG{height: auto;position: absolute;}
        .PC #it243 .CARD_BG.NO-01{left: 22%;top: 20%;}
        .PC #it243 .CARD_BG.NO-02{right: 10%;top: 20%;}
        .PC #it243 .CARD_BG.NO-03{right: 32%;top: 6%;}
        .PC #it243 .CARD_BG.NO-04{right: 32%;top: 30%;}
        .PC #it243 .CARD_BG.NO-05{right: 32%;bottom: 28%;}
        .PC #it243 .CARD_BG.NO-06{right: 32%;bottom: 6%;}
        .PC #it243 .CARD_BG.NO-07{left: 22%;bottom: 28%;}
        .PC #it243 .CARD_BG.NO-08{right: 10%;bottom: 28%;}
        .PC #it243 .CARD_BG.NO-09{right: 38%;bottom: 20%;transform: rotate(90deg);}
        
        .MOBILE #it243 .CARD_BG.NO-01{left: 20%;top: 20%;}
        .MOBILE #it243 .CARD_BG.NO-02{right: 10%;top: 20%;}
        .MOBILE #it243 .CARD_BG.NO-03{right: 35%;top: 5%;}
        .MOBILE #it243 .CARD_BG.NO-04{right: 35%;top: 28%;}
        .MOBILE #it243 .CARD_BG.NO-05{right: 35%;bottom: 27%;}
        .MOBILE #it243 .CARD_BG.NO-06{right: 35%;bottom: 4.5%;}
        .MOBILE #it243 .CARD_BG.NO-07{left: 20%;bottom: 27%;}
        .MOBILE #it243 .CARD_BG.NO-08{right: 10%;bottom: 27%;}
        .MOBILE #it243 .CARD_BG.NO-09{right: 38.3%;bottom: 22%;transform: rotate(90deg);}
    /*卡牌位置*/
/*-  維納斯陣 ----------- */

/*-  靈擺動畫 ----------- */
    /*提醒*/
    #it243 .ANI_NOTICE{
        display: block;
        position: absolute;
        top: 24%;
        left: 0%;
        z-index: 999;
        background-color: #6a6a6a7a;
        padding: 20px 0;
        width: 100%;
        }
        .MOBILE #it243 .ANI_NOTICE{top: 5.5%;}
        #it243 .ANI_NOTICE p{
            font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
            color: #ffffff;
            display: block;
            font-size: 20px;
            line-height: 1.5;
            padding: 0 8%;
            margin: 0 auto;
            text-shadow: 0 0 0.2em #333, 0 0 0.2em #333, 0 0 0.2em #333, 0 0 0.2em #333;
        }
    /*提醒*/
    #it243 .MAGIC_BALL{
        width:100%;
        height: 0;
        padding-bottom: 75%;
        margin: 0 auto;
        background-size: cover;
        background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/bg01.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        position: relative;}

    #it243 .MAGIC_BALL_B{
        width:100%;
        height: 0;
        padding-bottom: 75%;
        margin: 0 auto;
        background-size: cover;
        background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/bg02.jpg);    
        background-repeat: no-repeat;
        background-position: top center;
        position: relative;
        }

    #it243 .MAGIC_STONE{
        width:60px;
        height: 180px;
        background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/stone_s.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        position: absolute;
        left: 45%;
        top: 8%;
        animation: stone 2s 1s infinite;}
        @keyframes stone {
            0% { transform: brightness(0%);}
            25% { transform: brightness(0%); 
	-webkit-filter: brightness(110%); /* Safari */
	filter: brightness(110%);}
            50% { transform: brightness(0%);}
            75% { transform: brightness(0%); }
            100% { transform:brightness(0%); }
        }
        #it243 .MAGIC_STONE_B{
            width:70px;
            height: 280px;
            margin: 0 auto;
            background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/stone_b.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            position: absolute;
            left: 45%;
            top: 5%;
            z-index: 3;
            -webkit-transform-origin: top center;
            }
        #it243 .MAGIC_STONE_M{
            width:70px;
            height: 280px;
            margin: 0 auto;
            background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/stone_b.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: top center;
            position: absolute;
            left: 45%;
            top: 5%;
            z-index: 3;
            -webkit-transform-origin: top center;
            animation: stonem 2s 1s infinite;}
        @keyframes stonem {
            0% {-webkit-transform: rotate(15deg);}
            50% {-webkit-transform: rotate(-15deg);}
            100% {-webkit-transform: rotate(15deg);}
        }

    #it243 .MAGIC_TXT{
        width:500px;
        height: 60px;
        background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/t01.png);
        background-size: cover;
        position: absolute;
        left: 8%;
        top: 33%;
        z-index: 2;
    }

    #it243 .pq_BT_FREE1{
        position: absolute;
        background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/bt.png);
        left: 26%;
        top: 50%;
        z-index: 2;
    }
    #it243 .ph_HAND,#it243 .ph_HAND img{
        position: absolute;
        width: 48%;
        height: auto;
        top: 50%;
        left: 50%;
        z-index: 1;
        margin: 0px;
        }   
    #it243 .YESNO{
        width:350px;
        height: 88px;
        position: absolute;
        background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/animate_images/yesno.png);
        left: 20%;
        bottom: 15%;
    }
    .MOBILE #it243 .MAGIC_STONE{
        width:8vw;
        height: 25vw;}
    .MOBILE #it243 .MAGIC_TXT{
        width:85%;
        height: 0;
        padding-bottom: 10%;}
    .MOBILE #it243 .MAGIC_BALL a.pq_BT_FREE1{
        width: 50%;
        height: 0;
        padding-bottom: 12%;
        background-size: cover;}
    .MOBILE #it243 .MAGIC_STONE_B,.MOBILE #it243 .MAGIC_STONE_M{
        width:9vw;
        height: 36vw;}
    .MOBILE #it243 .YESNO{
        width:60%;
        height: 0;
        padding-bottom: 15%;
        background-size: cover;}
/*-  靈擺動畫 ----------- */


/*- 共用 背景及標題 -----------*/
#it243 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-repeat: no-repeat,repeat;
    background-position: top center;
    background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/bg.jpg);
    background-attachment: fixed;
    transform: scale(1);
    }
    .MOBILE #it243{
        background-size: 246% auto;
        background-position-y: 48px;
        margin-top: 45px;
    }
#it243 h1{
    position:relative;
    width: 750px;
    height: 170px;
    margin:0 auto;
    background-image:url(https://imgs.click108.com.tw/unit001/item00243/images/title.png);
    background-position: top center;
    background-repeat:no-repeat;
    background-size: 100% auto;
    text-indent:-9999px;
    left: 0px;
    top: 30px;
    z-index: 5;
    }
    .MOBILE #it243 h1{
        width: 100%;
        height: 0px;
        overflow: hidden;
        background-size: contain;
        padding-bottom: 24%;   
        top: 60px;
    }
/*- 共用 背景及標題 -----------*/

/*- 共用 框架設定 -----------*/
    #it243 .CONTENT{
        width: 750px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/con_bg.jpg);
        background-size: 100% auto;
        }
        .MOBILE #it243 .CONTENT{width: 100%;}
        #it243 .CONTENT .CONTENT_top img, #it243 .CONTENT .CONTENT_foot img{
            display: block;
            width: 100%;
            height: 41px;
            margin: auto;
        }
        .MOBILE  #it243 .CONTENT .CONTENT_top img,.MOBILE #it243 .CONTENT .CONTENT_foot img{
            height: auto;
        }

    #it243 .CON_BOX {
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        width: 670px;}
        .MOBILE #it243 .CON_BOX {
            /*max-width: 650px;*/
            width: 100%;
            padding: 0% 5%;
        }

        /*雙欄文字內容框+塔羅牌*/
        #it243 .pq_REBG{
            background-size: 100% auto;
        }
        .PC #it243 .pq_TAROT_COM,
        .PC #it243 .pq_RECOM_BOX {
            padding: 16px 12px 0 12px;
        }
        .MOBILE  #it243 .pq_TAROT_COM {
            width: 88%;
        }
        #it243 .pq_TAROT_COM .TAROT_BOX{
            display: flex;
            text-align: center;
            justify-content: flex-start;
            flex-direction: column;
            align-content: center;
            width: 230px;
        }
        .MOBILE #it243 .pq_TAROT_COM .TAROT_BOX{margin: 0 auto;}
        #it243 .pq_TAROT_COM.pq_TAROT_COM .CARD{
            border: 1px solid #d3dfac; 
            margin: 0 auto;
            width: 200px;
            height: 329px;
            }
            .MOBILE #it243 .pq_TAROT_COM .CARD {
	width: 180px;
	height: auto;
            }
         #it243 .pq_TAROT_COM .CARD_TEXT {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            flex-flow: column;
            width: 380px;
            padding: 0 0 0 2%;
            } 
            .MOBILE #it243 .pq_TAROT_COM .CARD_TEXT{
	width: 100%;
	padding: 0;
            }

            /*無名稱文字*/
	#it243 .pq_TAROT_COM.PC_column .CARD_NAME_NONE,
	.MOBILE #it243 .CARD_NAME_NONE{height: 12px;}
            /*無名稱文字*/
        /*特殊擺法-PC*/
        #it243 .pq_TAROT_COM.PC_column{
            flex-flow: column;
            align-items: center;
        }
        #it243 .pq_TAROT_COM.PC_column .CARD_TEXT{width: 100%;}
        /*特殊擺法-PC*/
        /*雙欄文字內容框+塔羅牌*/
/*- 共用 框架設定 -----------*/

/*- 輸入頁 -----------*/
    /* 輸入頁-視覺設定 */
    #it243 .TOP_BG_O,#it243 .TOP{
        width: 100%;
        height: 625px;/*視覺高度*/
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        }
        .MOBILE #it243 .TOP_BG_O,.MOBILE #it243 .TOP{
            width: 100%;
            height: 0;
            padding-bottom: 108%;/*視覺高度*/
        }

        @media screen and (min-width:568px){/*for橫螢幕*/
            .MOBILE #it243 .TOP_BG_O,
            .MOBILE #it243 .TOP{
	 padding-bottom: 80%;/*視覺高度*/
             }
        }
        @media screen and (max-width:769px){/*IPAD*/
            #it243 .TOP_BG_O{
	left: 50%;
	transform: translate(-50%, 0);
            }
        }
    /* 輸入頁-視覺設定 */

    /* 輸入頁-配圖 */
    #it243 .input_MIDDLE_BOX{
	display: block;
	position: absolute;
	width: 400px;
	height: 400px;
	top: 48%;
	left: 50%;
        transform: translate(-50%, -32%);
        }
        .MOBILE #it243 .input_MIDDLE_BOX{
            height: 200px;
        }
        #it243 .input_MIDDLE_BOX .input_lighten{
	display: block;
            position: absolute;
            background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/input_lighten.png);
            background-position: top center;
            background-repeat: no-repeat;
            width: 399px;
            height: 339px; 
            top: -20px;
            background-size: cover;
            animation-duration: 3s;
            animation-name: flash;
            animation-iteration-count: infinite;
            animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
            }
            .MOBILE #it243 .input_MIDDLE_BOX .input_lighten{
	width: 100%;
	height: 0;
	padding-bottom: 32%;
            }

        #it243 .input_MIDDLE_BOX .input_goddness{
            display: block;
            position: relative;
            background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/input_goddness.png);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: contain;
            width: 381px;
            height: 394px; 
            margin: 0 auto;
            }
            .MOBILE #it243 .input_MIDDLE_BOX .input_goddness{
	width: 100%;
	height: 0;
	padding-bottom: 64%;
            }

        #it243 .input_MIDDLE_BOX .pendulum{
            display: block;
            position: absolute;
            top: 42%;
            left: 186px;
            width: 36px;
            }
            .MOBILE #it243 .input_MIDDLE_BOX .pendulum{
	left: 190px;
	width: 24px;
	top: 50%;
            }
	#it243 .input_MIDDLE_BOX .pendulum img{
	    animation-duration: 2.5s;
	animation-delay:0s;
	    animation-name: swing;
		transform-origin: top center;
	    animation-iteration-count:infinite;
	    animation-timing-function: linear;
	    position: relative;    
	}
    #it243 .TOP .input_card{
        position: relative;
        width: 100%;
        height: 498px;
        background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/input_card.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: auto;
         background-position-y: 90px;
        margin: 0 auto;
        }
        .MOBILE #it243 .TOP .input_card{
            height: 0;
            padding-bottom: 84%;
            background-size: 128% auto;
            background-position-y: 158px;
        }
    #it243 .TOP .input_text{
        position: absolute;
        width: 750px;
        height: 162px;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        }
        .MOBILE #it243 .TOP .input_text{
            width: 110%;
            height: 0;
            padding-bottom: 24%;
        }
        @media screen and (min-width:568px){/*for橫螢幕*/
            .MOBILE #it243 .input_MIDDLE_BOX .input_goddness{
	height: 44vw;
	padding-bottom: 0;
            }
            .MOBILE #it243 .input_MIDDLE_BOX .pendulum{top: 18vw;width: 4vw;}
            .MOBILE #it243 .TOP .input_text{
	width: 100%;
	height: 0;
	padding-bottom: 20%;
            }
        }
    /* 輸入頁-配圖 */

    /* 輸入頁-服務內容 及 輸入資料 */
        /*LIST區塊-大標*/
        .MOBILE #it243 .pq_INPUT_BOX2 .pq_INBAR{
            height: 55px;
            line-height: 55px;
            border-bottom: none;
            border-top: none;
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
            font-size: 1.3em;
            font-weight: bold;
        }
            @media screen and (min-width:568px){/*for橫螢幕*/
	.MOBILE #it243 .pq_INPUT_BOX2 .pq_INBAR{
	    height: 88px;
	    line-height: 88px;
	}
            }
        /*LIST區塊-更換icon*/
        #it243 .pq_LIST_ICON li{
	background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/input_list_icon.png);
        }
        /*輸入資料*/
        #it243 .INPUT_DATA_BOX {
            width: 100%;
            padding: 2% 4% 4% 4%;
            margin-top: 15px;
            margin-bottom: 20px;
            overflow: hidden;
            background-color: #fff6e2;
            border-radius: 8px;
            }
            #it243 .INPUT_DATA_BOX  .pq_ADT3{clear:both;text-align: center}
        /*跑馬燈及輪播區*/
        #it243 .CON_BOX_BG02 {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
            border: 1px solid #f13e96;
	}
	#it243 .CON_BOX_BG02 .BOX_INSET {/*內縮*/
	    width: 90%;
	    height: auto;
	    clear: both;
	    overflow: hidden;
	    margin: 0 auto;
	    margin: 10px auto;
	}
	#it243 .CON_BOX_BAR02 {
	    width: 100%;
	    height: 60px;
	    margin: 0 auto;
	    background-color: #f13e96;
	}
	#it243 .CON_BOX_BAR02 p {
	    font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
	    font-size: 1.6rem;
	    line-height: 60px;
	    color: #fff;
	    font-weight: bold;
	    text-align: center;
	}
    /* 輸入頁-服務內容 及 輸入資料 */

    /* 輸入頁-動畫設定 */
        /*閃爍光*/
        @keyframes flash {
	0%{
		opacity: 0.2;
	}
	25%{
		opacity: 1;
	}
	50%{
		opacity: 0.4;
	}
	75%{
		opacity: 1;
	}
	100%{
		opacity: 0.5;
	}
        }
        /*閃爍光*/

        /*鐘擺移動*/
        @keyframes swing {
	0%{
		transform:rotate(0deg);
	}
            20%{
	transform:rotate(20deg);
            }
	50%{
		transform:rotate(0deg);
	}
            75%{
	transform:rotate(-20deg);
            }
	100%{
		transform:rotate(0deg);
	}
        }
        /*鐘擺移動*/
    /* 輸入頁-動畫設定 */
/*- 輸入頁 -----------*/

/*- 共用 內頁視覺 -----------*/
    /* 視覺設定 */
    #it243 .RE_TOP_BG_O,#it243 .RE_TOP{
        width: 100%;
        height: 220px;/*視覺高度*/
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        }
        .MOBILE #it243 .RE_TOP_BG_O,.MOBILE #it243 .RE_TOP{
            width: 100%;
            height: 0;
            padding-bottom: 40%;/*視覺高度*/
        }
    .PC #it243 .RE_TOP{ width: 750px;}
    .MOBILE #it243 .RE_TOP{ width: 100%;}

    @media screen and (min-width:568px){/*for橫螢幕*/
        .MOBILE #it243 .RE_TOP_BG_O,
        .MOBILE #it243 .RE_TOP{
             padding-bottom: 32%;}
    }
    @media screen and (max-width:769px){/*IPAD*/
        #it243 .RE_TOP_BG_O{
            left: 50%;
            transform: translate(-50%, 0);}
    }
    /* 視覺設定 */

    /* 標題配圖 */
    #it243 .RE_middle_box{
    display: block;
    position: absolute;
    top: -14px;
    right: 200px;
    z-index: 20;
        }
        .MOBILE #it243 .RE_middle_box{
        height: 96px;
        top: 36px;
        right: 26vw;
        }
    #it243 .RE_middle_box .pendulum{
        display: block;
        width: 36px;
        /*animation: stone 2s 1s infinite;*/
        }
        .MOBILE #it243 .RE_middle_box .pendulum{
            width: 20px;
        }    
    @media screen and (min-width:568px){/*for橫螢幕*/
        .MOBILE #it243 .RE_middle_box .pendulum{width:4.5vw;}
    }
    /* 標題配圖 */ 
/*- 共用 內頁視覺 -----------*/

/*- 結果頁 -----------*/
    /* 個人資料 */
    #it243 .TAROT_INFOR_BOX{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        box-shadow: inset 0 0 0 8px #ffd14b;
        border: 8px solid #573116;
        background-color: #ffffff;
        height: 70px;}
        .MOBILE #it243 .TAROT_INFOR_BOX{height: 100%;}
    #it243 .TAROT_INFOR_BOX .TAROT_INFOR{
        width: 100%;
        margin: 0 auto;
        color: #333; 
        font-weight: bold;
        position: relative;  
        height: 40px;}
        .MOBILE #it243 .TAROT_INFOR_BOX .TAROT_INFOR{height: 100%;padding: 2% 0;}
        #it243 ul.pq_INFOR1 li{padding: 0;}
    /* 個人資料 */

    /* 前言 */
    #it243 .GUIDE {
        display: block;
        width: 92%;
        height: auto;
        overflow: hidden;
        margin: 20px auto 0 auto;
        }
        #it243 .GUIDE ul{
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .MOBILE #it243 .GUIDE ul{flex-direction: column;}
    #it243 .GUIDE li{width: 100%;}
    #it243 .GUIDE ul .PH{
        max-width: 36%;
        margin-right: 4%;
        }
        .MOBILE #it243 .GUIDE ul .PH{
            max-width: 60%;
            margin-right: 0%;
        }
    /* 前言 */

    /*配圖*/
    #it243 .PH_BOX{
        width: 200px;
        height: auto;
        margin: 0 auto 20px auto;
    }
    /*配圖*/

    /*裝飾框*/
    #it243 .DECO_BOX{
        display: flex;
        margin: 12px auto;
        justify-content: center;
        align-items: center;        
        width: 70%;
        }
        .MOBILE #it243 .DECO_BOX{width: 100%;}
        #it243 .DECO_BOX .DECO_LINE img:nth-of-type(2){
            transform: rotate(180deg);
        }
        #it243 .DECO_BOX .DECO_LINE p{
            text-align: center;
            font-weight: bold;
            font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
            font-size: 1.3rem;
            line-height: 1.5rem;
        }
    /*裝飾框*/

    /*裝飾框-好感度*/
    #it243 .favorate_rate{
        background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/result/favorate_rate.jpg);
        width: 100%;
        height: 0;
        padding-bottom: 33.5%;
        margin: 0 auto;
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #it243 .favorate_rate p{
        font-family: "微軟正黑體", "Microsoft JhengHei", "sans-serif", Helvetica, Arial;        
        text-align: center;
        line-height: 80px;
        padding-top: 50px;
        font-size: 36px;
        font-weight: bold;
        text-decoration: none;
        color: #333333;
        text-shadow: 0 0 0.2em #fff6e2, 0 0 0.2em #fff6e2, 0 0 0.2em #fff6e2;
        }
        .MOBILE #it243 .favorate_rate p{
            padding-top: 8vw;
            font-size: 32px;
        }
        @media screen and (min-width:568px){/*for橫螢幕*/
            .MOBILE #it243 .favorate_rate p{
	padding-top: 12.5vw;
	font-size: 3.5rem;
             }
        }
    /*裝飾框-好感度*/

    /*裝飾框-愛情機率*/
    #it243 .DECO_BOX-love_rate{
        display: flex;
        margin: 12px auto;
        justify-content: center;
        align-items: center;        
        width: 100%;
        }
        #it243 .love_rate{
            background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/result/love_rate.jpg);
            margin: 0 auto;
            background-size: 100% auto;
            background-position: top center;
            background-repeat: no-repeat;
            position: relative;
            width: 530px;
            height: 200px;
            }
            .MOBILE  #it243 .love_rate{
	width: 100%;
	height: 130px;
            }
            #it243 .love_rate p{
	position: absolute;
	left: 58%;
	line-height: 40px;        
	font-family: 微軟正黑體, "Microsoft JhengHei", "sans-serif", Helvetica, Arial;
	font-weight: bold;
	color: #864ebf;
	text-decoration: none;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
	font-size: 50px;padding-top: 16%;
	}
	.MOBILE #it243 .love_rate p{font-size: 32px;padding-top: 11.5vw;}
	
	@media screen and (min-width:568px){/*for橫螢幕*/
	    .MOBILE  #it243 .love_rate{width: 530px;height: 200px;}
	    .MOBILE #it243 .love_rate p{font-size: 50px;padding-top: 16%;} 
	}
    /*裝飾框-愛情機率*/

    /*列表設定*/
    #it243 .LIST_BOX{
        display: block;
        margin: 8px auto;
        }
        #it243 .LIST_BOX .pq_LIST_ICON li{
            background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/result/list_icon.png);
        }
    /*列表設定*/

    /*祝福詞*/
    #it243 .BLESS_BOX{
        display: block;
        max-width: 90%;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 12px auto 0px auto;
        }
        .MOBILE #it243 .BLESS_BOX{
            margin: 0 auto;
            padding: 0 4%;
        }
        #it243 .BLESS_BOX ul {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            }
            .MOBILE #it243 .BLESS_BOX ul {
	flex-direction: column;
	align-items: center;
            }
        #it243 .BLESS_BOX li {
            width: 100%;
        }
        #it243 .BLESS_BOX ul .BLESS {
            max-width: 36%;
            margin-right: 4%;
        }
        .MOBILE #it243 .BLESS_BOX ul .BLESS {
            max-width: 60%;
            margin-right: 0%;
        }
    /*祝福詞*/
    /*注意事項*/
    #it243 .NOTICE_BOX {
        width: 92%;
        margin: 0 auto;
        }
        #it243 .NOTICE_BOX p{text-align: center;}
    /*注意事項*/
/*- 結果頁 -----------*/

/*- 列印頁 -----------*/
    .PC #it243 .PRINT_TOP{
        width:680px;
        height:200px;
        margin:0 auto;}
    .PC #it243 .PRINT_TOP img{width: 100%; height: auto;}

    .PC #it243 .PRINT_BG{
        width:680px;
        margin:0 auto;
        background-color: #ffffff;}
    .PC #it243 .PRINT_BG .pq_RECOM1{/*純框線款*/
        box-shadow: none;}

    .PC #it243 .PRINT_BG .M_none{/*列印分析*/
        display: none;}

    /*資料尺寸調整*/
    .PC #it243 .PRINT_BG .INFOR{
        width: 100%;
    }
/*- 列印頁 -----------*/

/*- 免費頁 -----------*/
    /*外框設定*/
        #it243 .FREE_POSITION{position: relative;}
        #it243 .FREE_POSITION .pq_TXT3{margin-top: 0px;}
    /*外框設定*/

    /*模糊字壓按鈕*/
        #it243 .FUZZY_BOX1{/*沒有圖*/
            width: 100%;
            position: absolute;
            left: 0;
            margin: 0 auto;
            z-index: 500;
            top: 13px;}
            .MOBILE #it239 .FUZZY_BOX1{top: 20px;}
        #it243 .FUZZY_BOX1 .W50{width: 50%;}
        #it243 .FUZZY_BOX1 p{
            margin-top: 8px;
            text-align: center;
            text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
            -webkit-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
            -moz-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
            -o-text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;;
        }
    /*模糊字壓按鈕*/

    /*模糊文字置中區塊*/
        .PC #it243 .FREE_POSITION .MID_TXT1{
            position: absolute;
            z-index: 1;
            top: 12px;
            left: 26%;
            overflow: hidden;
            clear: both;
        }
        .MOBILE #it243 .FREE_POSITION .MID_TXT1{
            position: absolute;
            z-index: 1;
            margin: 12px 16%;
            overflow: hidden;
            clear: both;
        }
    /*模糊文字置中區塊*/

    /*按鈕定位*/
        /*第一種定位*/
        .PC #it243 .FUZZY_BOX_POSITION1{top: 65px;}
        .MOBILE #it243 .FUZZY_BOX_POSITION1{top: 38%;}
        /*第一種定位 下方文字-延伸 （上方無字）*/
        .PC #it243 .FUZZY_BOX_POSITION1_1{top: 40px;}
        .MOBILE #it243 .FUZZY_BOX_POSITION1_1{top: 24%;}
        /*第二種定位 左圖右字*/
        .PC #it243 .FUZZY_BOX_POSITION2{top: 100px;}
        .MOBILE #it243 .FUZZY_BOX_POSITION2{top: 32%;}
        /*第二種定位 左圖右字-延伸 （上方含字）*/
        .PC #it243 .FUZZY_BOX_POSITION2_1{top: 144px;}
        .MOBILE #it243 .FUZZY_BOX_POSITION2_1{top: 44%;}
    /*按鈕定位*/

    /*特殊模糊按鈕區塊*/
        .PC #it243 .pq_FUZZY_BOX{top: 530px;}
        .MOBILE #it243 .pq_FUZZY_BOX{top: 106vw;}
        .PC #it243 .pq_FUZZY_BOX .F_PH{width: 96%;margin:8px auto 5px auto;}
        .MOBILE #it243 .pq_FUZZY_BOX .F_PH{width: 100%;margin: 0 auto;}
         @media screen and (min-width:568px){/*for橫螢幕*/
            .MOBILE #it243 .pq_FUZZY_BOX{top: 530px;}
        }
    /*特殊模糊按鈕區塊*/

    /*免費頁面按鈕*/
    #it243 .FUZZY_BOX1 .pq_BT_SROUND,
    #it243 .pq_FUZZY_BOX .pq_BT_SROUND{width: 280px;}
    /*免費頁面按鈕*/
    /*小字定位*/
        #it243 .FREE_POSITION .FREE_TXT1{
            position: absolute;
            width: 100%;
            top: 50px;
            left: 50%;
            transform: translate(-50%, 0px);
            z-index: 1;
            margin-left: 0px;
        }
        .MOBILE #it243 .FREE_POSITION .FREE_TXT1{top: 48px;}
    /*小字定位*/
/*- 免費頁 -----------*/

/*- 置底按鈕 -----------*/
    #it243-wrapper .NEW_BT_F{
        width: 100%;
        height: 60px;
        position: fixed;
        bottom: 0;
        z-index: 1000;
        background-color: rgb(0 0 0 / 80%);
        padding-top: 7px;
        background-size: 15px 15px;
    }
    #it243-wrapper .NEW_BT_F a {
        display: block;
        margin: 0 auto;
        text-decoration: none;
        position: static;
        width: 320px;}
    .MOBILE #it243-wrapper .NEW_BT_F a {width: 90%;}
/*- 置底按鈕 -----------*/
/*- 介紹詞 + 特殊按鈕 -----------*/
    #it243 .PROMO_BOX{   
        height: auto;
        margin: 0 auto 12px auto;
        display: block;
        position: relative;
        width: 670px;}
        .MOBILE #it243 .PROMO_BOX{width: 88%;} 
     #it243 .PROMO_BOX .pq_e_BT{
        position: absolute;
        bottom: 20px;
        }
        .MOBILE #it243 .PROMO_BOX .pq_e_BT{
            bottom: -8px;
        }
        #it243 .PROMO_BOX .pq_BT_FREE1{
            background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/pq_BT.png);  
            position: relative;
            top: 0;
            left: 0;  
            }
            .PC #it243 .PROMO_BOX .pq_BT_FREE1{background-size: cover;font-size: 1.5rem;}
            .MOBILE #it243 .PROMO_BOX .pq_BT_FREE1{
	width: 100%;
	height: 52px;
	background-size: 220px auto;
	font-size: 1.3rem;
	line-height: 55px;
	}
        #it243 .pq_BT_FREE1:hover{background-position: bottom;color: #fff9bc;}
        
        @media screen and (min-width:568px){/*for橫螢幕*/
            .MOBILE #it243 .PROMO_BOX{width: 650px;}
            .MOBILE #it243 .PROMO_BOX .pq_e_BT{bottom: 20px;}
            .MOBILE #it243 .PROMO_BOX .pq_BT_FREE1{/*介紹詞-按鈕調整*/
	background-size: cover;
	line-height: 66px;
	width: 280px;
	height: 67px;
            }
        }
/*- 介紹詞 + 特殊按鈕 -----------*/

/*=========================防止iPADmini沒有背景================*/
@media (max-width: 768px){
    .PC #it243{
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(https://imgs.click108.com.tw/unit001/item00243/images/bg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: auto;/*正常要用：100%*/
        background-attachment: initial;
        font-size: 16px;
        background-color: #ffdff0;
    }
}
/*=========================防止iPADmini沒有背景================*/