body {
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family: "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	color: #333333;
	background-color:#dc5900;
}

/* ================= 消失區塊 ================*/
.PC #float_icon, .PC #it257 .test_none{display: none;}
.MOBILE .float_case, .MOBILE #it257-wrapper #watermark-wrapper, 
.MOBILE #it257 .pc_only, .MOBILE #it257 .test_none{display: none;}

/* ================= 高度間距 ================*/
#it257 .br_small{height: 10px;}
.PC #it257 .br_primary{height: 20px;}
.PC #it257 .br_large{height: 40px;}
.MOBILE #it257 .br_primary{height: 15px;}
.MOBILE #it257 .br_large{height: 25px;}

#it257 span.timeline{display: block;}

/* ===========================================*/
/* ================= 浮水印區塊 ================*/
/* ===========================================*/
.PC #it257-wrapper .watermark-wrapper {
	position: fixed;
	right: 10px;
	top: 350px;
	z-index: 99;
}

.PC #watermark-wrapper .pq_e_BT ul.TWO li:first-child {
	/*解雙按鈕左右*/
	margin-right: 0;
}

/* ===========================================*/
/* ================= 列印頁區塊 ================*/
/* ===========================================*/
.PC #it257 .print_top{
	width:680px;
	height:213px;
	margin:0 auto;
}

.PC #it257 .print_top img{
	width:100%;
	height: auto;
}


/* 列印頁：表頭 */
.PC #it257 .print_bg {
	width: 680px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
}

.PC #it257 .print_bg img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.PC #it257 .print_bg .two_block_main{
	margin-top:15px;
}

/* 列印頁：內容框架 */
.PC #it257 .print_bg .con_box{
	width: 670px;
	height: auto;
	margin: 0 auto;
}

.PC #it257 .print_bg .mainbox2 .fate_info .mark02{
	display: inline-block;
	width: 30px;
	height: 30px;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
	margin: 0 3px;
}

/* ===========================================*/
/* ================= 大框架區塊 ================*/
/* ===========================================*/
.PC #it257{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(//imgs.click108.com.tw/unit001/item00257/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	-webkit-box-sizing: border-box;
	}.MOBILE #it257{
		width: 100%;
		height: auto;
		overflow: hidden;
		background-image: url(//imgs.click108.com.tw/unit001/item00257/images/bg.jpg);
		background-size: 220% auto;
		background-repeat: no-repeat;
		background-position: top 30px center;
		-webkit-box-sizing: border-box;
	}

/* ===========================================*/
/* ============= 大框架區塊：輸入頁 =============*/
/* ===========================================*/
/* 輸入頁：總寬750 */
.PC #it257 .in_container_frame{
    width:750px;
    height: auto;
    overflow: hidden;
    margin:0 auto;
    margin-bottom:20px;
	background-image: url(//imgs.click108.com.tw/unit001/item00257/images/deco_bg.jpg);
    background-size: contain;
    background-repeat: repeat-y;
    background-position: top center;
	}.MOBILE #it257 .in_container_frame{
		width:100%;
		height: auto;
		overflow: hidden;
		margin:0 auto;
		background-image: url(//imgs.click108.com.tw/unit001/item00257/images/deco_bg.jpg);
		background-size: contain;
		background-repeat: repeat-y;
		background-position: top center;
	}

#it257 .in_container_frame .frame_deco{
    width:100%;
    height: auto;
}

#it257 .in_container_frame .frame_deco img{
	display: block;
	width: 100%;
	height: auto;
}

/* ===========================================*/
/* ============= 主視覺區塊：輸入頁 =============*/
/* ===========================================*/
.PC #it257 .mainstage {
	width: 100%;
	height: 700px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	}.MOBILE #it257 .mainstage {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

/* 輸入頁表頭區塊 */
.PC #it257 .hero_input{
	width:100%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	}.MOBILE #it257 .hero_input{
		width:100%;
		height: auto;
		overflow: hidden;
		margin-top:45px;
	}

.PC #it257 .hero_top{
	width:1200px;
	height: 700px;
	margin:0 auto;
	background: url(//imgs.click108.com.tw/unit001/item00257/images/bg2.png) no-repeat top center;
	background-size: cover;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}.MOBILE #it257 .hero_top{
		width:100%;
		height: 0px;
		padding-bottom: 110%;/*58.333333%*/
		margin:0 auto;
		background: url(//imgs.click108.com.tw/unit001/item00257/images/bg2.png) no-repeat top center;
		background-size: cover;
	}

.PC #it257 .hero_input h1{
    width: 670px;
    height: 290px;
    margin: 0 auto;
    background: url(//imgs.click108.com.tw/unit001/item00257/images/hero_title_input.png) no-repeat top center;
    text-indent: -9999px;
	background-size: cover;
	}.MOBILE #it257 .hero_input h1{
		width: 100%;
		height: 0px;
		padding-bottom: 41%;/*43.2835820%*/
		margin: 0 auto;
		background-image: url(//imgs.click108.com.tw/unit001/item00257/images/hero_title_input.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 95% auto;
		text-indent: -9999px;
	}

