@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	font-family:"微軟正黑體","sans-serif";-webkit-text-size-adjust:100%;
	overflow-y:scroll;
	background-color: #203c66;
	}
a{
   outline: none;
   text-decoration: none;
   color: inherit;
}
img{
   border:0;
}
input,button{
	font-family:"微軟正黑體","sans-serif";-webkit-text-size-adjust:100%;
}
.line-through{
	text-decoration: line-through;
}
.test_btn{
	position: fixed;
	z-index: 500;
	top:0;
	left:0;
}
.clear{
	clear:both;
}
.fixed_place{
	background-color: #203c66;
}
.header_menu{
	position: fixed;
	width:100%;
	top:0; 
	z-index: 100;
}
.header_menu .top{
	background-color: #d42b30;
}
.mt10{
	margin-top: 10px;
}
.h35{
	height: 35px;
}
.fixed{
	position: fixed !important;
	bottom:0;
	z-index: 50;
}
.Tables{
	display: table;
	height: 100%;
	width: 100%;
}
.cell{
	display: table-cell;
	vertical-align:middle;
}
.cell_bottom{
	display: table-cell;
	vertical-align:bottom;
}
.color1{
	color:#f9e19a;
}
.title_s{
	color:#f9e19a;
	border-left:5px solid #f9e19a;
	border-right:5px solid #f9e19a;
	padding:3px 12px;
	display: inline-block;
	margin-bottom: 25px;
}
.header_menu .logo,.header_menu .logo2{
	position: absolute;
}
.banner_pc{
	display: block;
}
.banner_phone{
	display: none;
}
.banner{
	margin-top: 75px;
	background-color: #1a1c21;
}
.banner .padding{
	max-width: 1080px;
	margin:auto; 
}
.banner .padding .banner_img{
	width: 100%;
}
.subscription{
	position: relative;
	width: 100%;
	height: 135px;
	background-color: #3f3f3f;
	color:#FFFFFF;
}

.subscription_top{
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	height:5px;
}
.subscription .padding{
	max-width: 1020px;
	height: 100%;
	padding:0 40px;
	margin:auto;
}
.subscription .subscription_add{
	width: 100%;
	height:100%;
	margin:auto;
}
.subscription .left{
	width: 37%;
	height:100%;
	float:left;
	background-image: url('../img/subscription_border.jpg');
	background-size: 1px 91px;
	background-position: right center;
	background-repeat: no-repeat; 
}
.subscription .right{
	width: 63%;
	height:100%;
	float:right;
}
.subscription .right .div1{
	float:left;
	width: 68%;
	height:100%;
	text-align: center;
}
.subscription .right .subscription_person{
	margin-right: 3%;
}
.subscription .right .div2{
	float:right;
	height:100%;
	width: 32%;
}
.subscription .subscription_btn{
	width: 100%;
	max-width: 213px;
	background-color: #f9e19a;
	border-radius: 10px;
	padding:10px;
	color: #474747;
	font-size: 35px;
	text-align: center;
	font-weight: bold;
}
.subscription_btn img{
	width: 31px;
	margin-right:5px;
	margin-bottom: -3px;
}
.bgc_same{
	background-color: #203c66;
}
.bgc_same .padding{
	max-width: 1020px;
	padding:80px 40px 35px 40px;
	margin:auto;	
}
.title{
	text-align: center;
	color:#f9e19a;
	font-size: 46px;
	margin-bottom: 50px;

	overflow: hidden;  /*超出範圍的部分隱藏*/
	white-space: nowrap;  /*不自動斷行*/
	text-overflow: ellipsis;  /*出現省略號*/
}
.title_left,.title_right{
	display: inline-block;
	width: 30px;
	height:80px;
	background-size: 30px 80px;
	background-repeat: no-repeat;
	background-position: center;
	margin:0 -6px; 

}
.title_center{
	display: inline-block;
	height:80px;
	background-size: 30px 80px;
	background-repeat: repeat-x;
	margin:0 -6px; 
	background-image: url("../img/title_center.png");

}
.title_left{
	background-image: url("../img/title_left.png");
}
.title_right{
	background-image: url("../img/title_right.png");
}
.iframe_youtu{
	margin:0 auto;
	max-width: 800px;
	display: block; 
}
.video{
	margin:0 auto;
	width: 100%;
	max-width: 800px;
	display: block; 
}
.module_div2 .outer_div{
	max-width: 780px;
	margin:0 auto; 
}
.module_div2 .in_div{
	position: relative;
	min-height:157px;
	margin-bottom: 20px;
}
.module_div2 .left{
	position: absolute;
	top:0;
	left:0;
	z-index: 5;
	width: 338px;
	height:157px;
	background-size: 100%;
	background-image: url("../img/div2_img.png");
	background-repeat: no-repeat;
}

