﻿@charset "utf-8";
/* CSS Document */

div{ display:block;}
p{ margin:0; padding:0;}

#from_title{
	width:840px;
	height:72px;
	margin-top:10px;
}
#from_title img{
	width:100%;
}


/*JS*/
.pp-tableCell{ vertical-align: top !important;}


#section1, #section2, #section3, #section4, #section5, #section6, #section7,{ width:100%; min-width:960px;}


/*section1*/
#section1{
    min-width:960px;
	background:url(../img/header.gif) no-repeat; 
	background-size: cover; 
	overflow: hidden;}
#section1 a#logo{ width:300px; display:block; margin:25px 0 0 110px;}
#section1 a#logo img{ width:300px;}
#section1 p{ width:80%; max-width:960px; height:268px; display:block; margin:70px 0 0 110px;}
#section1 p img{ width:100%;}
#section1 #header_bt{ background:url(../img/form_bg.png) top center no-repeat ;   margin: 150px 0 0; width:100%; overflow: hidden;}
#header_bt_main{ width:960px; position:relative; margin: 55px auto 0; overflow: hidden;}
#section1_pic{ position:absolute; top:70px; right:0px; display:block; z-index:9999;}
#section1_pic img{ width:580px;} 
#section1 #header_bt dl{ width:440px; overflow:hidden; display:block; margin:auto;  float:left;}
#section1 #header_bt dt{ float:left; margin:5px 10px 0 0;}
#section1 #header_bt dt p{ color:#ffffff;font:20px/30px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif;}
#section1 h2{ font:36px/40px "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", Arial, Helvetica, sans-serif; color:#ffffff;  float:left; margin:0 auto 10px;}
#section1 h2 b{ color:#ffd800;}
#section1 #header_bt dt input{background:#ffffff; border:solid 1px #ffffff; font: bold 20px/40px "微軟正黑體", Arial, Helvetica, sans-serif; color:#222222 ;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{color:#ffffff !important; } 
dt#input_01 input{ width:185px; float:left;}
dt#input_02 input{ width:185px;float:left;}
dt#input_03 input{ width:382px;float:left;}
dt#input_04 select{ width:185px;float:left;}
dt#input_05 select{ width:189px;float:left;}
dt#input_06 p input{ height:inherit !important;float:left;}
#section1_bt{}
#section1_bt img{ width:392px;}


/*section2*/
#section2{
    min-width:960px;
	height:700px;
	background: url(../img/box_a_bg.jpg) no-repeat #000; 
	background-size:1920px;
	overflow: hidden;}
#section2 h1{ font:72px/80px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#FFFFFF; margin:70px auto 20px; text-align:center;}
#section2 b{ font: bold 36px/45px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#fedd00; text-align:center; display:block;
margin: 0 0 10px;}
#section2 p{ font:24px/35px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#FFFFFF; background:url(../img/section2_p_bg.png); max-width:860px; width:100%; padding:20px; margin:10px auto;-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#section2 p br{ height:20px; display:block; width:680px; }





/*section3*/
#section3{
    min-width:960px;
	background: url(../img/box_02_bg.jpg) no-repeat #000 ; 
	background-size:1920px;
	overflow: hidden;
	}
#section3 h2{ font:72px/72px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#06b3eb; letter-spacing:-2px; margin:30px 0 0 0;}
strong{color:#c01639 !important;}
#section3 p{ font:24px/30px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#222222;margin:30px 0 0 0;   width:100%; max-width:870px;}
.section3_pic{ position:relative; margin:30px 20px 100px 0; width:45%; max-width:350px; overflow: hidden; float:left; }
.section3_pic img{ width:100%;}
.section3_pic p{ color:#ffffff !important; position:absolute; bottom:0; left:0; background:#000000; padding:10px 5px; display:block; margin:0 !important; width: 100% !important; text-align:center;}
#section3 .intro{ width:60%; max-width:960px; margin:0 0 0 30%;overflow: hidden; }
#section3 .step{
	background-image:url(../img/box_02_bg1.jpg);
	background-position:20% 0;
	background-repeat:no-repeat;
	width:100%;
	margin:0;
	overflow:hidden;
}

/*section4*/
#section4{
    min-width:960px;
	background: url(../img/box_03_bg.jpg) no-repeat #000 ; 
	background-size:1920px;  
	overflow: hidden;
	}