/* 輸入頁：動畫區塊 */
#it257 .animation_block{
	width:100%;
	height: auto;
	overflow: hidden;
}

.PC #it257 .animation_background{
	width:1200px;
	height: 410px;
	background: url(//imgs.click108.com.tw/unit001/item00257/images/input/fatepan_bg.png) no-repeat top center;
	background-size: cover;
	margin:0 auto;
	}.MOBILE #it257 .animation_background{
		width:100%;
		height: 0px;
		padding-bottom: 70%;/*34.166666%*/
		background: url(//imgs.click108.com.tw/unit001/item00257/images/input/fatepan_bg.png) no-repeat top center;
		background-size: cover;
		margin:0 auto;
	}

/* 輸入頁：動畫球盒子 */
.PC #it257 .ball_case{
	width:680px;
	height: auto;
	margin:0 auto;
	margin-top:20px;
	}.MOBILE #it257 .ball_case{
		width:100%;
		height: auto;
		margin:0 auto;
		margin-top:10px;
	}

/* 輸入頁：球組 */
#it257 .ball_group{
	width: auto;
	height: auto;
}

#it257 .ball_group ul{
	margin:0 auto;
	height: auto;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.PC #it257 .ball_group li{
	width:140px;
	height: 140px;
	}.MOBILE #it257 .ball_group li{
		width:23vw;
		height: auto;
	}

#it257 .ball_group li img{
	display: block;
	width: 100%;
	height: auto;
}

.PC #it257 .width_90{width:90%;}
.PC #it257 .width_70{width:70%;}
.MOBILE #it257 .width_90{width:95%;}
.MOBILE #it257 .width_70{width:70%;}


#it257 .ball_group li.effect_ball01{animation: floating-effect 3s infinite;}
#it257 .ball_group li.effect_ball02{animation: floating2-effect 3s infinite;}
#it257 .ball_group li.effect_ball03{animation: floating2-effect 3s infinite;}
#it257 .ball_group li.effect_ball04{animation: floating-effect 3s infinite;}

/* 動態效果 */
@keyframes floating-effect {
	0% { transform: translateY(-12px); }
	50% {
		transform: translateY(0);
		filter: brightness(1.15);
		transform: scale(0.98);
	}
	100% { transform: translateY(-12px); }
}
@keyframes floating2-effect {
	0% { transform: translateY(-12px); }
	35% {
		transform: translateY(0);
		filter: brightness(1.15);
		transform: scale(0.98);
	}
	100% { transform: translateY(-12px); }
}

/* 輸入頁：內容區塊總寬670 */
.PC #it257 .in_content_box{
    width: 670px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
	}.MOBILE #it257 .in_content_box{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

#it257 .in_content_box img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
}

/* ===========================================*/
/* ============== 內容區塊：輸入頁 ==============*/
/* ===========================================*/
/* 雙欄樣式區塊 */
.PC #it257 .width_95{width:95%;}
.PC #it257 .width_90{width:90%;}

.PC #it257 .double_case{
	height: auto;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:flex-start;
	margin:0 auto;
	}.MOBILE #it257 .double_case{
		width:100%;
		height: auto;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items:center;
		margin:0 auto;
	}

/* 雙欄樣式區塊：控制圖片大小 */
.PC #it257 .double_case .inph_box{
	width:35%;
	}.MOBILE #it257 .double_case .inph_box{
		width:60%;
		margin-bottom:10px;
	}

/* 雙欄樣式區塊：控制文字寬度 */
.PC #it257 .double_case .inph_text{
	width:62%;
	}.MOBILE #it257 .double_case .inph_text{
		width:100%;
	}

/*科技紫微網的八字論命*/
#it257 .icon-2{
    background-image: url(//imgs.click108.com.tw/unit001/item00257/images/icons/icon_04.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 26px auto;
	margin-bottom:0px;
}

.PC #it257 .double_case .list_title{
	width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
	}.MOBILE #it257 .double_case .list_title{
		width: 100%;
		height: auto;
		overflow: hidden;
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: 5px;
	}

.PC #it257 .double_case .list_title::before{
    content: '';
    display: inline-block;
    width:30px;
    height: auto;
    margin-right:-5px;
	}.MOBILE #it257 .double_case .list_title::before{
		content: '';
		display: inline-block;
		width:30px;
		height: auto;
		margin-right:-5px;
		box-sizing: border-box;
	}

.PC #it257 .double_case .inph_box2{
	width:30%;
	margin:0 auto;
	}.MOBILE #it257 .double_case .inph_box2{
		width:45%;
		margin-bottom:10px;
	}

.PC #it257 .double_case .inph_text2{width:64%;}
.PC #it257 .double_case .inph_text2 li{
	font-size:1.2rem;
	line-height: 2.2rem;
	}.MOBILE #it257 .double_case .inph_text2{width:100%;}
	.MOBILE #it257 .double_case .inph_text2 li{
		font-size:1.2rem;
		line-height: 2.2rem;
	}