.module_div2 .left .img{
	position: absolute;
	left:6%;
	width: 34%;
	margin-top:17px; 
}
.module_div2 .left .text{
	position: absolute;
	left:56%;
	width: 34%;
	margin-top:27px; 
	font-size: 24px;
	color:#203c66;
	font-weight: bold;
}
.module_div2 .right_top_margin{
	margin-left: 170px;
	height:55px; 
}
.module_div2 .right{
	position: relative;
	padding-top:18px;
	margin-left: 170px; 
	position: relative;
	border-left:1px #f9e19a solid;
	border-bottom:1px #f9e19a solid;
	padding-left: 18px;
	padding-bottom: 15px;
}

.point_li{
	position: relative;
	padding-left: 16px;
	color:#ffffff;
	line-height: 1.7em;
	margin:5px; 
}
.point_li .img{
	position: absolute;
	top:11px;
	left:0;
	width: 10px;
}
.point_num{
	position: relative;
	padding-left: 42px;
	color:#ffffff;
	line-height: 1.7em;
	margin:5px 5px 30px 5px; 

}
.point_num .img{
	position: absolute;
	top:1px;
	left:0;
	width: 35px;
}
.module_div3 .outer_div{
	max-width: 685px;
	margin:0 auto;
	color:#ffffff;
}
.module_div3 table{
	border-collapse: collapse;
	border-spacing: 0;	
	width: 100%;
}
.module_div3 .img{
	background-size: 100%;
	background-image: url("../img/div3_img.png");
	background-repeat: no-repeat;	
	background-position: center;
	width: 254px;
	height:71px;
	color:#203c66;
	text-align: center;
	font-weight: bold;
}
.module_div4 .padding{
	position: relative;
}
.module_div4 .left{
	position: relative;
	max-width: 632px;
	float:left;
	z-index: 2;
}
.module_div4 .right{
	position: absolute;
	width: 38%;
	height:620px;
	right:0;
	z-index: 0;
}
.module_div4 .right .div4_right_triangle{
	position: absolute;
	width: 100%;
	top:-20px;
	z-index: 0;
}
.module_div4 .right .div4_right_person{
	position: absolute;
	width: 98%;
	z-index: 2;
	top:50px;
	right:16px;
}
/*.module_div4 .icon_group img{
	width: 92px;
	margin-right: 10px;
	float:left;
}*/
.module_div4 .point_li_outer{
	margin-top: 30px;
}
.module_div5 .left{
	float:left;
}
.module_div5 .right{
	float:right;
}
.module_div5 .img_outer{
	margin-top: 35px;
}
.module_div5 .img_in{
	width: 45%;
}