#section4 h2{ font:72px/72px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#06b3eb; letter-spacing:-2px;margin:30px 0 0 0;}
strong{color:#c01639 !important;}
#section4 p{ font:24px/30px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#222222;margin:30px 0 0 0; width:100%; max-width:860px;}
.section4_pic{ position:relative; margin:30px 20px 100px 0;width:45%; max-width:350px; overflow: hidden; float:left;}
.section4_pic img{ width:100%;}
.section4_pic p{ color:#ffffff !important; position:absolute; bottom:0; left:0; background:#000000; padding:10px 5px; display:block; margin:0 !important; width: 100% !important; text-align:center;}
#section4 .intro{width:60%; max-width:960px;  margin:0 0 0 30%;overflow: hidden;}
#section4 .step{ background: url(../img/box_03_bg1.jpg) 20% 0 no-repeat;  width: 100%;  margin: 0; overflow:hidden;}






/*section5*/
#section5{
    min-width:960px;
	background: url(../img/box_04_bg.jpg) no-repeat #000 ; 
	background-size:1920px;  
	overflow: hidden;
	}
#section5 h2{ font:72px/72px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#06b3eb; letter-spacing:-2px;margin:30px 0 0 0;}
strong{color:#c01639 !important;}
#section5 p{ font:24px/30px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#222222;margin:30px 0 0 0; width:100%; max-width:820px;}
.section5_pic{ position:relative; margin:30px 20px 70px 0;width:45%; max-width:350px; overflow: hidden; float:left;}
.section5_pic img{ width:100%;}
.section5_pic p{ color:#ffffff !important; position:absolute; bottom:0; left:0; background:#000000; padding:10px 5px; display:block; margin:0 !important; width: 100% !important; text-align:center;}
#section5 .intro{width:60%; max-width:960px;  margin:0 0 0 30%;overflow: hidden;}
#section5 .step{   background: url(../img/box_04_bg1.jpg) 20% 0 no-repeat;  width:100%;  margin: 0; overflow:hidden;}


/*section6*/
#section6{
    min-width:960px;
	background: #c01639 !important ;   
	overflow: hidden; 
	}
#section6 h2{ font:72px/80px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#FFFFFF; margin:50px auto 30px; text-align:center;}
#section6 p{ font:24px/30px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#FFFFFF; width:850px; margin:auto}
#section6_main{ width:625px; margin:30px auto; overflow:hidden;}
.section6_pic{ float:left; width:280px;margin: 0 30px 0 0;}
.section6_pic img { width:280px;}
.section6_pic p{ margin:20px 0 0; display:block; text-align:center;font:18px/25px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif;  width:280px !important;}


/*section7*/
#section7{
    min-width:960px;
	 background-image: url(../img/box_07_bg.jpg); 
	 background-size:1920px 1080px; 
	 margin:auto; 
	 display:block; 
	 text-align:center;  
	 overflow: hidden; 
	 }
#section7 h2{ font:72px/80px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#c01639; margin:30px auto 20px;}
#section7 p{ font:24px/30px "Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; color:#222222;   margin: 0 auto 20px;  width: 55%;}
#section7 .pp-tableCell{  height: 100%; width: 100%; margin: 0 auto; display: block;}
.section7_pic{ width:400px; margin:0 auto 100px;}
.section7_pic img{ width:100%;}



/*section8*/
#section8{
    min-width:960px;
	background: url(../img/box_08_bg.jpg) no-repeat #000 ; 
	background-size: cover; 
	text-align:center;  
	overflow: hidden; 
	}
#robat{ margin:auto;  width:960px;}
#robat img{ width:100%;}

#text01{
	width:600px;
	position:absolute;
	top:400px;
	left:130px;
	font-family:Microsoft JhengHei;
	font-size:20px;
}

#congrat{
	position:absolute;
	top:400px;
	right:100px;
	width:200px;
	height:auto;
	z-index:999999;
}
#congrat img{
	width:100%;
}