.PC #it257 .double_case .inph_box img,
.PC #it257 .double_case .inph_box2 img{
	display: block;
	width:100%;
	height: auto;
	}.MOBILE #it257 .double_case .inph_box img,
	.MOBILE #it257 .double_case .inph_box2 img{
		display: block;
		width:100%;
		height: auto;
	}

/* 輸入頁：配圖盒子 */
#it257 .photo_case{
	width:100%;
	height: auto;
	overflow: auto;
	margin-bottom:20px;
}

.PC #it257 .case_box_first{
	width:100%;
	height: auto;
	margin-bottom:20px;
	}.MOBILE #it257 .case_box_first{
		width:100%;
		height: auto;
		margin-bottom:10px;
	}

.PC #it257 .case_box{
	width: 90%;
	height: auto;
	margin:0 auto;
	}.MOBILE #it257 .case_box{
		width: 100%;
		height: auto;
		margin:0 auto;
	}

#it257 .case_box_first img,
#it257 .case_box img{
	display: block;
	width:100%;
	height: auto;
	margin: 0 auto;
}

/* ===========================================*/
/* ============== 項目清單：輸入頁 ==============*/
/* ===========================================*/
#it257 .norm_case{
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #8c4215;
    box-sizing: border-box;
}

.PC #it257 .norm_case .norm_title{
    width: 100%;
    height: 55px;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    color: #ffffff;
    margin: 0px auto;
	}.MOBILE #it257 .norm_case .norm_title{
		width: 100%;
		height: 50px;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 50px;
		text-align: center;
		color: #ffffff;
		margin: 0px auto;
	}

.PC #it257 .norm_case .norm_title2{
    width: 100%;
	height: auto;
    font-size: 1.8em;
    font-weight: bold;
	padding:5px 0px;
    text-align: center;
    color: #ffffff;
    margin: 0px auto;
	}.MOBILE #it257 .norm_case .norm_title2{
		width: 100%;
		height: auto;
		font-size: 1.6em;
		font-weight: bold;
		padding:5px 0px;
		text-align: center;
		color: #ffffff;
		margin: 0px auto;
	}

.PC #it257 .norm_case .norm_content{
    width: 95%;
    margin: 20px auto;
    overflow: hidden;
	}.MOBILE #it257 .norm_case .norm_content{
		width: 96%;
		margin: 20px auto;
		overflow: hidden;
	}

/* 項目符號：背景底圖 */
#it257 .norm_case .bar1{
	background-image: url(//imgs.click108.com.tw/unit001/item00257/images/input/title_bar.jpg);
    background-position: top center;
    background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* 項目清單：第二層標題底色 */
#it257 .norm_case .second_bar{
	background-color: #e59800;
	border: 1px solid #e59800;
}

/* 項目清單：自定義圖片項目符號 */
.PC #it257 .list_block{
	width:86%;
	height: auto;
	margin:0 auto;
	}.MOBILE #it257 .list_block{
		width:95%;
		height: auto;
		margin:0 auto;
	}

.PC #it257 .list_item_title{
	width:100%;
	height: auto;
	font-size: 1.3rem;
	line-height: 2.5rem;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	align-items: center;
	}.MOBILE #it257 .list_item_title{
		width:100%;
		height: auto;
		font-size: 1.3rem;
		line-height: 2.2rem;
		font-weight: bold;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

.PC #it257 .list_item_title span{
	display: inline-block;
	width:34px;
	height: 34px;
	margin-right:5px;
	}.MOBILE #it257 .list_item_title span{
		display: inline-block;
		width:30px;
		height: 30px;
		margin-right:5px;
	}

#it257 .list_item_title span img{
	display: block;
	width:100%;
	height: auto;
}

#it257 .list_item{
	width: 100%;
	box-sizing: border-box;
}

.PC #it257 .list_item li{
	font-size:1.25rem;
	line-height: 2.4rem;
	background: transparent url(//imgs.click108.com.tw/unit001/item00257/images/icons/icon_02.png) no-repeat;
	background-size: 32px 32px;/*控制圖片的大小*/
	background-position-y: 2px;
	padding-left: 35px;
	}.MOBILE #it257 .list_item li{
		font-size:1.17rem;
		line-height: 2.3rem;
		background: transparent url(//imgs.click108.com.tw/unit001/item00257/images/icons/icon_02.png) no-repeat;
		background-size: 32px 32px;/*控制圖片的大小*/
		background-position-y: 2px;
		padding-left: 35px;
	}

.PC #it257 .list_second_item li{
	background: transparent url(//imgs.click108.com.tw/unit001/item00257/images/icons/icon_03.png) no-repeat;
	background-size: 30px 30px;/*控制圖片的大小*/
	background-position-y: 2px;
	padding-left: 30px;
	}.MOBILE #it257 .list_second_item li{
		background: transparent url(//imgs.click108.com.tw/unit001/item00257/images/icons/icon_03.png) no-repeat;
		background-size: 30px 30px;/*控制圖片的大小*/
		background-position-y: 2px;
		padding-left: 30px;
	}