.module_div5 .img_in_img img{
	width: 100%;
	display: block;
}
.module_div5 .img_in_img{
	overflow: hidden;
	border-bottom-left-radius: 25px; 
	border-top-right-radius: 25px; 
	border:10px solid #e7ebff; 
}
.module_div5 .text{
	color:#ffffff;
	text-align: center;
	margin-top:15px;
}
.module_div6 .outer_div{
	position: relative;
	background-color: #f9e19a;
	padding:5% 0;
	-moz-box-shadow: 0px 4px 15px #132238;
	-webkit-box-shadow: 0px 4px 15px #132238;
	box-shadow: 0px 4px 15px #132238;

}
.module_div6 .in_div{
	float:left;
	width: 25%;
	position: relative;
}
.module_div6 .div6_step,.module_div6 .div6_img,.module_div6 .div6_text{
	width: 100%;
	text-align: center;
}
.module_div6 .div6_step img{
	width: 100%;
	max-width: 120px;
}
.module_div6 .div6_img{
	margin-top:15px;
}
.module_div6 .div6_img img{
	width: 100%;
	max-width: 110px;
}
.module_div6 .div6_text{
	color:#474747;
	line-height: 1.2em;
	font-size: 24px;
}
.module_div6 .div6_text .Tables{
	/*background: #FF0000;*/
	height:68px;
}
.module_div6 .div6_triangle{
	position: absolute;
	width: 20px;
	right: 0;
	margin-right: -10px;
	top:50%;
	margin-top: -10px;
}
.module_div7 .in_div{
	position: relative;
	/*min-height:157px;*/
	margin-bottom: 40px;
}
.module_div7 .left{
	position: absolute;
	top:0;
	left:0;
	z-index: 5;
	width: 71px;
}
.module_div7 .right_top_margin{
	height:5px; 
}
.module_div7 .right{
	position: relative;
	padding-top:5px;
	margin-left: 38px; 
	position: relative;
	border-left:1px #f9e19a solid;
	border-bottom:1px #f9e19a solid;
	padding-left: 35px;
	padding-bottom: 10px;
	min-height: 80px;
}
#fancybox{
	padding:10px 0;
	max-width: 450px;
	text-align: center;
	color:#333333;
	line-height: 1.5em;
	width: 450px;
	font-size: 24px;
}
#fancybox .fancybox_next{
	width: 100%;
	max-width: 160px;
	margin:40px 0 20px 0;
}
.hr{
	border-bottom: 1px #f9e19a dashed; 
	margin:auto;
}
.collapse_outer{
	max-width: 935px;
	margin:auto;
}
.collapse_in{
	margin-bottom: 5px;
}
.collapse_outer .collapse_title{
	background: #2CBBCC;
	color:#203C66;
	font-weight: bold;
	cursor: pointer;
	padding:8px 58px 8px 30px;
	background-image: url("../img/collapse_add.png");
	background-repeat: no-repeat;
	background-size: 45px 31px;
	background-position: right center;
}
.collapse_outer .collapse_title.active{
    background-image: url("../img/collapse_less.png") !important;
}
.collapse_outer .collapse_con{
	margin-top: 25px;
	margin-bottom: 25px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    display: none;
}
.collapse_outer .list_outer{
	width: 100%;	
	margin-bottom:14px;
}
.collapse_outer .list_in{
	padding:0 5px 0 90px;
	background-repeat: no-repeat;
	background-size: 50.5px 28.5px;
	background-position: 0px top;	
	color:#ffffff;
	text-indent: -32px;
}
.collapse_outer .list_in.video_openbtn{
	background-image: url("../img/try_read.png");	
	color:#F9E19A;
	text-decoration: underline;
	cursor: pointer;
}
@media screen and (min-width: 1000px) {
.title_s{
	font-size: 30px;
}
.header_menu .menu_btn{
	display: none;
}
.header_menu .top .padding{
	position: relative;
	height:75px; 
	max-width:1080px;
	margin:0 auto;
}
.header_menu .logo{
	top: 12px;
	left: 10px;
	height: 51px;
}
.header_menu .logo2{
	top: 12px;
	left: 213px;
	height: 51px;
}
.header_menu .bottom .padding{
	max-width:1080px;
	margin:0 auto;
	position: relative;
}
.header_menu .btn_group1{
	position: absolute;
	bottom:24px;
	right:10px;	
	font-size: 21px;
	letter-spacing: 0.7px;
}
.header_menu .btn_group1 a{
	color:#ffffff;
	display: inline-block;
	padding: 0px 11px;
}
.header_menu .btn_group1 a:hover{
	color:#f9e19a;
}
.header_menu .btn_group1 a.active{
	color:#f9e19a;
}
.header_menu .btn_group1 a:last-of-type{
	padding: 0px 0px 0 11px;
	border-right: 0;
}
.subscription .fss{
	font-size: 60px;
}

.title{
	margin-bottom: 40px;
}
.module_div3 table tr td:nth-of-type(1){
	width: 254px;
}
.hr{
	width: 95%;
	max-width: 1020px;
	margin-top: 40px;
}
.module_div4 .div4_left{
	width: 500px;
	display: block;
	margin: 15px 0 35px 0;
}
}
@media screen and (max-width: 999px) {
.phone_hide{
	display: none;
}
.h35{
	height: 20px;
}
.title_s{
	font-size: 22px;
}
.point_num{
	padding-left: 33px;
}
.point_num .img{
	top:0px;
	width: 26px;
	margin:5px 5px 20px 5px; 
}
.header_menu .top{
	position: absolute;
	top:0;
	width: 100%;
	height:64px;
}
.header_menu .logo{
	top: 11px;
	left: 16px;
	height: 43px;
}
.header_menu .logo2{
	top: 11px;
	left: 184px;
	height: 43px;
}
.header_menu .menu_btn{
	position: absolute;
	top: 14px;
	right: 17px;
	width: 36px;
	cursor: pointer;
}
.header_menu .bottom{
	/*display: none;*/
	position: absolute;
	top:64px;
	width: 100%;
	height:98%;
	overflow: auto;
	background-color: rgba(63, 63, 63, 0.9);
}
.header_menu .bottom .padding{
	width: 94%;
	padding:0px 3% 0px 3%;
	position: relative;
}
.header_menu .btn_group1 a{
	color:#ffffff;
	width: 98%;
	padding: 20px 1%;
	margin:0 auto; 
	border-bottom: #d1d1d1 1px dotted; 
	font-size: 22px;
	letter-spacing: 1px;
	display: block;
}
.banner{
	margin-top: 64px;
}
.subscription .padding{
	padding:0 20px;
}
.subscription .subscription_add{
	max-width: 758px;
}
.subscription .left{
	background-size: 1px 73px;
}
.subscription{
	height: 105px;
}
.subscription .subscription_person{
	width: 35px;
}
.subscription .fss{
	font-size: 41px;
}
.subscription .subscription_btn{
	padding:8px;
	font-size: 23px;
	width: 90%;
}
.subscription .right .div1{
	width: 65%;
}
.subscription .right .div2{
	width: 35%;

}
.subscription_btn img{
	width: 27px;
	margin-right:5px;
	margin-bottom: -5px;
}
.bgc_same .padding{
	max-width: 1020px;
	padding:45px 20px 20px 20px;
	margin:auto;	
}
.title{
	font-size: 35px;
	margin-bottom: 25px;
}
.module_div2 .in_div{
	min-height:123.92px;
	margin-bottom: 10px;
}
.module_div2 .left{
	width: 265px;
	height:123.92px;
}
.module_div2 .left .text{
	font-size: 17px;	
	margin-top: 23px;	
}
.module_div2 .right_top_margin{
	height:47px;	
	margin-left: 127px;
}
.module_div2 .right{
	margin-left: 127px;
    padding-left: 10px;
    padding-bottom: 7.5px;
}
.module_div2 .outer_div {
	max-width: 540px;
}
.point_li .img{
	top:7px;
}
.module_div3 .outer_div{
	max-width: 470px;
}
.module_div3 .img{
	width: 180px;
	height:61px;
	background-image: url(../img/div3_img_phone.png);
}
.module_div3 table tr td:nth-of-type(1){
	width: 180px;
}
.title_s{
	margin-bottom: 30px;
}
.module_div4 .right{
	position: relative;
	width: 100%;
	height:auto;
	text-align: center;
}
.module_div4 .right .div4_right_triangle{
	display: none;
}
.module_div4 .right .div4_right_person{
	position: relative;
	width: 80%;
	max-width: 404px;
	z-index: 2;
	top: auto;
	right: auto;
	margin:0 auto 20px auto;
}
.module_div4 .left{
	max-width: none;
	width: 100%;
}
.module_div4 .point_li_outer{
	max-width: 632px;
	margin-left: auto;
	margin-right: auto;
}
/*.module_div4 .icon_group{
	max-width: 615px;
	margin:0 auto; 
}
.module_div4 .icon_group img{
	width: 92px;
	margin-right: 5px;
	margin-left: 5px;
}*/
.module_div4 .div4_left{
	width: 100%;
	max-width: 454px;
	margin:0 auto; 
	display: block;
}
.module_div5 .img_in{
	width: 45%;
}
.module_div5 .img_in_img{
	border-bottom-left-radius: 20px; 
	border-top-right-radius: 20px; 
	border:5px solid #e7ebff; 
}
.module_div5 .text{
	margin-top:10px;
}
.module_div6 .div6_text{
	font-size: 20px;
}
.hr{
	width: 95%;
	margin-top: 20px;
}
#fancybox{
	font-size: 20px;
}
.collapse_outer .list_in{
    padding: 3px 5px 3px 90px;
}
}
@media screen and (max-width: 700px) {
.banner_pc{
	display: none;
}
.banner_phone{
	display: block;
}
.subscription{
	height: auto;
}
.subscription .subscription_btn{
	max-width: 150px;
}
.subscription .subscription_add{
	max-width: none;
}
.subscription .left{
	width: 100%;
	float: none;
	background-image: none;
	text-align: center;
	padding:6px 0 9px 0;
	border-bottom:1px #f9e19a dashed; 
}
.subscription .right{
	width: 100%;
	height:auto;
	float:none;
}
.subscription .right .div1,.subscription .right .div2{
	float: none;
	width: 100%;
	height:auto;
	text-align: center;
	
}
.subscription .right .div1{
	padding:2px 0 10px 0;
}
.subscription .right .div2{
	padding-bottom: 15px;
}
.subscription .subscription_btn{
	padding:8px 0;
	font-size: 22px;
	width: 100%;
	max-width: none;
}
.subscription_left_hide{
	display: none;
}
.title{
	font-size: 24px;
}
.title_left,.title_right{
	width: 24px;
	height:64px;
	background-size: 24px 64px;
	margin:0 -4px; 
}
.title_center{
	height:64px;
	background-size: 24px 64px;
	margin:0 -4px; 
}
/*.module_div4 .icon_group{
	max-width: 306px;
	margin:0 auto; 
}
.module_div4 .icon_group img{
	width: 30%;
	margin: 1.66666%;
}*/
.module_div5 .img_in{
	margin:0 auto 20px auto;  
	width: 100%;
	max-width: 427px;
	float: none;
}
.module_div5 .img_in.right{
    margin:0 auto; 
}
/*新增*/
.module_div6 .in_div{
	float:none;
	width: 100%;
	position: relative;
}
.module_div6 .div6_step,.module_div6 .div6_img,.module_div6 .div6_text{
	width: 33%;
	text-align: center;
	height:111px;
	float:left;
}
.module_div6 .div6_img{
	margin-top:auto;
}
.module_div6 .outer_div{
	max-width: 390px;
	margin-left: auto;
	margin-right: auto;
	padding:10% 0; 
}
.module_div6 .div6_text .Tables{
	height:68px;
}
.module_div6 .div6_triangle{
	position: relative;
	width: 20px;
	right: auto;
	margin:20px auto; 
	top: auto;
	display: block;
	transform:rotate(90deg);
}
.module_div6 .div6_text .Tables{
	height:111px;
}
.module_div6 .div6_step img{
	width: 90%;
	max-width: 80px;
}
.module_div6 .div6_text{
	font-size: 18px;
}
.module_div6 .div6_img img{
	max-width: 90px;
}
.module_div7 .in_div{
	margin-bottom: 25px;
}
#fancybox{
	width: 290px;
}
}

