body{
	text-decoration:none;
	font-family: "微軟正黑體","新細明體", "細明體", Arial, Helvetica, sans-serif;
	/*background-color: #b9a471;*/	
}

/*共用間距*/
#it154 .BLANK_FREE{ width:100%; height:10px;}
#it154 .BLANK{ width:100%; height:20px;}
#it154 .BLANK2{ width:100%; height:30px;}
#it154 .BLANK3{ width:100%; height:45px;}
#it154 .BLANK_LINE{
	width:100%;
	height:20px;
	border-bottom: 1px dashed #ccc;
	margin-top: 5px;
	margin-bottom: 15px;
}
#it154 .pq_INPUT_BOX1{
	width: 100%;
    margin: 0 auto;
}

#it154 .pq_INBAR{
	width: 100%;
    background: url(../images2/input_bar.jpg) repeat-x;
	height: 60px;
	line-height: 60px;
}
#it154 .pq_INBOX{
	box-shadow: none;
	border: 1px solid #678c53;
}

#it154 .pq_LIST_ICON .pq_SEC_ICON li{
	background-size: 20px 20px;
    background-position-y: 7px;
    padding-left: 30px;
    text-indent: -2px;
    margin: 5px 0 5px 7px;
}

#it154 .pq_LIST_ICON .pq_SEC_ICON li > ul > li{
	background-image: none;
	padding-left: 25px;
	text-indent: -25px;
}

#it154 .pq_LIST_ICON .pq_SEC_ICON li > ul > li:before{
	content: '└ ';
}

#it154 .pq_INBOX .IP_LINE{
	border-top: 1px dashed #678c53;
}
#it154 .txt_center{text-align: center;}

#it154 .pq_CON_BOX1 .pq_CON_BOX_BAR{
	box-sizing: border-box;
	background-color: #678c53;
}

#it154 .pq_CON_BOX1 .pq_CON_BOX_BAR p{
	color: #ffffff;
}



/*=====輸入頁內容區 尾=====*/
#it154 #ZIWEI_BOX .ZIWEI_BOX_BAR {
	background-color: #678c53;}
#it154 #ZIWEI_BOX .ZIWEI_BG {
    border: 1px solid #678c53;}

/*============================共用按鈕 樣式============================*/



/*==============桌機版================桌機版==============桌機版=============================================*/
.PC .PC_LOGIN, .PC .FOOT_PC{ display:none;}

/*PC表頭尾*/	
.PC #float_icon, .PC #header, .PC .FOOT_PC{ display:block;}
/*PC表頭尾*/	
	
/*消失區*/
.PC #it154 #INPUT_BOX, .PC #it154 .MENU ,.PC #it154 .PRINT_BT ,.PC #it154-wrapper .watermark-wrapper ,.PC #it154 .PH_CON , .PC #it154 .NOW_BT{ display:none;}
/*消失區尾*/

/*框架區*/
.PC #it154{
	width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../images2/bg.jpg);
    background-size: 360% auto;
    background-repeat: no-repeat;
    background-position: top center;
	-webkit-box-sizing: border-box;
	}

.PC #it154 .IP_FRAME{
	width:100%;
	height:auto; 
	overflow:hidden; 
	margin:0 auto;
	margin-top: 20px;
	}

.PC #it154 .IP_TOP h1{
	width: 100%;
	height: 0;
	margin: 0 auto;
	background-image:url(../images2/in_top_title.png);
	background-repeat: no-repeat;
	padding-bottom: 37%;
	overflow: hidden;
	background-size: cover;
	text-indent:-9999px;
}

.PC #it154 .IP_TOP_BG{
	width: 100%;
	height: 0;
	margin: 0 auto;
	background-image:url(../images2/in_top_bg.png);
	background-repeat: no-repeat;
	padding-bottom: 52.6%;
	overflow: hidden;
	background-size: cover;
	text-indent:-9999px;
}

/*框架區尾*/
.PC #it154 .CONTENT_TOP,.PC #it154 .CONTENT_FOOT{display: none;}
.PC #it154 .IP_CONTENT{
	width:100%;
	overflow: hidden;
	background-color: #fff;
	border: 4px solid #66552b;
	background-size:100% auto;
	padding: 2%;
}
.PC #it154 .PIC650{width: 100%; margin: 0 auto;}
.PC #it154 .CON_BOX>ul{
	width: 60%;
	max-width: 400px;
	margin: 0 auto;
	background-color: #fff;
}
.PC #it154 .CON_BOX>ul li{
	width: 100%;
	margin-bottom: 3%;}
/*影片*/
.PC #it154 .VIDEO{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
	margin:10px auto;}
	