/* ===========================================*/
/* ============= 大框架區塊：結果頁 =============*/
/* ===========================================*/
/* 結果頁：表頭區塊 */
.PC #it257 .frame{
	width: 100%;
	height: auto;
	overflow:hidden;
	margin:0 auto;
}

.PC #it257 .content_top img ,
.PC #it257 .content_foot img{
    display: block;
    width:100%;
    height: auto;
    margin:0 auto;
	}.MOBILE #it257 .content_top img,
	.MOBILE #it257 .content_foot img{
		display: block;
		width:100%;
		height: auto;
		margin:0 auto;
	}

/* 結果頁：內容區塊總寬750 */
.PC #it257 .content{
	width: 750px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-image: url(//imgs.click108.com.tw/unit001/item00257/images/deco_bg.jpg);
    background-size: 100% auto;
	margin-bottom:20px;
	}.MOBILE #it257 .content{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
		background-image:url(//imgs.click108.com.tw/unit001/item00257/images/deco_bg.jpg);
		background-size:100% auto;
	}

/*  結果頁：表頭標題區塊 */
.PC #it257 .result_top{
	position: relative;
	width:100%;
	height:270px; 
	overflow:hidden;
	margin: 0 auto;
	}.MOBILE #it257 .result_top{
		width:100%;
		height:auto; 
		overflow:hidden;
		margin: 0 auto;
	}

/* 結果頁：表頭標題圖 */
.PC #it257 .result_top h1{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	width:1000px;
	height: 270px;
	margin:0 auto;
	background-image: url(//imgs.click108.com.tw/unit001/item00257/images/re_title_top.png);
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}.MOBILE #it257 .result_top h1{
		width:100%;
		height: 0;
		padding-bottom:36%;
		margin:0 auto;
		background-image: url(//imgs.click108.com.tw/unit001/item00257/images/re_title_top.png);
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		margin-top:45px;
	}

/* ===========================================*/
/* ============== 內容區塊：結果頁 ==============*/
/* ===========================================*/
/* 字寬 */
#it257 .txt_bold{font-weight:bold;}

/* 結果頁：內容區塊框架 */
.PC #it257 .con_box{ 
	width:670px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	}.MOBILE #it257 .con_box{ 
		width:90%;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}

#it257 .con_box img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/* 你的八字命盤區塊 */
#it257 .bazi_area{
	width:95%;
	height: auto;
	overflow: hidden;
	margin:0 auto;
}

.PC #it257 .bazi_area .bazi_titlebar{
	width:640px;
	height: 100px;
	margin-bottom:20px;
	}.MOBILE #it257 .bazi_area .bazi_titlebar{
		width:100%;
		height: 0px;
		padding-bottom:15.625%;
		margin-bottom:10px;
	}

#it257 .bazi_area .bazi_titlebar h1{text-indent: -9999px;}

.PC #it257 .fakebox{
	width:100%;
	height: 400px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.1);
	border:1px solid #b5b5b5;
	margin:0 auto;
	margin-bottom:20px;
	box-sizing: border-box;
	}.MOBILE #it257 .fakebox{
		width:100%;
		height: 500px;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.1);
		border:1px solid #b5b5b5;
		margin:0 auto;
		margin-bottom:15px;
		box-sizing: border-box;
	}

.PC #it257 .fakebox p{
	line-height: 400px;
	font-size:1.6rem;
	font-weight: bold;
	}.MOBILE #it257 .fakebox p{
		line-height: 500px;
		font-size:5vw;
		font-weight: bold;
	}

#it257 .block_txt_brown{color:#9c5100;}
#it257 .block_txt_green{color:#2d5c00;}
#it257 .block_txt_purple{color:#5200af;}

#it257 .block_outline{border: 2px solid #ffe891;}
#it257 .block_outline2{border: 2px solid #b7e183;}
#it257 .block_outline3{border: 2px solid #d4b1ff;}

#it257 .block_border_radius{border-radius: 15px;}
/* 標題圖：命 */
#it257 .block_title_background{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/block_title/title_top01.jpg) no-repeat top center;
	background-size: cover;
}
/* 標題圖：運 */
#it257 .block_title_background2{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/block_title/title_top02.jpg) no-repeat top center;
	background-size: cover;
}
/* 標題圖：聚 */
#it257 .block_title_background3{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/block_title/title_top03.jpg) no-repeat top center;
	background-size: cover;
}

/* =======================================================*/
/* ============== 公版區塊：結果頁標題圖與內容框 ==============*/
/* =======================================================*/
/* 字級 */
.PC #it257 .txt_title{
	font-size:3rem;
	line-height: 3.8rem;
	}.MOBILE #it257 .txt_title{
		font-size:6.8vw;
		line-height: 8.6vw;
	}

.PC #it257 .txt_subtitle{
	font-size:2rem;
	font-weight: bold;
	}.MOBILE #it257 .txt_subtitle{
		font-size:4.5vw;
		font-weight: bold;
	}