@media screen and (max-width: 850px) {
.collapse_outer .collapse_con{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
}
@media screen and (max-width: 500px) {
.collapse_outer .list_in{
	padding:0 5px 0 30px;
	text-indent: -30px;
	margin-left: 17px;
}
.collapse_outer .list_in.video_openbtn{
	background-image: none;	
}
.collapse_outer .collapse_con{
	font-size: 15px;
}
}
@media screen and (max-width: 370px) {
#fancybox{
	width: auto;
}
.header_menu .logo{
	top: 15px;
	left: 16px;
	height: 38px;
}
.header_menu .logo2{
	top: 15px;
	left: 165px;
	height: 38px;
}
}
.lightbox_outer{
	position: fixed;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	z-index: 101;	
	display: none;
}
.lightbox_in_div{
	width: 800px;
	margin:auto;	
	overflow: hidden;
	position: relative;
	height:100%;
}
.lightbox_outer .lightbox_bgc{
	position: absolute;
	top:0;
	left:0;
	width: 800px;
	margin:auto;	
	background-color: rgba(0, 0, 0, 0.6);	
	background-image:url(about:blank); 
	z-index: 1;	
	height:100%;
	cursor: pointer;
}
.lightbox_outer .lightbox_content{
	position: relative;
	width: 800px;
	margin:auto;	 	
	/*height:100%;*/
	z-index: 10;
}
.lightbox_outer .lightbox_content{
	position: relative;
	width: 800px;
	margin:auto;	 	
	/*height:100%;*/
	z-index: 10;
}
.lightbox_outer_video .lightbox_in_div,.lightbox_outer_video .lightbox_bgc{
	width: 100%;
}

/*燈箱手機版*/
.lightbox_outer_video.phone{
	width: 0px !important;
	position: absolute !important;
	z-index: 0 !important;	
}
.video_outerdiv.phoneandroid{
	max-width:  none !important;
}
.video_outerdiv.phoneandroid .video_close_btn{
	display: none !important;
}
.video_outerdiv{
	width: 100%;
	max-width: 1000px;
	position: relative;
	margin:auto;
	display: block;
}
.video_outerdiv video{
	width: 100%;
}
.video_close_btn{
	width: 40px;
	position: absolute;
	top:-45px;
	right:0;
	cursor: pointer;
}