.PC #it154 .VIDEO iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;}
.PC #it154 .VIDEO_ICON{
	display: inline-block;
	width: 35px;
	height: 25px;
	background-image: url(../images2/in_v_icon.png);
	background-size: 35px 25px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: -3px;
	margin-left: 8px; 
}
/*使用者反饋文*/
.PC #it154 .FEEDBACK_TITLE{
	width: 100%;
    overflow: hidden;
}
.PC #it154 .FEEDBACK_TITLE img{width: 100%;}
.PC #it154 .FEEDBACK_BG{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #faae6b;
	border-right: 1px solid #faae6b;
	border-bottom: 1px solid #ffffff;
	-webkit-box-sizing:border-box;
	color: #333;
}
.PC #it154 .FEEDBACK_BG p.NAME{
	text-align: right;
	padding-right: 10px;  
}

.PC #it154 .BOR02{
	border-left: 1px solid #b0d5b1;
	border-right: 1px solid #b0d5b1;
	border-bottom: 1px solid #b0d5b1;
}

/*控制pq*/
.PC #it154 .pq_TWO_COM .pq_RETEXT{
	margin-top: 10px;
}
/*=====輸入頁內容區 尾=====*/




/*免費頁-置底按鈕*/
.PC #it154-wrapper .DOWN_BAR{
	width: 750px;
	height: auto;
	overflow: hidden;
	background-image: url(../images2/free/bt_bg.png);
	position: fixed;
	bottom: 0;
	z-index: 9999;
	padding: 5px 0;
	left: 50%;
  transform: translate(-50%, 0);
}
  /* iPad Portrait (768px) */
@media screen and (max-width: 768px) {
  .PC #it154-wrapper .DOWN_BAR{
    width: 768px !important;
  }
}

/* iPad Landscape (1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
.PC #it154-wrapper .DOWN_BAR{
    width: 100% !important;
  }
}

.PC #it154-wrapper .BT_AREA{
	width: 98%;
	margin: 0 auto;
}

.PC #it154-wrapper .BT_AREA ul{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.PC #it154-wrapper .BT_AREA li{
	width: 50%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: 5px;}
	.PC #it154-wrapper .BT_AREA li:nth-last-child(1){
		width: 49%;
	}

.PC #it154-wrapper .BT_AREA span.TOMOBR{
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 1px;
}

.PC #it154-wrapper .BT_AREA a.ONE{
	display: block;
	width:95%;
	margin:0 auto;
	height:50px;
	font-size: 1.3em;
	line-height: 48px;
}

.PC #it154-wrapper .BT_AREA a{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#b21424;
	background: -moz-linear-gradient(
		top,
		#fb2121 0%,
		#b21424);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fb2121),
		to(#b21424));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #bf3539;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.PC #it154-wrapper .BT_AREA a.GOLD{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#000;
	border:1px solid #dbaa00;
		background: -moz-linear-gradient(
		top,
		#ffe400 0%,
		#ffc600);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffe400),
		to(#ffc600));	
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.PC #it154 a.LEFT{
	color:#fff;	
	background-color:#eb6d54;
	background: -moz-linear-gradient(
		top,
		#eb6d54 0%,
		#bf3539);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#eb6d54),
		to(#bf3539));
	border:1px solid #a1002d;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
		}
.PC #it154 a.RIGHT{
	color:#000;
	border:1px solid #dbaa00;
		background: -moz-linear-gradient(
		top,
		#ffe400 0%,
		#ffc600);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffe400),
		to(#ffc600));		
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

/*==============================手機版=======手機版=====手機版====手機版===============================================*/



/*============================共用按鈕 樣式============================*/
.MOBILE .PC_LOGIN, .MOBILE .FOOT_PC{ display:none;}

/*MOBILE表頭尾*/	
.MOBILE #float_icon, .MOBILE #header, .MOBILE .FOOT_MOBILE{ display:block;}
/*MOBILE表頭尾*/	
	
/*消失區*/
.MOBILE #it154 #INPUT_BOX, .MOBILE #it154 .MENU ,.MOBILE #it154 .PRINT_BT ,.MOBILE #it154-wrapper .watermark-wrapper ,.MOBILE #it154 .PH_CON , .MOBILE #it154 .NOW_BT{ display:none;}
/*消失區尾*/

/*框架區*/
.MOBILE #it154{
	width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(../images2/bg.jpg);
    background-size: 360% auto;
    background-repeat: no-repeat;
    background-position: top center;
	-webkit-box-sizing: border-box;
	}

.MOBILE #it154 .IP_FRAME{
	width:100%;
	height:auto; 
	overflow:hidden; 
	margin:0 auto;
	margin-top: 20px;
	}

