@charset "utf-8";
body{ font-family: Arial, Helvetica, sans-serif, "微軟正黑體" ;font-size:16px;color:#474747;
	}
.wrap{width:1002px;	margin:0 auto;position:relative;}

#sp_header {
	display:block;
	text-align:center;
	height:465px;
	background:url(../img/page_item.jpg);
	background-size:cover;
}
#sp_header2{
	display:block;
	text-align:center;
	height:271px;
    background: url(../img/page_item.jpg); background-size:cover;}
	

	
#sp_nav{height:50px;background:url(../img/nav_bg.jpg) repeat-x ;}
#sp_nav ul{width:842px;height:50px;font-size:20px; font-weight:bold; list-style:none; letter-spacing:0.1rem;margin:0 auto;border:0;}
#sp_nav ul li{float:left;border-right:#9f0900 1px solid;}
#sp_nav li a{display:block;text-decoration:none;color:#fff;text-align:center;min-width:163px;line-height:48px;}
#sp_nav li a:hover,#sp_nav li a:active,#sp_nav li.on{background:url(../img/nav_bg_over.jpg) repeat-x;}

#sp_nav .r01{border-left:#9f0900 1px solid;}
#followMe{
	position: fixed;
	z-index: 100;
	width: 90px;
	height: 90px;
	background: url(../img/actionBtn.png) right top no-repeat;
	margin-top: 200px;
	margin-left: -30px;
}
#followMe:hover{ background-position: bottom;}
#followMe2{
	position: absolute;
	z-index: 100;
	width: 90px;
	height: 90px;
	background: url(../img/actionBtn.png) right top no-repeat;
	margin-top: 399px;
	margin-left: -30px;
}
#followMe2:hover{ background-position: bottom;}

#contant{min-height:500px; background:url(../img/contant_bg.png); background-size:100% 100%;display:block;}

.page{padding:20px 0;width:842px;margin:0 auto;position:relative;}