.PC #it257 .txt_title_small{
	font-size:1.5rem;
	line-height: 2.8rem;
	text-align: left;
	}.MOBILE #it257 .txt_title_small{
		font-size:5.4vw;
		line-height: 9vw;/*8vw*/
		text-align: center;
	}

#it257 .align_center{text-align: center;}

#it257 .norm_block:first-child{margin-top:0px;}
.PC #it257 .norm_block{
	width:670px;
	height:auto;
	overflow:hidden;
	margin:15px auto;
	box-sizing:border-box;
	background-color: #ffffff;
	position: relative;
	}.MOBILE #it257 .norm_block{
		width:100%;
		height:auto;
		overflow:hidden;
		margin:15px auto;
		box-sizing:border-box;
		background-color: #ffffff;
		position: relative;
	}.MOBILE #it257 .norm_block:first-child{margin-top:0px;}
	
#it257 .norm_backgrond{
	width:100%;
	height: auto;
	overflow: hidden;
}

#it257 .norm_backgrond img{
	display: block;
	width:100%;
	height: auto;
}

/* 結果頁：公版區塊框架-標題圖 */
.PC #it257 .norm_block_title{
	width:670px;
	height: 160px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin:0 auto;
	position: absolute;
	top:0px;
	left:0px;
	}.MOBILE #it257 .norm_block_title{
		width: 100%;
		height: inherit;
		display: flex;
		flex-direction: row;
		justify-content: center;
		position: absolute;
		left: 0%;
		top: 0%;
		transform: translate(0%, 22%);
	}
	/* 當標題系統字為雙行並且都是同一字級效果 */
	.MOBILE #it257 .title_style01{
		position: absolute;
		left: 0%;
		top: 0%;
		transform: translate(0%, 13%);
	}
	/* 當標題系統字為雙行並且第一行為小字、第二行為大字 */
	.MOBILE #it257 .title_style02{
		position: absolute;
		left: 0%;
		top: 0%;
		transform: translate(0%, 25%);
	}

/* 結果頁：公版區塊-配圖 */
.PC #it257 .block_phbox{
	width:130px;
	height: 130px;
	padding:0px 5px;
	}.MOBILE #it257 .block_phbox{
		width:15vw;
		height: auto;
		padding:0px 5px;
	}

#it257 .block_phbox img{
	display: block;
	width:100%;
	height: auto;
}

/* 結果頁：公版區塊-系統字區塊 */
#it257 .block_text{
	width:auto;
	height: auto;
	text-align: center;
	text-shadow: 2px 2px 1px #ffffff,
	-2px -2px 1px #ffffff,
	-2px 2px 1px #ffffff,
	2px -2px 1px #ffffff;
}

#it257 .block_text ul.align_left li p{text-align: left;}

/* 結果頁：公版區塊-內容 */
#it257 .norm_block_info{
	width:100%;
	height: auto;
	overflow: hidden;
	background-color: #ffffff;
}

/* 結果頁：公版區塊-整體寬間距 */
.PC #it257 .norm_block_container{
	width: 93%;
    height: auto;
    margin: 0 auto;
    padding: 20px 0px;
	}.MOBILE #it257 .norm_block_container{
		width:90%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		padding: 10px 0px;
	}

/* 結果頁：公版區塊-內容寬預設620 */	
.PC #it257 .content_frame{
	width:620px;
	height: auto;
	margin:0 auto;
}

/* 區塊：你的財庫級別-標籤區塊 */
.PC #it257 .tabbar{
	width:100%;
	height: auto;
	margin:0 auto;
	margin-bottom:20px;
	}.MOBILE #it257 .tabbar{
		width:100%;
		height: auto;
		margin:0 auto;
		margin-bottom:15px;
	}

.PC #it257 .tabbar ul{
	width:100%;
	height: auto;
	margin:0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	}.MOBILE #it257 .tabbar ul{
		width:100%;
		height: auto;
		margin:0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

.PC #it257 .tabbar li{
	width: 15%;
	height: 45px;
	line-height: 45px;
	background-color: #eeeeee;
	border:1px solid #dddddd;
	border-radius: 5px;
	text-align: center;
	font-size:1.2rem;
	color: #666666;
	}.MOBILE #it257 .tabbar li{
		width: 15%;
		height: 35px;
		line-height: 35px;
		background-color: #eeeeee;
		border:1px solid #dddddd;
		border-radius: 5px;
		text-align: center;
		font-size:4vw;
		color: #666666;
	}

#it257 .tabbar li.active {
	border:none;
	background: linear-gradient(-45deg, #cf6730, #ff9358, #ffd83e);
	background-size: 300%;
	animation:active-effect 10s linear infinite;
	padding:2px 0px;
	transition: all .3s ease-in-out;
	box-shadow: inset 0 1px 10px #ffeebe;
	font-weight: bold;
	color: #fffc00;
	text-shadow: 2px 2px 2px #ef864d,
		-2px -2px 2px #ef864d,
		-2px 2px 2px #ef864d,
		2px -2px 2px #ef864d;
}

@keyframes active-effect{
	0%{background-position: 0% 50%;}
	50%{background-position: 100% 50%;}
	100%{background-position: 0% 50%;}
}