.MOBILE #it154 .IP_TOP h1{
	width: 100%;
	height: 0;
	margin: 0 auto;
	background-image:url(../images2/in_top_title.png);
	background-repeat: no-repeat;
	padding-bottom: 37%;
	overflow: hidden;
	background-size: cover;
	text-indent:-9999px;
}

.MOBILE #it154 .IP_TOP_BG{
	width: 100%;
	height: 0;
	margin: 0 auto;
	background-image:url(../images2/in_top_bg.png);
	background-repeat: no-repeat;
	padding-bottom: 52.6%;
	overflow: hidden;
	background-size: cover;
	text-indent:-9999px;
}

/*框架區尾*/
.MOBILE #it154 .CONTENT_TOP,.MOBILE #it154 .CONTENT_FOOT{display: none;}
.MOBILE #it154 .IP_CONTENT{
	width:100%;
	overflow: hidden;
	background-color: #fff;
	border: 4px solid #66552b;
	background-size:100% auto;
	padding: 2%;
}
.MOBILE #it154 .PIC650{width: 100%; margin: 0 auto;}
.MOBILE #it154 .CON_BOX>ul{
	width: 60%;
	max-width: 400px;
	margin: 0 auto;
	background-color: #fff;
}
.MOBILE #it154 .CON_BOX>ul li{
	width: 100%;
	margin-bottom: 3%;}
/*影片*/
.MOBILE #it154 .VIDEO{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	position:relative;
	margin:10px auto;}
	
.MOBILE #it154 .VIDEO iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;}
.MOBILE #it154 .VIDEO_ICON{
	display: inline-block;
	width: 35px;
	height: 25px;
	background-image: url(../images2/in_v_icon.png);
	background-size: 35px 25px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: -3px;
	margin-left: 8px; 
}
/*使用者反饋文*/
.MOBILE #it154 .FEEDBACK_TITLE{
	width: 100%;
    overflow: hidden;
}
.MOBILE #it154 .FEEDBACK_TITLE img{width: 100%;}
.MOBILE #it154 .FEEDBACK_BG{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #faae6b;
	border-right: 1px solid #faae6b;
	border-bottom: 1px solid #ffffff;
	-webkit-box-sizing:border-box;
	color: #333;
}
.MOBILE #it154 .FEEDBACK_BG p.NAME{
	text-align: right;
	padding-right: 10px;  
}

.MOBILE #it154 .BOR02{
	border-left: 1px solid #b0d5b1;
	border-right: 1px solid #b0d5b1;
	border-bottom: 1px solid #b0d5b1;
}

/*控制pq*/
.MOBILE #it154 .pq_TWO_COM .pq_RETEXT{
	margin-top: 10px;
}
/*=====輸入頁內容區 尾=====*/




/*免費頁-置底按鈕*/
.MOBILE #it154-wrapper .DOWN_BAR{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-image: url(../images2/free/bt_bg.png);
	position: fixed;
	bottom: 0;
	z-index: 9999;
	padding: 5px 0;
}

.MOBILE #it154-wrapper .BT_AREA{
	width: 98%;
	margin: 0 auto;
}

.MOBILE #it154-wrapper .BT_AREA ul{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.MOBILE #it154-wrapper .BT_AREA li{
	width: 50%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: 5px;}
	.MOBILE #it154-wrapper .BT_AREA li:nth-last-child(1){
		width: 49%;
	}

.MOBILE #it154-wrapper .BT_AREA span.TOMOBR{
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 1px;
}

.MOBILE #it154-wrapper .BT_AREA a.ONE{
	display: block;
	width:95%;
	margin:0 auto;
	height:50px;
	font-size: 1.3em;
	line-height: 48px;
}

.MOBILE #it154-wrapper .BT_AREA a{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#b21424;
	background: -moz-linear-gradient(
		top,
		#fb2121 0%,
		#b21424);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fb2121),
		to(#b21424));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #bf3539;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.MOBILE #it154-wrapper .BT_AREA a.GOLD{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#000;
	border:1px solid #dbaa00;
		background: -moz-linear-gradient(
		top,
		#ffe400 0%,
		#ffc600);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffe400),
		to(#ffc600));	
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}

.MOBILE #it154 a.LEFT{
	color:#fff;	
	background-color:#eb6d54;
	background: -moz-linear-gradient(
		top,
		#eb6d54 0%,
		#bf3539);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#eb6d54),
		to(#bf3539));
	border:1px solid #a1002d;
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
		}
.MOBILE #it154 a.RIGHT{
	color:#000;
	border:1px solid #dbaa00;
		background: -moz-linear-gradient(
		top,
		#ffe400 0%,
		#ffc600);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffe400),
		to(#ffc600));		
	-moz-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		inset 0px 0px 2px rgba(255,255,255,1);}


