@charset "UTF-8";
.wrapper {width:100%;overflow-x:hidden;position:relative;}

.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 {width:100%;height:auto;margin:0 auto;/*overflow:hidden;*/position:relative;}
.tablet img {display:block;width:100%;}

.mainjpg {width:100%;height:100%;position:relative;}
.main_bg {top:0;position:relative;}
.main_bg img {display:block;width:100%;}
#gotop {display:none;padding:20px;right:20px;bottom:20px;color:#000;background:rgba(255 ,255 ,255 ,.6);border-radius:20px;cursor:pointer;z-index:10002;position:fixed;}
#gotop::before {display:block;content:'^';font-size:30px;top:17px;left:10px;position:absolute;}

.main_title {z-index:10002;position:absolute;}
.title_icon {width:100%;height:}
.title_1212 {width:25.5%;top:62%;position:absolute;}
.title_word {width:71%;top:61%;right:0;position:absolute;}
.title_btm {width:100%;top:122%;position:absolute;}
.title_icon svg ,.title_1212 svg ,.title_word svg ,.title_btm svg {width:100%;}

.title_sub {width:71%;top:36%;right:0;color:#FB0;font-size:43px;transform:skewX(-11deg) rotate(-10deg);position:absolute;}
.title_sub span {font-size:20px;}
.title_sub b {font-size:10px;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;}

.t_sub0 ,.t_sub1, .t_sub2 ,.t_sub3 {position:absolute;}

/*大標文字*/
.t_sub0 {left:70px;top:200px;z-index:10003;}

.t_sub1 {top:120px;left:800px;z-index:10002;}
.t_sub2 {top:103px;z-index:10001;}
.t_sub3 {top:27px;left:162px;z-index:10000;}

.mobile {display:none;width:100%;}
.mobile img {width:100%;}

.main_list_bg {padding:120px 0 0;}
.main_list {margin:0 auto;padding:20px 0 40px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;position:relative;}
.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;transition: all 0.3s ease-out;position:relative;z-index:10000;position:relative;}
.main_list li img {width:100%;}
.main_list li a , .main_list li a:hover {color:#000;}
.main_list li:hover {transform:scale(0.985) !important;}
.title_pc {font:40px/48px "微軟正黑體", Arial;color:#000;text-align:center;display:block;margin:0 auto 10px;}
.main_list_bg >.title_pc {width:100%;}
.main_list li p {height:48px;margin:5px 0 0;padding:0 5px;font-size:18px;color:#000;line-height:24px;display:inline-block;box-sizing:border-box;overflow:hidden;}
.main_list li p b::before {content:'$';font-size:15px;color:#960000;}
.main_list li p b {font-size:26px;color:#960000;line-height:30px;}
.main_list li del::before {content:'市價$';font-size:12px;}
.main_list li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}
.main_list li span {font-size:15px;color:#F03;font-weight:bold;}

.bg1 {background:url(bg1.jpg)#d2e3a5 center 0 no-repeat;border-top:3px solid #3a8521;}
.bg2 {background:url(bg2.jpg)#cfdbe7 center 0 no-repeat;border-top:3px solid #207bb8;}
.bg3 {background:url(bg3.jpg)#b9bbd7 center 0 no-repeat;border-top:3px solid #4b3b93;}
.bg4 {background:#EEE;border-top:3px solid #AAA;}

.list_title_bg {background-image:url(title3_bg1.png) ,url(title3_bg2.png);background-repeat:no-repeat ,no-repeat;background-position:left 0 , right 0;position:absolute;z-index:10;}
.list_title_bg >.list_title {margin:0 0 0 -303px;}
.list_title {width:606px;left:50%;margin:-23px 0 0 -303px;position:absolute;z-index:10;}
.list_title img {display:block;width:100%;}

.list1_bg {padding:100px 0 0;overflow:hidden;position:relative;}
.list1 {margin:40px auto 80px;padding:0 0.5%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:row;justify-content:inherit;flex-wrap:wrap;z-index:2;position:relative;}
.list1>p {margin:20px 0 30px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.list1 li {text-align:center;color:#000;background:#FFF;box-sizing:border-box;overflow:hidden;transition: all 0.3s ease-out;z-index:10001;position:relative;}
.list1 li>div {padding:10px;}
.list1 li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#FFF;position:relative;}
.list1 li a ,.list1 li a:hover {color:#FFF;}
.list1 li:hover {transform:scale(0.985) !important;}
.list1_name {width:40%;margin:30px 0 0;position:absolute;}
.list1 li p {padding:5px;font-size:18px;color:#000;line-height:24px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.list1 li p b::before {display:block;margin:0 0 10px;content:'活動價$';font-size:15px;color:#653e98;}
.list1 li p .price1::before {display:block;margin:0 0 10px;padding:2px;content:'結帳折$';font-size:15px;color:#FFF;background:#653e98;border-radius:6px;}
.list1 li p b {font-size:32px;color:#653e98;}
.list1 li del {width:100%;padding:5px 0;color:#653e98;}
.list1 li span {font-size:15px;color:#FB0;font-weight:bold;}

.list1 .discount {padding:0;bottom: -1px;}
.list1 .discount_num {text-align:left;}
.list1 .discount_num span {color:#FFF;}

.sub_title {padding:20px 0;background:#3d3d3d;text-align:center;}
.sub_title img {text-align:center;}

.focus_bg {width:100%;padding:100px 0;background:#3d3d3d;position:relative;}
.focus_border {margin:0 auto;border:5px solid #a66f3e;box-sizing:border-box;}
.focus {width:100%;padding:30px 0;background:url(wood.jpg) 0 0 repeat;}
.focus_title {width:70%;margin:0 auto 30px;text-align:center;}
.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:#653e98;text-indent:10px;border-left:5px solid #860;}
.focus_r li:nth-child(2)::before {content:"條件2";display:block;width:110px;background:#653e98;text-indent:10px;border-left:5px solid #860;}
.focus_r li:nth-child(3)::before {content:"條件3";display:block;width:110px;background:#653e98;text-indent:10px;border-left:5px solid #860;}

.focus_info {width:90%;margin:10px 5%;box-sizing:border-box;border:1px solid #CCC;background:#FFF;}
.focus_info_title {width:100%;padding:0;background:#CCC;font-size:0;box-sizing:border-box;}
.focus_info_title li {margin:0;padding:10px;font:30px/40px "微軟正黑體", Arial;color:#000;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:#000;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 #CCC;border-bottom:1px solid #CCC;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-size:30px;line-height:50px;color:#000;}
.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:#653e98;}
.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:#653e98;text-indent:10px;border-left:5px solid #860;}
.focus_data li:nth-child(2)::before {content:"申請人自行準備";display:block;width:240px;background:#653e98;text-indent:10px;border-left:5px solid #860;}


.bgbg1 {padding:0 0 60px;background:url(list_bg1.jpg) center 0 repeat-y;position:relative;}
.bgbg2 {padding:0 0 80px;background:url(list_bg2.png) center 0 repeat-y;position:relative;}

.copyright {font-size:13px;margin:0;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;}

@media screen and (min-width:1491px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.mobile {display:none;}
.main_title {width:380px;height:396px;left:-190px;margin: 0 0 0 50%;}
.main {width:1200px;height:700px;}

.list_title_bg {width:1160px;height:90px;left:50%;margin:-12px 0 0 -580px;}
.list_title_bg > .list_title {margin:-12px 0 0 -303px;}

.list1 {width:1160px;height:auto;margin:20px auto;padding:60px 20px 20px;}
.list1 li {width:32.333%;height:auto;margin:1% 0.5% 0;}
.list1 li img {width:60%;}
.list1_name {top:0;left:60%;}

/*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:url(bg0.jpg) center 40px no-repeat;}
.tablet ,.mobile {display:none;}
.main_title {width:380px;height:396px;left:-190px;margin: 0 0 0 50%;}
.main {width:1200px;height:700px;}

.list_title_bg {width:1160px;height:90px;left:50%;margin:-12px 0 0 -580px;}
.list_title_bg > .list_title {margin:-12px 0 0 -303px;}

.list1 {width:1160px;height:auto;margin:20px auto;padding:60px 20px 20px;}
.list1 li {width:32.333%;height:auto;margin:1% 0.5% 0;}
.list1 li img {width:55%;}
.list1_name {width:45%;top:0;left:55%;margin:20px 0 0;}

/*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:1200px) {
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.main img {width:100%;}
.tablet ,.mobile {display:none;}
.main_title {width:380px;height:396px;left:-190px;margin: 0 0 0 50%;}
.main {width:100%;height:auto;}

.list_title_bg {width:94%;height:90px;left:3%;margin:-15px 0 0;}

.list1 {width:94%;height:auto;margin:20px auto;padding:60px 20px 20px;}
.list1 li {width:32.333%;height:auto;margin:1% 0.5% 0;}
.list1 li img {width:50%;}
.list1 li p {font-size:15px;}
.list1_name {width:50%;top:0;left:50%;margin:5px 0 0;}

/*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:960px) and (max-width:1080px) {
.wrapper {width:100%;}
.tablet ,.mobile {display:none;}
.main_title {width:280px;height:300px;left:-140px;margin: 0 0 0 50%;}
.desktop img {display:block;width:100%;}

.list_title_bg {width:98%;height:90px;left:1%;margin:-15px 0 0;}

.list1 {width:98%;height:auto;margin:20px auto 0;padding:60px 20px 20px;}
.list1 p b {font-size:30px;}
.list1>p {font:40px/104px "微軟正黑體", Arial;}
.list1 li {width:32.333%;height:auto;margin:1% 0.5% 0;}
.list1 li img {width:50%;}
.list1 li p {line-height:18px;font-size:15px;height:58px;overflow:hidden;}
.list1 li del {font-size:24px;}
.list1_name {width:50%;top:0;left:50%;margin:20px 0 0;}

/*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:768px) and (max-width:959px) {
.wrapper {width:100%;}
.tablet {display:block;}
.desktop ,.mobile ,.main_title ,.circle1 ,.circle2 ,.circle3 ,.circle4 {display:none;}

.list_title_bg {width:98%;height:90px;left:1%;margin:-15px 0 0;}

.list1 {width:98%;height:auto;margin:20px auto 0;padding:60px 20px 20px;}
.list1 li p b {font-size:30px;}
.list1>p {font:40px/104px "微軟正黑體", Arial;}
.list1 li {width:48%;height:auto;margin:1%;}
.list1 li img {width:50%;}
.list1 li p {line-height:18px;font-size:15px;}
.list1 li del {font-size:24px;}
.list1_name {width:50%;top:0;left:50%;margin:20px 0 0;}

/*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:601px) and (max-width:767px) {
.wrapper {width:100%;}
.tablet ,.desktop ,.circle1 ,.circle2 ,.circle3 ,.circle4 {display:none;}
.mobile {display:block;}
.main_title ,.slide ,.shading {display:none;}

.list_title_bg {width:96%;height:90px;left:2%;margin:-8px 0 0;}
.list_title {width:500px;left:50%;margin:-12px 0 0 -250px !important;}

.list1 {width:96%;height:auto;margin:20px auto 0;padding:60px 20px 20px;}
.list1 li p b {font-size:30px;}
.list1>p {font:40px/104px "微軟正黑體", Arial;}
.list1 li {width:48%;height:auto;margin:1%;}
.list1 li img {width:50%;}
.list1 li p {line-height:18px;font-size:15px;}
.list1 li del {font-size:24px;}
.list1_name {width:50%;top:0;left:50%;margin:0 0 0;}

.sub_title img {width:80%;}

/*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_title img {width:100%;}
.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%;}
.tablet ,.desktop ,.circle1 ,.circle2 ,.circle3 ,.circle4 {display:none;}
.mobile {display:block;}
.main_title ,.slide ,.shading {display:none;}

.list_title_bg {width:96%;height:90px;left:2%;margin:-8px 0 0;}
.list_title {width:450px;left:50%;margin:-18px 0 0 -225px !important;}

.list1_bg {padding:60px 0 0;}
.list1 {width:96%;height:auto;margin:10px auto 2%;padding:60px 20px 20px;}
.list1 li p {width:100%;font-size:15px;}
.list1 li p b {font-size:25px;}
.list1>p {font:30px/104px "微軟正黑體", Arial;}
.list1 li {width:96%;height:auto;margin:2%;}
.list2 li:nth-child(5) {width:96%;}
.list1 li img {width:60%;}
.list1 li p {line-height:18px;font-size:15px;}
.list1 li del {font-size:24px;}
.list1_name {top:0;left:60%;margin:60px 0 0;}

.sub_title img {width:80%;}

/*focus*/
.focus_bg {padding:80px 0 40px;}
.focus_border {width:92%;margin:0 auto;}
.focus {padding:0 0 30px;border-radius:0;}
.focus_title {width:90%;margin:0 auto 20px;padding:20px 0 0;line-height:60px;font:15px/24px "微軟正黑體", Arial;}
.focus_title img {width:100%;}
.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%;}
.tablet ,.desktop ,.circle1 ,.circle2 ,.circle3 ,.circle4 {display:none;}
.mobile {display:block;}
.main_title ,.slide ,.shading {display:none;}

.list_title_bg {width:96%;height:90px;left:2%;margin:0 0 0;background-size:50%;}
.list_title {width:360px;left:50%;margin:-15px 0 0 -180px !important;}

.list1_bg {padding:40px 0;}
.list1 {width:96%;height:auto;margin:10px auto 2%;padding:40px 20px 20px;}
.list1 li p {width:100%;font-size:15px;}
.list1 li p b {font-size:25px;}
.list1>p {font:30px/104px "微軟正黑體", Arial;}
.list1 li {width:96%;height:auto;margin:2%;}
.list1 li img {width:60%;}
.list1 li p {line-height:18px;font-size:15px;}
.list1 li del {font-size:24px;}
.list1_name {top:0;left:60%;margin:20px 0 0;}

.sub_title img {width:80%;}

/*focus*/
.focus_bg {padding:0;}
.focus_border {width:100%;margin:20px auto 0;border:0;}
.focus {padding:0 0 30px;border-radius:0;}
.focus_title {width:90%;margin:0 auto 20px;padding:20px 0 0;line-height:60px;font:15px/24px "微軟正黑體", Arial;}
.focus_title img {width:100%;}
.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%;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;}
}