/* 結果頁：配圖盒子 */
.PC #it257 .double_case .ph_box{
	width:40%;
	height: auto;
	padding:0% 4%;
	}.MOBILE #it257 .double_case .ph_box{
		width:50%;
		height: auto;
		margin-bottom:10px;
	}

#it257 .double_case .ph_box img{
	display: block;
	width:100%;
	height: auto;
}

.PC #it257 .double_case .ph_text{
	width:66%;
	height: auto;
	}.MOBILE #it257 .double_case .ph_text{
		width:100%;
		height: auto;
	}

/* 結果頁：章節重點配圖 */
#it257 .key_titlebg01{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_keybg01.png) no-repeat top center;
	background-size: contain;
}

#it257 .key_titlebg02{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_keybg02.png) no-repeat top center;
	background-size: contain;
}

#it257 .key_titlebg03{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_keybg03.png) no-repeat top center;
	background-size: contain;
}

#it257 .key_titlebg04{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_keybg04.png) no-repeat top center;
	background-size: contain;
}

#it257 .key_titlebg05{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_keybg05.png) no-repeat top center;
	background-size: contain;
}

.PC #it257 .key_titlebar{
	width:440px;
	height: 135px;
	line-height: 130px;
	margin:0 auto;
	margin-bottom:10px;
	position: relative;
	}.MOBILE #it257 .key_titlebar{
		width:100%;
		height: 0px;
		padding-bottom:30.90909090%;
		margin:0 auto;
		margin-bottom:10px;
		position: relative;
	}

.PC #it257 .key_titlebar2{
	width:630px;
	height: 135px;
	line-height: 130px;
	margin:0 auto;
	margin-bottom:10px;
	position: relative;
	}.MOBILE #it257 .key_titlebar2{
		width:100%;
		height: 0px;
		padding-bottom:21.4285714%;
		margin:0 auto;
		margin-bottom:10px;
		position: relative;
	}

.PC #it257 .key_titlebar p{
	text-align: center;
	font-size:2.2rem;
	font-weight: bold;
	margin-left: 20px;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	}.MOBILE #it257 .key_titlebar p{
		text-align: center;
		font-size:6.2vw;
		font-weight: bold;
		margin-left: 20px;
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -45%);
	}

.PC #it257 .key_titlebar2 p{
	width:100%;
	text-align: center;
	font-size:2rem;
	font-weight: bold;
	margin-left: 20px;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	}.MOBILE #it257 .key_titlebar2 p{
		width:100%;
		text-align: center;
		font-size:4.7vw;
		font-weight: bold;
		margin-left: 20px;
		position: absolute;
		top: 46%;
		left: 50%;
		transform: translate(-50%, -45%);
	}


#it257 .key_title_background{
	width:100%;
	height: auto;
}

/* 分隔線 */
#it257 .separator_line{
	width: 100%;
    margin: 0 auto;
    border-top: 1px solid #cccccc;
    margin: 35px auto;
}

/* 內文小標 */
#it257 .line_brown{
	border-left: 4px solid #a35628;
}

#it257 .item_bar{
	font-size: 1.3rem;
	font-weight: bold;
	text-indent: 10px;
    margin: 10px 0px 10px 0px;
}

/* 備註小字 */
.PC #it257 .description_area{
	width:100%;
	height: auto;
	padding:15px;
	box-sizing: border-box;
	background-color: #f6f6f6;
	border-radius: 15px;
	margin-bottom:15px;
	}.MOBILE #it257 .description_area{
		width:100%;
		height: auto;
		padding:10px;
		box-sizing: border-box;
		background-color: #f6f6f6;
		border-radius: 10px;
		margin-bottom:15px;
	}

.PC #it257 .description_area p{
	font-size: 1rem;
	line-height: 1.6rem;
	color:#ae5029;
	}.MOBILE #it257 .description_area p{
		font-size: .9rem;
		line-height: 1.4rem;
		color:#ae5029;
	}

/* 結果頁：章節標題 */
#it257 .chapter_titlebar{
	width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #fffae5;
    margin-bottom: 15px;
}

.PC #it257 .chapter_titlebar p{
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	padding:5px 0px;
	}.MOBILE #it257 .chapter_titlebar p{
		font-size: 6vw;
		font-weight: bold;
		text-align: center;
	}

#it257 .chapter_titlebar img{
	display: block;
	width:100%;
	height: auto;
	padding:5px 10px;
	box-sizing: border-box;
}

/* 結果頁：內文項目符號小標題 */
#it257 .text_icontitle{
	width:100%;
	height: auto;
}

#it257 ul.icon_item{
	width: 100%;
    box-sizing: border-box;
}

#it257 ul.icon_item li{
	background: transparent url(//imgs.click108.com.tw/unit001/item00257/images/icons/icon_05.png) no-repeat;
	background-size: 30px 30px;
	background-position-y: -1px;
	padding-left: 35px;
	margin: 10px 0 5px 0;
	font-size:1.2rem;
	font-weight:bold;
	color: #333333;
}