.re_h1{background:url(../img/h1_bg.gif) no-repeat;color:#a40001;font-size:19px;padding-left:40px;line-height:28px;}
.page p.a01{margin:-20px auto 0 auto;width:670px; }
.page span.a01{margin-left:30px;margin-right:30px;}
.page p{
	margin: 20px 0 40px 40px;
	line-height: 25px;
	width: 730px;
	text-align: justify;
	font-weight:bold;
}
.page ul{ list-style-image: url(../img/list-item.gif); margin:20px 0 40px 40px;display:block;width:730px;font-size:16px;}
.page ul li{margin-left:20px;line-height:25px; font-weight:bold;text-align: justify;}
.page ol{margin:-20px 0 40px 40px;display:block;width:730px;font-size:14px;font-weight:bold; list-style:decimal-leading-zero;}
.page ol li{margin-left:30px;line-height:25px; text-align: justify;}
.page .retb{
	margin: 20px 0 40px 40px;
	line-height: 25px;
	display: block;
	width: 730px;
	text-align: justify;
	font-weight:bold;
}
.page .retb td{padding:5px;border:#d2edfb 1px solid;}
.retb ul{
	line-height: 25px;
	text-align: justify;
	font-weight:bold;
	margin:0;
	width:98%;
}
.retb p.p{
	line-height: 25px;
	text-align: justify;
	font-weight:bold;
	margin:0;
	width:98%;
}
.retb .a01{background:#e8f5fc}
.retb .a02{background:#f6fafc}


.goBtn a{
	width: 87px;
	height: 87px;
	display: block;
	background: url(../img/goBtn.png);
	position: absolute;
	z-index: 100;
	left: 65px;
	top: 714px;
}
.goBtn a:hover{background-position:bottom;}

.sp_nav2 ul{display:block;margin:0 auto;width:783px;}
.sp_nav2 ul li{float:left;}
.sp_nav2 ul li.nav2_01{width:183px;height:43px;display:block;cursor:pointer; background:url(../img/nav2_01.png) left top}
.sp_nav2 ul li.nav2_01:hover{background-position:bottom;}

.sp_nav2 ul li.nav2_02{width:183px;height:43px;display:block;cursor:pointer; background:url(../img/nav2_02.png) left top}
.sp_nav2 ul li.nav2_02:hover{background-position:bottom;}

.sp_nav2 ul li.nav2_03{width:183px;height:43px;display:block;cursor:pointer; background:url(../img/nav2_03.png) left top}
.sp_nav2 ul li.nav2_03:hover{background-position:bottom;}

.sp_nav2 ul li.nav2_04{width:183px;height:43px;display:block;cursor:pointer; background:url(../img/nav2_04.png) left top}
.sp_nav2 ul li.nav2_04:hover{background-position:bottom;}

.goTop{width:1002px;height:31px;text-align:right;margin:0 auto;}
#goTop{width:42px;height:31px;display:block; background:url(../img/goTop.png) top left; cursor:pointer; margin-left:850px;}
#goTop:hover{background-position:bottom;}






.clear-fix{overflow:hidden;zoom:1;}
.clear-fix:after{display:table;content=""; width:0;clear:both;}

.R16{margin-right:16px;}

.word01{color:#0075c1;font-size:22px; font-weight:bold;}
.word02{color:#f08200;font-size:20px; font-weight:bold;}
.word03{color:#04aa72;font-size:18px;font-weight:bold;}
.word04{color:#474747;font-weight:bold;}
.word05{color:#e00000;font-weight:bold;font-size:18px;}/*red-english*/
.word06{color:#e00000;font-weight:bold;font-size:14px;}/*red p*/

.word07{color:#474747;font-weight:bold;font-size:14px;line-height:25px;}/*p*/
.word07_B{color:#474747;font-weight:bold;font-size:16px;line-height:25px;}/*p*/
.word08{color:#474747;font-weight:bold; text-decoration:none;}/*a*/
.word09_S{color:#004d99;font-size:16px; font-weight:bold;}/*blue H2*/
.word09{color:#004d99;font-size:18px; font-weight:bold;}/*blue H2*/
.word10{color:#004d99;font-size:20px; font-weight:bold;}/*blue H1*/
.word11{color:#ff681d;font-size:16px; font-weight:bold;}/*org H3*/
.color01{color:#0075c1}/*blue*/
.color02{color:#f08200}/*org*/
.color03{color:#04aa72}/*green*/

/*----------popup-----------------*/


#nav3_01,#nav3_02,#nav3_03,#nav3_04,#discount_pop01,#discount_pop02,#discount_pop03,#discount_pop04,#discount_pop05,#discount_pop06,#discount_pop07,#discount_pop08,#discount_pop09{
	width:100%;
	height:100%;
	background: url(../img/coverbg.png) repeat;
	position:fixed;
	z-index: 200;
	}
.realmovieall{
	position:absolute;
	width:100%;
	height: 450px;
	z-index: 100;
	}

.nav3{width:896px;height: 450px;margin:0 auto; background:#eeeeee; position:relative;padding: 0  0 25px 0;}
.nav3 li{float:left;}

.n3_1{width:224px;height:69px;display:block;background: url(../img/nav4_01.png) no-repeat left bottom; cursor:pointer;}
.n3_2{width:224px;height:69px;display:block;background: url(../img/nav4_02.png) no-repeat left bottom; cursor:pointer;}
.n3_3{width:224px;height:69px;display:block;background: url(../img/nav4_03.png) no-repeat left bottom; cursor:pointer;}
.n3_4{width:224px;height:69px;display:block;background: url(../img/nav4_04.png) no-repeat left bottom; cursor:pointer;}
.n3_1_on{width:224px;height:69px;display:block;background: url(../img/nav4_01.png) no-repeat left top; cursor:pointer;}
.n3_2_on{width:224px;height:69px;display:block;background: url(../img/nav4_02.png) no-repeat left top; cursor:pointer;}
.n3_3_on{width:224px;height:69px;display:block;background: url(../img/nav4_03.png) no-repeat left top; cursor:pointer;}
.n3_4_on{width:224px;height:69px;display:block;background: url(../img/nav4_04.png) no-repeat left top; cursor:pointer;}
.n3_1:hover,.n3_2:hover,.n3_3:hover,.n3_4:hover,.n3_1_on:hover,.n3_2_on:hover,.n3_3_on:hover,.n3_4_on:hover{background-position:bottom;}
.n3_1:hover,.n3_2:hover,.n3_3:hover,.n3_4:hover{background-position:top;}


#qaBox{width:777px;height:75%;;margin: 32px auto 0 auto;padding-right: 20px;padding-bottom:20px;overflow-y:auto;}
.qaList{border-bottom:#eeeeee 1px dotted;padding:0 0 16px 0;text-align: justify;line-height:25px;}
.qaList .title{padding-bottom:10px;}
.qaList .ans{padding-left:60px;}
.closeBtn{
	width: 209px;
	height: 41px;
	display: block;
	background: url(../img/closebtn.png) no-repeat;
	cursor: pointer;
	margin:20px auto 0 auto;
}

.stepTable td{text-align:left; vertical-align:top;line-height:25px;padding:0 0 10px 5px; letter-spacing:2px;}

#pop03_list ul ul li{margin-left:20px;font-size:14px; font-weight:bold; color:#474747;list-style:url(../img/tag.png) ; list-style-position:outside; float:none; text-align:justify;}

#reLi ul li{float:none;}

.discountText{width:896px;height:100%;margin:0 auto; background:#eeeeee; position:relative;}
.discountText ol{ list-style: decimal-leading-zero outside;margin-left:28px;line-height:25px; font-size:14px; text-align:justify;}
#discountBox h1{background:url(../img/h1_bg.gif) no-repeat;color:#a40001;font-size:19px;padding-left:40px;line-height:28px;margin-bottom:20px;}

#discountBox{width:777px;height:75%;;margin: 0 auto;padding-right:20px;padding-bottom:20px;overflow-y:auto;}

#discountBox2{padding-top:40px;padding-bottom:20px;}
#discountBox .retb{
	margin: 20px auto;
	line-height: 25px;
}
#discountBox .retb td{
	border:1px #fff solid;
		font-size:14px;
}
#discount_pop1, #discount_pop2, #discount_pop3,#discount_pop4, #discount_pop5, #discount_pop6, #discount_pop7, #discount_pop8 ,#discount_pop9{
	width:21px;
	height:26px;
	cursor: pointer;
	display: inline-block;}

.calculatorTable td{height:25px;line-height:25px;font-size:14px;}
.calculatorTable {margin:20px 0 20px 40px;}
.calculatorTable  table{width:460px;}
.calculatorTable .ps{margin:5px 0 20px 525px;font-size:14px;}

.calculatorTable2 td{height:25px;line-height:25px;font-size:14px;}
.calculatorTable2 {margin:20px 0 20px 40px;}
.calculatorTable2  table{width:800px;clear:both}
.calculatorTable2 .ps{margin:5px 0 20px 385px;font-size:14px;}




.Result td{height:30px;line-height:30px;border:#eee 1px solid;font-size:14px;}
.Result th{height:30px;line-height:30px;text-align:center;background:#e8340c;color:#fff; font-weight:bold;}
.Result table{margin:20px 40px;width:88%}
.Result span{color:#e8340c;font-weight:bold;}

.calculatorBtn {margin-top:-42px;margin-left:485px;}
.calculatorBtn a.a01{
	width: 102px;
	height: 42px;
	display: block;
	background: url(../img/calculatorBtn.png) no-repeat;
	cursor: pointer;
	float:left;
	margin-right:10px;
	}
.calculatorBtn a.a02{
	width: 102px;
	height: 42px;
	display: block;
	background: url(../img/cleanBtn.png) no-repeat;
	cursor: pointer;
	float:left;}
	
	.calculatorBtn a.a01:hover{background-position:bottom;}
	.calculatorBtn a.a02:hover{background-position:bottom;}
	
.calculatorBtn2 {margin-top:20px;margin-left:300px;}
.calculatorBtn2 a.a01{
	width: 102px;
	height: 42px;
	display: block;
	background: url(../img/calculatorBtn.png) no-repeat;
	cursor: pointer;
	float:left;
	margin-right:10px;
	}
.calculatorBtn2 a.a02{
	width: 102px;
	height: 42px;
	display: block;
	background: url(../img/cleanBtn.png) no-repeat;
	cursor: pointer;
	float:left;}
	
	.calculatorBtn2 a.a01:hover{background-position:bottom;}
	.calculatorBtn2 a.a02:hover{background-position:bottom;}