@charset "UTF-8";
body {margin:0;padding:0;font-family:'Century Gothic', "微軟正黑體", Arial;}
.FOR_MAIN{ width:100% !important; padding:0;}
.clear {clear:both;}
ul ,ol ,li {list-style-type:none;}
a ,a:hover {text-decoration:none;}
.wrapper {width:100%;overflow-x:hidden;position:relative;}
.top_icon {width:40px;height:50px;top:0;right:5px;position:absolute;}
.top {width:100%;height:40px;background:#362E2B;}
.logo {width:112px;height:36px;margin:2px 0 0 5px;float:left;}
.logo img {width:100%;}
.top_right {margin:0 10px 0 0;line-height:40px;color:#FFF;float:right;}
.top_right a ,.top_right a:hover {color:#FFF;}


.main {position:relative;}
.mainjpg {width:100%;height:100%;position:relative;}
.main img {width:100%;display:block;}
.main_bg {top:0;position:relative;}
.main_bg img {width:100%;display:block;}
#goTop {display:none;}
.main_m img {display:block;}
.main_title img {width:100%;}

.main_list {margin:0 auto;padding:20px 0 0;box-sizing:border-box;position:relative;z-index:10000;}
.main_list>p {margin:0 0 15px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.main_list li {text-align:center;box-sizing:border-box;float:left;position:relative;z-index:10000;}
.main_list li img {width:100%;}
.main_list li a , .main_list li a:hover {color:#000;}
.title {width:100%;font:bold 50px/50px "微軟正黑體", Arial;color:#FFF;text-align:center;display:block;margin:20px 0 5px;}

.pro_list_bg {padding:0;}
.pro_list {margin:0 auto;padding:20px 0;box-sizing:border-box;position:relative;z-index:10000;}
.pro_list>p {margin:20px 0 30px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}

.pro_list li {text-align:center;color:#000;background:#FFF;box-sizing:border-box;transition: all 0.6s;float:left;position:relative;}
.pro_list li img {width:100%;}
.pro_list li a , .pro_list li a:hover {color:#000;}
.pro_list li:hover {transform:scale(1.025);}
.pro_promo {width:auto;height:80px;margin:0 auto;background:#7935b3;color:#FFF;text-align:center;font-size:18px;line-height:30px;}
.pro_list li p {height:48px;margin:5px 0 0;font-size:16px;line-height:24px;overflow:hidden;}
.pro_list li b {height:48px;color:#e4007f;margin:50px 0 0;font-size:16px;line-height:24px;overflow:hidden;}	
.pro_list li p b::before {content:"$";font-size:15px;color:#ae00e0;}
.pro_list li p b {font-size:30px;color:#ae00e0;line-height:30px;}






.focus_bg {width:100%;padding:100px 0 0;position:relative;}
.focus_border {margin:0 auto 50px;border-radius:10px;border:5px solid #1487a6;box-sizing:border-box;}
.focus {width:100%;padding:30px 0;border-radius:10px;background:url(wood.jpg) 0 0 repeat;}
.focus_title {width:70%;margin:0 auto 30px;line-height:60px;font:30px/60px "微軟正黑體", Arial;color:#FFF;text-align:center;border-radius:30px;background:#676767;}
.focus_l {float:left;}
.focus_l img {width:100%;}
.focus_r {margin:0;padding:0;font:30px/40px "微軟正黑體", Arial;float:right;}
.focus_r li {margin:40px 0 0;}
.focus_r li:nth-child(1)::before {content:"條件1";display:block;width:110px;background:#FFF200;text-indent:10px;border-left:5px solid #860;}
.focus_r li:nth-child(2)::before {content:"條件2";display:block;width:110px;background:#FFF200;text-indent:10px;border-left:5px solid #860;}
.focus_r li:nth-child(3)::before {content:"條件3";display:block;width:110px;background:#FFF200;text-indent:10px;border-left:5px solid #860;}

.focus_info {width:90%;margin:10px 5%;box-sizing:border-box;border:1px solid #1487a6;}
.focus_info_title {width:100%;padding:0;background:#1487a6;font-size:0;box-sizing:border-box;}
.focus_info_title li {margin:0;padding:10px;font:30px/40px "微軟正黑體", Arial;color:#FFF;box-sizing:border-box;letter-spacing:normal;word-spacing:normal;display:inline-flex;}
.focus_info_title li:nth-child(1) {width:30%;}
.focus_info_title li:nth-child(2) {width:70%;}
.focus_info ul {width:100%;padding:0;font-size:0;color:#FFF;box-sizing:border-box;position:relative;}
.focus_info ul li {height:auto;line-height:40px;margin:0;padding:10px;font-size:30px;border-left:1px solid #676767;border-bottom:1px solid #676767;box-sizing:border-box;letter-spacing:normal;word-spacing:normal;display:inline-flex;}
.border0 {border-bottom:0 !important;}
.focus_info ul li:nth-child(1) {width:30%;border-left:0;}
.focus_info ul li:nth-child(2) {width:70%;}
.focus_info ul li i {display:contents;display:ruby;font-style:normal;}
.focus_info p {padding:0 10px;font:30px/40px "微軟正黑體", Arial;color:#FFF;}
.focus_data {width:100%;padding:0;font-size:0;box-sizing:border-box;position:relative;}
.focus_info p a ,.focus_info p a:hover {color:#FFF200;}
.focus_data li {display:inline-block !important;width:100% !important;height:auto !important;margin:40px 0 0;padding:10px;font:30px/40px "微軟正黑體", Arial;box-sizing:border-box;}
.focus_data li:nth-child(1) {border-top:0 !important;border-bottom:0 !important;}
.focus_data li:nth-child(2) {border-top:0 !important;}
.focus_data li:nth-child(1)::before {content:"廠商可提供";display:block;width:180px;background:#FFF200;text-indent:10px;border-left:5px solid #860;}
.focus_data li:nth-child(2)::before {content:"申請人自行準備";display:block;width:240px;background:#FFF200;text-indent:10px;border-left:5px solid #860;}



.copyright {font-size:13px;padding:450px 0 10px;padding:0 0 10px;text-align:center;color:#FFF;background:#362e2b;}
.copyright p {width:95%;margin:0 auto;padding:10px 0 0;text-align:center;color:#FFF;}

.banner {padding:0;}
.banner li img {width:100%;display:block;}

.three_bg {display:block;margin:0;padding:20px 0;}
.three_list {padding:0;}
.three_list li {margin:0;padding:0;float:left;}
.three_list li img {width:100%;display:block;}

.future_bg {width:100%;}
.future {margin:0 auto;padding:0 0 20px;}
.future p {font-size:14px;line-height:30px;color:#FFF;}

.clock{width:100%;height:50px;text-align:center;padding:5px 0 10px;background:#90C;position:relative;}


@media screen and (min-width:1491px) {
.wrapper {
	width: 100%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:1200px;height:auto;margin:0 auto;}
.main_m {display:none;}

.main_list {width:1200px;height:auto;padding:20px 50px 0;}
.main_list li {width:48%;margin:5px 0.5%;}
.pro_list {width:1200px;height:auto;padding:20px 50px;}
.pro_list li {width:19%;height:auto;margin:5px 0.5% 10px;}

.three_list {width:1100px;margin:0 auto;}
.three_list li {width:32.333%;margin:0 0.5%;float:left;}

/*focus*/
.focus_border {width:1150px;}
.focus_l {width:32%;margin:0 0 0 8%;}
.focus_r {width:50%;margin:0 8% 0 0;}
.focus_tag {width:82%;margin:0 0 0 9%;}

}

@media screen and (min-width:1201px) and (max-width:1490px) {
.wrapper {
	width: 100%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:1200px;height:auto;margin:0 auto;}
.main_m {display:none;}

.main_list {width:1200px;height:auto;padding:20px 50px 0;}
.main_list li {width:48%;margin:5px 0.5%;}
.pro_list {width:1200px;height:auto;padding:20px 50px;}
.pro_list li {width:19%;height:auto;margin:5px 0.5% 10px;}

.three_list {width:1000px;margin:0 auto;}
.three_list li {width:32.333%;margin:0 0.5%;float:left;}

/*focus*/
.focus_border {width:1150px;}
.focus_l {width:32%;margin:0 0 0 8%;}
.focus_r {width:50%;margin:0 8% 0 0;}
.focus_tag {width:82%;margin:0 0 0 9%;}

}

@media screen and (min-width:1081px) and (max-width:1300px) {
.wrapper {
	width: 100%;
	background-size: 160%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:100%;height:auto;margin:0 auto;}
.main_m {display:none;}

.main_list {width:98%;height:auto;margin:0 auto;padding:10px 5px;}
.main_list li {width:48%;margin:5px 1%;}
.pro_list {width:98%;height:auto;padding:10px 50px;}
.pro_list li {width:18%;margin:10px 1% 0;}

.three_list {width:1000px;margin:0 auto;}
.three_list li {width:32.333%;margin:0 0.5%;float:left;}

/*focus*/
.focus_border {width:94%;margin:40px auto;}
.focus {border-radius:0;}
.focus_l {width:32%;margin:0 0 0 8%;}
.focus_r {width:50%;margin:0 8% 0 0;}
.focus_tag {width:82%;margin:0 0 0 9%;}

}

@media screen and (min-width:769px) and (max-width:1080px) {
.wrapper {
	width: 100%;
	background-size: 160%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:100%;height:auto;}
.main_m {display:none;}

.title img {width:100%;max-width:890px;}
.main img {width:100%;}

.title img {width:100%;max-width:890px;}
.main_list {width:98%;height:auto;padding:10px 5px;}
.main_list li {width:48%;margin:5px 1%;}
.pro_list {width:98%;height:auto;padding:10px 5px;}
.pro_list li {width:23%;margin:10px 1% 0;}
.main_list>p ,.pro_list>p {font:40px/104px "微軟正黑體", Arial;}

.three_list {width:800px;margin:0 auto;}
.three_list li {width:32.333%;margin:0 0.5%;float:left;}

/*focus*/
.focus_border {width:94%;margin:20px auto;}
.focus {border-radius:0;}
.focus_l {width:32%;margin:0 0 0 8%;}
.focus_r {width:50%;margin:0 8% 0 0;}
.focus_r li {margin:10px 0 0;}
.focus_tag {width:82%;margin:0 0 0 9%;}
.focus_info_title li {font:20px/30px "微軟正黑體", Arial;}
.focus_info ul li {height:120px;font:20px/30px "微軟正黑體", Arial;}
.focus_info p {font:20px/30px "微軟正黑體", Arial;}

}

@media screen and (min-width:601px) and (max-width:768px) {
.wrapper {
	width: 100%;
	background-size: 160%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:100%;height:auto;}
.main img {width:100%;}

.title img {width:98%;}
.main_list {width:98%;height:auto;padding:10px 5px 0;}
.main_list li {width:98%;margin:5px 1%;}
.pro_list {width:98%;height:auto;padding:10px 5px 0;}
.pro_list li {width:48%;margin:10px 1% 0;}
.main_list>p ,.pro_list>p {font:40px/104px "微軟正黑體", Arial;}

.three_list {width:600px;margin:0 auto;}
.three_list li {width:32.333%;margin:0 0.5%;float:left;}

/*focus*/
.focus_bg {padding:120px 0 0;}
.focus_border {width:92%;margin:0 auto 30px;}
.focus {border-radius:0;}
.focus_title {width:90%;margin:0 auto 20px;line-height:60px;font:15px/25px "微軟正黑體", Arial;}
.focus_l {width:80%;margin:0 0 0 10%;float:none;}
.focus_r {width:90%;margin:0 0 0 5%;margin:0 5%;font:15px/25px "微軟正黑體", Arial;float:none;}
.focus_r li {margin:20px 0 0;}
.focus_r li:nth-child(1)::before {width:60px;}
.focus_r li:nth-child(2)::before {width:60px;}
.focus_r li:nth-child(3)::before {width:60px;}

.focus_info {width:90%;margin:10px 5%;border:1px solid #320;}
.focus_info ul li:nth-child(1) {width:20%;}
.focus_info ul li:nth-child(2) {width:80%;}
.focus_info_title li {font:20px/30px "微軟正黑體", Arial;}
.focus_info ul li {height:120px;font:20px/30px "微軟正黑體", Arial;}
.focus_info p {font:20px/30px "微軟正黑體", Arial;}
.focus_tag {width:90%;margin:0 0 0 5%;}

}

@media screen and (min-width:421px) and (max-width:600px) {
.wrapper {
	width: 100%;
	background-size: 160%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:100%;height:auto;}
.main img {width:100%;}

#container {width:67%;line-height:25px;}
#day,#ho,#min,#sec{font-size:35px;line-height:42px;}
#blue{font-size:20px;}

.title {font:bold 35px/35px "微軟正黑體", Arial;}
.title img {width:100%;}
.main_list {width:98%;height:auto;padding:10px 5px 0;}
.main_list li {width:98%;margin:10px 1%;}
.pro_list {width:98%;height:auto;}
.pro_list li {width:48%;margin:10px 1% 0;padding:10px 10px 10Px;}
.pro_list li p {font-size:15px;}
.pro_list li p b {font-size:25px;}
.main_list>p ,.pro_list>p {font:30px/104px "微軟正黑體", Arial;}

.three_list {width:100%;margin:0 auto;}
.three_list li {width:90%;margin:10px 5% 30px;}

/*focus*/
.focus_bg {padding:80px 0 0;}
.focus_border {width:92%;margin:0 auto 30px;}
.focus {border-radius:0;}
.focus_title {width:90%;margin:0 auto 20px;line-height:60px;font:15px/24px "微軟正黑體", Arial;}
.focus_l {width:80%;margin:0 0 0 10%;float:none;}
.focus_r {width:90%;margin:0 0 0 5%;margin:0 5%;font:15px/24px "微軟正黑體", Arial;float:none;}
.focus_r li {margin:20px 0 0;}
.focus_r li:nth-child(1)::before {width:60px;}
.focus_r li:nth-child(2)::before {width:60px;}
.focus_r li:nth-child(3)::before {width:60px;}

.focus_info {width:90%;margin:10px 5%;}
.focus_info ul li:nth-child(1) {width:20%;}
.focus_info ul li:nth-child(2) {width:80%;}
.focus_info_title li {font:15px/25px "微軟正黑體", Arial;}
.focus_info ul li {height:100px;font:15px/24px "微軟正黑體", Arial;}
.focus_info p {font:15px/24px "微軟正黑體", Arial;}

.focus_data li {font:15px/24px "微軟正黑體", Arial !important;}
.focus_data li:nth-child(1)::before {width:130px;}
.focus_data li:nth-child(2)::before {width:170px;}
.focus_tag {margin:0 0 0 25px;}

}
@media screen and (max-width:420px) {
.wrapper {
	width: 100%;
	background-size: 160%;
	background-color: #004059;
	background-image: url(bg2.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.main {width:100%;height:auto;}
.main img {width:100%;}


.title {height:auto;margin:20px 0 0;font:bold 30px/30px "微軟正黑體", Arial;}
.title img {width:100%;}
.main_list {width:100%;height:auto;padding:10px 0 0;}
.main_list li {width:100%;margin:5px 0;}
.pro_list {width:98%;height:auto;margin:0 auto 10px;padding:0 5px 0;}
.pro_list li {width:48%;margin:10px 1% 0;}
.pro_list li p {font-size:15px;}
.pro_list li p b {font-size:25px;}
.main_list>p ,.pro_list>p {font:30px/104px "微軟正黑體", Arial;}
.three_list {width:100%;margin:0 auto;}
.three_list li {width:90%;margin:10px 5% 30px;}


/*focus*/
.focus_bg {padding:60px 0 0;}
.focus_border {width:100%;margin:20px auto;border:0;}
.focus {padding:0;border-radius:0;}
.focus_title {width:90%;margin:0 auto 20px;line-height:60px;font:15px/24px "微軟正黑體", Arial;}
.focus_l {width:80%;margin:0 0 0 10%;float:none;}
.focus_r {width:90%;margin:0 0 0 5%;font:15px/24px "微軟正黑體", Arial;float:none;}
.focus_r li {margin:20px 0 0;}
.focus_r li:nth-child(1)::before {width:60px;}
.focus_r li:nth-child(2)::before {width:60px;}
.focus_r li:nth-child(3)::before {width:60px;}

.focus_info {width:90%;margin:10px 5%;border:1px solid #320;border-radius:10px;overflow:hidden;}
.focus_info ul li:nth-child(1) {width:25%;}
.focus_info ul li:nth-child(2) {width:75%;}
.focus_info_title li {font:15px/24px "微軟正黑體", Arial;}
.focus_info ul li {height:166px;font:15px/24px "微軟正黑體", Arial;}
.focus_info p {font:15px/24px "微軟正黑體", Arial;}

.focus_data li {font:15px/24px "微軟正黑體", Arial !important;}
.focus_data li:nth-child(1)::before {width:130px;}
.focus_data li:nth-child(2)::before {width:170px;}
.focus_tag {margin:0 0 0 20px;}

}