#it257 .free_margin_0 ul.icon_item li{margin-top:0px;}

/* 結果頁：產業類別區塊 */
#it257 .career_case{
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-top:10px;
}

.PC #it257 .career_item{
	width:48%;
	height: auto;
	min-height: 140px;
	background-color: #ffffff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: inset 0 0 10px 2px #d4d4d4;
	box-sizing: border-box;
	}.MOBILE #it257 .career_item{
		width:100%;
		height: auto;
		background-color: #ffffff;
		border-radius: 15px;
		overflow: hidden;
		box-shadow: inset 0 0 10px 2px #d4d4d4;
		box-sizing: border-box;
	}

.PC #it257 .career_item:nth-last-child(n+3){
	margin-bottom:20px;
	}.MOBILE #it257 .career_item:nth-last-child(n+2){
		margin-bottom:15px;
	}

#it257 .career_title{
	height: 40px;
	line-height: 40px;
	font-size:1.2rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

#it257 .career_case .career_item:nth-child(2n+1) .career_title{
	width: 100%;
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_category_bg01.jpg) no-repeat top center;
	background-size: cover;
	text-shadow: 2px 2px 2px #63ae3b,
	-2px -2px 2px #63ae3b,
	-2px 2px 2px #63ae3b,
	2px -2px 2px #63ae3b;
}

#it257 .career_case .career_item:nth-child(2n) .career_title{
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_category_bg02.jpg) no-repeat top center;
	background-size: cover;
	text-shadow: 2px 2px 2px #a97346,
	-2px -2px 2px #a97346,
	-2px 2px 2px #a97346,
	2px -2px 2px #a97346;
}

#it257 .career_info{
	width:100%;
	height: auto;
	padding:10px 15px;
	box-sizing: border-box;
}

/* 結果頁：喜用神區塊 */
.PC #it257 .luckygod_area{
	width:620px;
	height: 280px;
	background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_money_bg.png) no-repeat top center;
	background-size: cover;
	position: relative;
	}.MOBILE #it257 .luckygod_area{
		width:100%;
		height: 0px;
		padding-bottom:45.161290%;
		background: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_money_bg.png) no-repeat top center;
		background-size: cover;
		position: relative;
		margin-bottom:5px;
	}

#it257 .fate_ball_case{
	width:100%;
	height: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#it257 .fate_ball_case ul{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.PC #it257 .fate_ball_case li.fate_text{
	font-size: 1.4rem;
	font-weight: bold;
	text-shadow: 2px 2px 2px #ffffff,
	-2px -2px 2px #ffffff,
	-2px 2px 2px #ffffff,
	2px -2px 2px #ffffff;
	}.MOBILE #it257 .fate_ball_case li.fate_text{
		font-size: 4vw;
		font-weight: bold;
		text-shadow: 2px 2px 2px #ffffff,
		-2px -2px 2px #ffffff,
		-2px 2px 2px #ffffff,
		2px -2px 2px #ffffff;
	}

.PC #it257 .fate_ball_case li.ball{
	width:160px;
	height: auto;
	}.MOBILE #it257 .fate_ball_case li.ball{
		width:80px;
		height: auto;
	}

#it257 .fate_ball_case li.ball img{
	display: block;
	width:100%;
	height: auto;
}

/* 結果頁：底色小標題 */
#it257 .text_colortitle{
	width: 100%;
    height: 40px;
	border-radius: 5px;
}

#it257 .text_colortitle p{
	line-height: 40px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 12px;
	text-indent: 15px;
	color: #813800;
}

#it257 .background_color_brown{
	background: #faedb3;
    background: linear-gradient(0deg, #faedb3 0%, #fff8da 100%);
}

/* 結果頁：捲軸區塊 */
.PC #it257 .scroll_area{
	width: 620px;
	height: 140px;;
	margin-bottom:5px;
	position: relative;
	}.MOBILE #it257 .scroll_area{
		width: 100%;
		height: 0px;
		padding-bottom:22.580645%;
		margin-bottom:5px;
		position: relative;
	}

.PC #it257 .scroll_area p{
	width:100%;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	}
.MOBILE #it257 .scroll_area p{
		width:100%;
		font-size: 5vw;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 43%;
		left: 50%;
		transform: translate(-50%, -43%);
	}

#it257 .scroll_background{
	width:100%;
	height: auto;
}

#it257 .scroll_background img{
	display: block;
	width:100%;
	height: auto;
}

/* 結果頁：方位圖 */
.PC #it257 .re_map{
	position:relative;
	width:100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	}.MOBILE #it257 .re_map{
		width:100%;
		height: auto;
		overflow: hidden;
		margin-top:15px;
		margin-bottom:15px;
	}

.PC #it257 .MAP{
	width:100%;
	height:0;
	padding-bottom: 70.625%;
	background-image: url(//imgs.click108.com.tw/unit001/item00257/images/result/re_map_ph01.png);
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	}.MOBILE #it257 .MAP{
		width:100%;
		height:0;
		padding-bottom:70.625%;
		background-repeat:no-repeat;
		background-size:cover;
		background-image:url(//imgs.click108.com.tw/unit001/item00257/images/result/re_map_ph01.png);
		position:relative;
		margin:0 auto;
	}
	
.PC #it257 .MAP_Z{background-image:url(//imgs.click108.com.tw/unit001/item00257/images/map_x.jpg);}
.MOBILE #it257 .MAP_Z{background-image:url(//imgs.click108.com.tw/unit001/item00257/images/map_x.jpg);}
	
.PC #it257 .MAP .COLOR_BG{
	width:28%;/* 27.5%*/
	position:absolute;
	}.MOBILE #it257 .MAP .COLOR_BG{
		width:27.5%;
		position:absolute;
	}
	
.PC #it257 .MAP .COLOR{
	width:176px;
	height:109px;
	background-repeat:no-repeat;
	}.MOBILE #it257 .MAP .COLOR{
		width:100%;
		height:0;
		padding-bottom:61.93181818%;
		background-repeat:no-repeat;
		background-size:cover;
	}

.PC #it257 .MAP .LUCK_ICON{
	width:35px;
	height:35px;
	position:absolute;
	bottom:5px;
	left:40%;
	}.MOBILE #it257 .MAP .LUCK_ICON{
		width:31%;
		height:0;
		padding-bottom:31%;
		background-repeat:no-repeat;
		background-size:cover;
		position:absolute;
		bottom:2px;
		left:35%;
	}

.PC #it257 .MAP .BAD_ICON{
	width:35px;
	height:35px;
	position:absolute;
	bottom:8px;
	right: 44%;
	}.MOBILE #it257 .MAP .BAD_ICON{
		width:31%;
		height:0;
		padding-bottom:31%;
		background-repeat:no-repeat;
		background-size:cover;
		position:absolute;
		bottom:5px;
		right: 36%;
	}

/* ===========================================*/
/* ============== 內容區塊：免費頁 ==============*/
/* ===========================================*/
#it257 .sample_result{
	width: 100%;
    height: auto;
    overflow: hidden;
}

.PC #it257 .sample_top{
	width:100%;
	height: auto;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:20px;
	}.MOBILE #it257 .sample_top{
		width:100%;
		height: auto;
		margin:0 auto;
		margin-top:20px;
		margin-bottom:10px;
	}

.PC #it257 .sample_phbox{
	width:60%;
	height: auto;
	margin:0 auto;
	margin-bottom:10px;
	}.MOBILE #it257 .sample_phbox{
		width:80%;
		height: auto;
		margin:0 auto;
		margin-bottom:10px;
	}

#it257 .sample_phbox img{
	display: block;
	width:100%;
	height: auto;
}

.MOBILE #it257 .sample_top .pq_e_BT ul.ONE{
	width:78%;
	margin:0 auto;
	margin-bottom:20px;
}

/* 範例截圖區塊 */
#it257 .sample_area{
	width: 100%;
    height: auto;
}

.PC #it257 .sample_area img{
	display: block;
	width:90%;
	height: auto;
	margin: 0 auto;
	margin-top:20px;
	}.MOBILE #it257 .sample_area img{
		display: block;
		width:100%;
		height: auto;
		margin: 0 auto;
		margin-top:20px;
	}

#it257 .sample_area img:first-child{
	margin-top: 0px;
}

/* 免費頁：結尾引導區塊 */
.PC #it257 .end_phbox{
	width:100%;
	height: auto;
	overflow: hidden;
	margin-top:20px;
	}.MOBILE #it257 .end_phbox{
		width:90%;
		height: auto;
		overflow: hidden;
		margin:0 auto;
		margin-top:20px;
	}

.PC #it257 .end_phbox img{
	display: block;
	width:90%;
	height: auto;
	margin:0 auto;
	}.MOBILE #it257 .end_phbox img{
		display: block;
		width:100%;
		height: auto;
		margin:0 auto;
	}

.PC #it257 .end_phbox .pq_e_BT{margin-top:20px;}
.MOBILE #it257 .end_phbox .pq_e_BT{margin-top:10px;}

/* 防止iPADmini沒有背景 */
@media (max-width: 768px){
    .PC #it257{
        width: 100%;
        height: auto;
        overflow: hidden;
        background-image: url(//imgs.click108.com.tw/unit001/item00257/images/bg.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-attachment: initial;
        background-color: #b97000;
    }
}

/* iPhone6 to iPhoneX Landscape */
@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 821px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) { 
		.MOBILE #it257 .tabbar li{
		width: 15%;
		height: 55px;
		line-height: 55px;
		background-color: #eeeeee;
		border:1px solid #dddddd;
		border-radius: 5px;
		text-align: center;
		font-size:3.5vw;
	}
}

/* iPad Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2) {
	.MOBILE #it257 .tabbar li{
		width: 15%;
		height: 55px;
		line-height: 55px;
		background-color: #eeeeee;
		border:1px solid #dddddd;
		border-radius: 5px;
		text-align: center;
		font-size:3.5vw;
	}
}