@charset "UTF-8";
[data-aos=fade-right]{transform:translate3d(-10px,0,0)}
[data-aos=fade-left]{transform:translate3d(10px,0,0)}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }

}


/*價錢、底色*/
:root {--price-color:#D05;}
:root {--price1-color:#fff;}
:root {--price2-color:#fff99a;}
:root {--price3-color:#fff99a;}

body {background: #233016 0 0 repeat;}
.wrapper {width:100%;}

.top {width:100%;height:40px;background:#000;z-index:1008;position:relative;}
.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,.main2,.main3 {width:100%;height:auto;margin:0 auto;/*overflow:hidden;*/position:relative;}
.tablets img {display:block;width:100%;}

.fixed_bg {width:125px;height:auto;top:100px;right:20px;position:fixed;z-index:1020;display:none;}
.fixed {width:100%;margin:0;padding:5px 0 0;background:linear-gradient(to right,#d8bc62,#bb9633, #d8bc62);box-sizing:border-box;z-index:10010;position:relative;}
.fixed li {width:100%;line-height:40px;text-align:center;color:#FFF;border-top:1px solid #e2d17e;}
.fixed li:last-child::after {content:'';display:block;width:100%;border-bottom:1px solid #e2d17e;}
.fixed li a {display:block;width:100%;height:40px;line-height:40px;color:#000000;}
.fixed li a:hover {display:block;width:100%;height:40px;line-height:40px;color:var(--price2-color);background:linear-gradient(to right,#775918,#a0853b, #775918);}
.gotop {text-align:center;}
.gotop a {box-sizing:border-box;display:block;width:100%;height:60px;line-height:30px;font-size:16px;color:#000000;background:linear-gradient(to right,#d8bc62,#bb9633, #d8bc62);border-radius:0 0 125px 125px;}
.gotop a::before {content:'▲';display:block;height:16px;font-size:12px;}
.gotop a:hover {box-sizing:border-box;display:block;width:100%;height:60px;line-height:30px;color:var(--price2-color);background:linear-gradient(to right,#775918,#a0853b, #775918);border-radius:0 0 125px 125px;}


.bgbg1 {width:100%;background:url(bg0.jpg) center 0px no-repeat;position:relative;}
.bgbg2 {padding:80px 0 0;width:100%;background:url(bg2.jpg) center 0;position:relative;}
.bgbg3 {padding:0 0 0px;background:#192010 center 0 repeat;}
.bgbg4 {padding:0 0 150px;background:url(bg4.jpg) center 0 repeat;}


/*title_group*/
.t1,.t2 ,.bonus3 {position:absolute;z-index:2;margin: 0 auto 0;}
.t1 img,.t2 img ,.bonus3 img {display:block;width:100%;transition: all .20s;}
.t2 {animation-delay:0.2s;}
.bonus3 :hover,.t2 :hover {margin: -5px 0 0; transition: all .20s;}
.bonus3 {animation-delay:0.6s;}


.bonus4 {height:auto;margin:0 auto 80px;;display:flex;flex-direction:row;margin: 0 auto 0;justify-content:space-around;flex-wrap:wrap;}
.bonus4 li {height:auto;margin:5px 0.8% 0;}
.bonus4 img {display:block;width:100%;}

.mobile,.mobile2 {display:none;width:100%;animation-delay:0.6s;}
.mobile img,.mobile2 img {width:100%;}

/*title_group2*/
.pro_list_bg {padding:0px 0 0;z-index:800;}
.pro_list {width:1200px;margin:0 auto 70px;padding:50px;justify-content:space-around;flex-wrap:wrap;z-index:800;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;
  flex-wrap:wrap;background-repeat:no-repeat,no-repeat;border-width:1px; border-bottom-style:solid;border-color:#d6ba5f;z-index:5;}
.pro_list:nth-child(6) {border-bottom-style:none;}  
.pro_list_title {width:100%;display:block;border-bottom-style:dotted;border-bottom-color:#fff;}
.pro_list_title img {width:75% !important;margin:0 auto;}
.pro_list li {width:31%;margin:15px 0 ;background:#FFF;border-radius:20px;box-sizing:border-box;overflow:hidden;} 
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;}
.pro_list li:nth-child(1) {background:none;border: none;}
.a_list_l {width:60%;position:relative;}
.a_list_r {width:37%;margin:0 0 0 1%;color:#000;display:flex;flex-direction:column;justify-content:center;}
.a_list_r h2 {font-size:18px;line-height:30px;}
.a_list_r h1 {font-size:12px;line-height:20px;}
.a_list_name {height:60px;margin:0 0 5px;line-height:20px;overflow:hidden;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 5px 0 0;padding:3px 3px 1px;font-size:14px;line-height:15px;background:var(--price-color);border-radius:6px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:20px;color:var(--price-color);flex-direction:row;}
.pro_list li span {font-size:30px;line-height:30px;top:3px;}

.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:100px 0 0;position:relative;}
.pro_list2 {padding:0;width:100%;background:#6897bc;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;
           flex-wrap:wrap;z-index:2;background-repeat:no-repeat,no-repeat;border-radius:25px;margin: 0 0 70px;}
.pro_list3 {padding:0;width:100%;background:#ad9841;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;
           flex-wrap:wrap;z-index:2;background-repeat:no-repeat,no-repeat;border-radius:25px;margin: 0 0 70px;} 
.pro_list4 {padding:0;width:100%;background:#ac5873;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;
           flex-wrap:wrap;z-index:2;background-repeat:no-repeat,no-repeat;border-radius:25px;margin: 0 0 70px;}                          
.pro_list2_bg > .title_pc2 > p,.pro_list3_bg > .title_pc3 > p,.pro_list4_bg > .title_pc4 > p {width:480px;height:70px;margin:0 auto;font:40px/70px "微軟正黑體", Arial;color:#f33900;}
.pro_list2>p,.pro_list3>p,.pro_list4>p {margin:0px 0 30px;padding:0;text-align:center;color:#FFF;font:50px/104px "微軟正黑體", Arial;}
.pro_list2 li {padding: 0;text-align:center;color:#000;background:#33619f;border: 1px solid #33619f;box-sizing:border-box;transition: all 0.3s ease-out;z-index:1000;}
.pro_list3 li {padding: 0;text-align:center;color:#000;background:#806d22;border: 1px solid #a58e30;box-sizing:border-box;transition: all 0.3s ease-out;z-index:1000;}
.pro_list4 li {padding: 0;text-align:center;color:#000;background:#8a2d4a;border: 1px solid #8a2d4a;box-sizing:border-box;transition: all 0.3s ease-out;z-index:1000;}
.pro_list2 li img,.pro_list3 li img,.pro_list4 li img{display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#FFF;margin: 0 0 16px;}
.pro_list2 li a ,.pro_list2 li a:hover,.pro_list3 li a ,.pro_list3 li a:hover,.pro_list4 li a:hover{color:#FFF;}
.pro_list2 li:hover,.pro_list3 li:hover,.pro_list4 li:hover {transform:scale(0.985) !important;}
.pro_list2 li p,.pro_list3 li p,.pro_list4 li p{height:52px; padding:5px;font-size:16px;color:#fff;line-height:24px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.pro_list2 li p b::before ,.pro_list3 li p b::before,.pro_list4 li p b::before  {content:'特價$';font-size:13px;color:#ecff45;}
.pro_list2 li p b,.pro_list3 li p b,.pro_list4 li p b {font-size:32px;color:#ecff45;line-height:36px;}
.pro_list2 li span,.pro_list3 li span,.pro_list4 li span {font-size:17px;color:#ecff45;font-weight:bold;margin: 5px 0;}
.activity {text-align:center;display:block;margin: 0 auto 10px;}
.pro_listC_title {width:100%;padding:100px 0 20px;text-align: center;}

.main_list_bg_btm {width:100%;height:200px;background:url(main_list_bg_btm.png);position:relative;margin: 0 0 0px;}

.info_bg {margin:30px auto 0;padding:30px 0;box-sizing:border-box;}
.info_bg > .title_bg >.title {color:#fff;}
.title_bg {text-align:center;position:relative;}

.info_bg {margin:30px auto 0;padding:30px 0;box-sizing:border-box;}
.info_bg > .title_bg >.title {color:#fff;}
.title_bg {text-align:center;position:relative;}
.info {margin: -50px 0;}
.info p {margin:10px 0;font-size:25px;line-height:40px;color:#fff;}
.info b {font-size:20px;line-height:10px;color:#fffb00;}	
ul.info_ul {margin:0;padding:0;border-bottom-style:dotted;border-color:#fff; }	
ul.info_ul li {padding:0 0 0 20px;background:url(arrow.png) 5px 12px no-repeat;}
.info_time {display:flex;margin:40px auto;padding:0;}
.info_time img {width:100%;}
.info_time::after {content:" ";clear:both;display:inline-block;}
ol.info_ul {margin:0 0 100px;padding:0;}
ol.info_ul li {list-style-type:decimal;margin:10px 0;font-size:25px;line-height:40px;color:#fff;}
ol.info_ul li a {color:#fffb00;text-decoration:underline;}
ol.info_ul li a:hover {color:#fffb00;}

.copyright {font-size:13px;margin:0;padding:10px 0;text-align:center;color:#FFF;background:#000;}
.copyright p {width:95%;margin:0 auto;padding:0;text-align:center;color:#FFF;line-height:18px;}

/*手機版選單*/
.m_menu {display:none;width:100%;height:50px;margin:0;padding:0;text-align:center;box-shadow:0 -1px 2px 1px rgba(0%,0%,0%,0.10);bottom:0;position:fixed;z-index:1001;
background: linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); 
background: -moz-linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); 
background: -webkit-linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); 
background: -o-linear-gradient(90deg, rgba(237, 237, 237, 1)0%, rgba(255, 255, 255, 1)50%); }
.m_menu li {width:calc(100%/8);height:60px;padding:7px 0 0;list-style-type:none;border-right:1px solid #EEE;box-sizing:border-box;font:bold 15px/25px "微軟正黑體", Arial;float:left;position:relative;}
.m_menu li p {color:#999;line-height:18px;margin:0;padding:0;font-size:15px;font-weight:lighter;text-align:center;}
.m_menu li:last-child {border:0;}
.m_menu li i {display:block;color:#999;}
.m_menu li a:hover i ,.m_menu li a:hover p {display:block;color:#ce0000;}
.m_menu li a:active i ,.m_menu li a:active p {display:block;color:#ce0000;}
.gotop2 {display:none;width:30px;height:30px;line-height:30px;background:rgba(255 ,255 ,255 ,.8);text-align:center;border-radius:15px;box-shadow:1px 1px 2px 1px rgba(20%,20%,40%,0.2);right:10px;bottom:60px;position:fixed;z-index:1002;}
.gotop2 p {font:10px/20px Arial;cursor:pointer;top:-20px;}
.gotop2 a {color:#000;font-size:11px;}


@media (min-width: 1201px) {
.m_menu ,.gotop2 {display:none;}
}

@media (max-width: 1200px) {
.m_menu ,.gotop2 {display:block;}
.copyright {padding:10px 0 60px;}
}



@media screen and (min-width:1491px) {
.main {width:1200px;height:auto;}
.main2,.main3 {width:1200px;height:auto;margin: 0 auto 0;}
.t1 {width:58%;top:2.5%;left:19%;}
.t2 {width:22%;top:25%;left:63.5%;}
.bonus3 {width:88%;top:63%;left:6%;}

.bonus4 {width:1000px;height:auto;margin:0 auto 0px;padding:20px 20px 100px;}
.bonus4 li {width:45%;height:auto;margin:5px 1% 0;}

.mobile {display:none;}
.pro_list {margin:0 auto 70px;padding:0 0 70px ;}
.pro_list_title {width:100%;padding: 30px 0 0;}
.pro_list_title img {width:100%}
.pro_listC_title {margin: 60px 0 60px; padding:0 0 20px;text-align: center;}

.activity img {width: 100%;margin: 15px auto 0;}
.pro_list2,.pro_list3,.pro_list4 {width:1090px;height:auto;margin:0 auto 80px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:19%;height:auto;margin:5px 0.4% 0;}
/*info*/
.info {width:65%;margin:0 auto 0;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:23px/38px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_c {width:28%;margin:0px auto 30px;}
.title_c img {width: 100%;margin: 40px 0 0;}
}

@media screen and (max-width:1490px) {
.t1 {width:58%;top:2.5%;left:19%;}
.t2 {width:22%;top:25%;left:63.5%;}
.bonus3 {width:88%;top:63%;left:6%;}
.main {width:1200px;height:auto;}
.main2 {width:1200px;height:auto;margin: 0 auto 0;}
.main3 {width:100%;height:auto;margin: 0 auto 0;}
.mobile {display:none;}
.desktop img,.desktop2 img,.desktop3 img {display:block;width:100%;}

.bonus4 {width:920px;height:auto;margin:0 auto 0px;padding:20px 20px 100px;}
.bonus4 li {width:45%;height:auto;margin:5px 0.5% 0;}

.pro_list {width:85%;margin:0 auto 70px;padding:0 0 100px }
.pro_list_title {width:100%;padding: 25px 0 0;}
.pro_list_title img {width:95%}
.activity img {width: 100%;margin: 15px auto 0;}
.pro_list2,.pro_list3,.pro_list4 {width:80%;height:auto;margin:0 auto 90px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:19%;height:auto;margin:5px 0.4% 0;}
.pro_listC_title {margin: 20px 0 60px; padding:0 0 20px;text-align: center;}

/*info*/
.info {width:70%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:21px/34px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:36%;margin:0px auto 30px;}
.title_c img {width: 100%;}
}

@media screen and (max-width:1200px) {
.main {width:100%;height:auto;}
.main2 {width:100%;height:auto;margin: 0 auto 0;}
.main3 {width:100%;height:auto;margin: 0 auto 0;}
.t1 {width:58%;top:1.7%;left:19%;}
.t2 {width:20%;top:25%;left:63.5%;}
.bonus3 {width:76%;top:64%;left:12.5%;}
.fixed_bg {display:none !important;}
.bonus4 {width:85%;height:auto;margin:0 auto 0px;padding:20px 20px 100px;}
.bonus4 li {width:48%;height:auto;margin:5px 0.5% 0;}

.desktop img,.desktop2 img,.desktop3 img{display:block;width:100%;}
.mobile {display:none;}
.pro_listC_title {margin: 0px 0 60px; padding:0 0 20px;text-align: center;}

.pro_list {width:80%;margin:0 auto 70px;padding:0 0 100px; border-width:1px;  }
.pro_list_title {width:100%;display:block;border-bottom-style:dotted;border-bottom-color:#fff;}
.pro_list_title img {width:85% !important;margin:0 auto;}
.pro_list li {width:31%;margin:30px 0 0;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;z-index:1000;position:relative;}
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;z-index:2;position:relative;}
.pro_list li:nth-child(1) {background:none;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 5px 0 0;padding:3px 3px 1px;font-size:14px;line-height:15px;background:var(--price-color);border-radius:6px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:20px;color:var(--price-color);}
.pro_list li span {font-size:30px;line-height:30px;top:3px;position:relative;}
.activity img {width: 99%;margin: 15px auto 0;}
.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:60px 0 0;}
.pro_list2,.pro_list3,.pro_list4 {width:80%;height:auto;margin:0 auto 80px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:19%;height:auto;margin:5px 0.3% 0;}
.pro_list2 li p b,.pro_list3 li p b,.pro_list4 li p b {font-size:30px;}
.pro_list2>p,.pro_list3>p,.pro_list4>p,.pro_list3>p {font:30px/104px "微軟正黑體", Arial;}
/*info*/
.info {width:70%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:21px/34px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:42%;margin:0px auto 30px;}
.title_c img {width: 100%;margin: 30px 0 0;}
}

@media screen and (max-width:960px) {
.main,.main2,.main3  {width:100%;height:auto;}

.desktop img,.desktop2 img,.desktop3 img {display:block;width:100%;}
.mobile {display:none;}
.fixed_bg {display:none !important;}


.pro_listC_title {width:100%;margin: 0px 0 60px; padding:0 0 0px;text-align: center;}
.pro_listC_title img {width: 90%;}

.pro_list {width:90%;margin:0 auto 70px;padding:0 0 100px; border-width:1px;  }
.pro_list_title {width:100%;display:block;border-bottom-color:#fff;top:-25px;}
.pro_list_title img {width:90% !important;margin:0 auto;}
.pro_list li {width:31%;margin:30px 0 0;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;z-index:1000;position:relative;}
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;z-index:2;position:relative;}
.pro_list li:nth-child(1) {background:none;}
.a_list_l {width:60%;position:relative;}
.a_list_r {width:37%;margin:0 0 0 1%;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative;}
.a_list_r h2 {font-size:15px;line-height:16px;margin: 0 0 5px;}
.a_list_name {height:60px;margin:0 0 5px;font-size:14px;line-height:16px;overflow:hidden;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 5px 0 0;padding:3px 3px 1px;font-size:8px;line-height:15px;background:var(--price-color);border-radius:6px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:16px;color:var(--price-color);}
.pro_list li span {font-size:26px;line-height:30px;top:3px;position:relative;}
.activity img {width: 99%;margin: 15px auto 0;}
.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:60px 0 0;}
.pro_list2,.pro_list3,.pro_list4 {width:90%;height:auto;margin:0 auto 90px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:19%;height:auto;margin:5px 0.3% 0;}
.pro_list2 li p b,.pro_list3 li p b,.pro_list4 li p b {font-size:20px;}
.pro_list2 li p {font-size:18px;}
.pro_list2>p,.pro_list3>p,.pro_list4>p {font:30px/104px "微軟正黑體", Arial;}

.t1 {width:58%;top:3%;left:20%;}
.t2 {width:25%;top:26%;left:64%;}
.bonus3 {width:81%;top:66%;left:10%;}
.bonus4 {width:90%;height:auto;margin:0 auto 0px;padding:20px 20px 100px;}
.bonus4 li {width:48%;height:auto;margin:5px 0.5% 0;}

/*info*/
.info {width:80%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
.info_time {display:block;width:100%;max-width:950px;margin:20px auto 0;}
.info_time li {width:97%;margin:3% auto;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:21px/34px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:40%;margin:0px auto 30px;}
.title_c img {width: 100%;margin: 30px 0 0;}
}
  
@media screen and (max-width:768px) {
.desktop img,.desktop2 img,.desktop3 img {display:block;width:100%;}
.mobile ,.main_title ,.sub_title {display:none;}
.fixed_bg {display:none !important;}

.main2,.main3 {width:100%;height:auto;}
.bgbg2 {padding: 50px 0 0;}

.pro_list_bg {padding:150px 0 0;}
.pro_list {width:96%;margin:0 auto 70px;padding:0 0 100px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;
  border-width:4px; border-width:1px; }
.pro_list_title {width:100%;}
.pro_list_title img {width:90% !important;margin:0 auto;}
.pro_list li {width:45%;margin:30px 0 0;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;z-index:10001;position:relative;}
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;z-index:2;position:relative;}
.pro_list li:nth-child(1) {background:none;}
.a_list_l {width:60%;position:relative;}
.a_list_r {width:37%;margin:0 0 0 1%;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative;}
.a_list_r h2 {font-size:16px;line-height:18px;}
.a_list_name {height:60px;margin:0 0 5px;line-height:20px;overflow:hidden;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 5px 0 0;padding:3px 3px 1px;font-size:8px;line-height:15px;background:var(--price-color);border-radius:6px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:15px;color:var(--price-color);}
.pro_list li span {font-size:15px;line-height:30px;top:3px;position:relative;}
.activity img {width: 99%;margin: 15px auto 0;}
.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:60px 0 0;}
.pro_list2,.pro_list3,.pro_list4 {width:94%;height:auto;margin:0 auto 90px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:19%;height:auto;margin:5px 0.3% 0;}
.pro_list2 li p b,.pro_list3 li p b,.pro_list4 li p b {font-size:20px;}
.pro_list2 li p  {font-size:14px;}
.pro_list2>p,.pro_list3>p,.pro_list4>p {font:30px/104px "微軟正黑體", Arial;}

.pro_listC_title {width:100%;margin: 0px 0 60px; padding:0 0 0px;text-align: center;}
.pro_listC_title img {width: 90%;}

.t1 {width:60%;top:2%;left:18%;}
.t2 {width:26%;top:26%;left:63%;}
.bonus3 {width:95%;top:58%;left:2%;}

.bonus4 {width:90%;height:auto;margin:0 auto 0px;padding:20px 20px 70px;}
.bonus4 li {width:75%;height:auto;margin:4% 0.5% 4%;}

/*info*/
.info {width:80%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
.info_time {display:block;width:100%;max-width:950px;margin:20px auto 0;}
.info_time li {width:97%;margin:3% auto;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:19px/32px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:43%;margin:0px auto 30px;}
.title_c img {width: 100%;margin: 30px 0 0;}
}

@media screen and (max-width:601px) {
.desktop,.desktop2 {display:none;}
.desktop3 img {display:block;width:100%;}
.mobile,.mobile2 {display:block;}
.fixed_bg {display:none !important;}

.t1 {width:100%;top:8%;left:0%;}
.t2 {width:37%;top:39%;left:62%;}
.bonus3 {width:100%;top:59%;left:0%;}

.bonus4 {width:90%;height:auto;margin:0 auto 0px;padding:20px 20px 70px;}
.bonus4 li {width:85%;height:auto;margin:4% 0.5% 4%;}

.bgbg2 {padding:0 0 0px;background:url(mobile2.jpg);position:relative;}
.bgbg3 {padding:0 0 0px;}

.main3 {width:100%;height:650px;}

.menu_inner {font-size:18px;}

.pro_listC_title {width:100%;margin: 0px 0 60px; padding:0 0 0px;text-align: center;}
.pro_listC_title img {width: 85%;}

.pro_list_bg {padding:150px 0 0;}
.pro_list {width:96%;margin:0 auto 70px;padding:0 0 100px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;
  border-width:1px; }
.pro_list_title {width:100%;display:block;border-bottom-style:dotted;border-bottom-color:#fff;top:-50px;}
.pro_list_title img {width:90% !important;margin:0 auto;}
.pro_list li {width:80%;margin:20px 0 0;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;z-index:10001;position:relative;}
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;z-index:2;position:relative;}
.pro_list li:nth-child(1) {background:none;}
.a_list_l {width:60%;position:relative;}
.a_list_r {width:37%;margin:0 0 0 1%;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative;}
.a_list_r h2 {font-size:13px;line-height:12px;padding: 10px 0 0;}
.a_list_name {height:60px;margin:0 0 3px;font-size:13px;line-height:15px;overflow:hidden;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 0px 0 0;padding:2px 2px 1px;font-size:7px;line-height:14px;background:var(--price-color);border-radius:4px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:15px;color:var(--price-color);}
.pro_list li span {font-size:22px;line-height:22px;position:relative;}
.activity img {width: 100%;margin: 15px auto 0;}
.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:80px 0 0;}
.pro_list2,.pro_list3,.pro_list4 {width:75%;height:auto;margin:0 auto 70px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:80%;height:auto;margin:20px 0.2% 0;}
.pro_list2 li p li p,.pro_list3 li p li p,.pro_list4 li p li p {font-size:19px;}
.pro_list2 li span,.pro_list3 li span,.pro_list4 li span {font-size:20px;}
.title_pc2 img {width: 100%;}
.pro_list2 li p b,.pro_list3 li p b,.pro_list4 li p b {font-size:35px;}
.pro_list2 li p  {font-size:16px;}

/*info*/
.info {width:80%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
.info_time {display:block;width:100%;max-width:950px;margin:20px auto 0;}
.info_time li {width:97%;margin:3% auto;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:18px/29px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:70%;margin:0px auto 30px;}
.title_c img {width: 100%;margin: 0px 0 0;}
}

@media screen and (max-width:421px) {
.desktop,.desktop2 {display:none;}
.desktop3 img {display:block;width:100%;}
.mobile {display:block;}
.fixed_bg {display:none !important;}
.main2 {background-repeat: repeat;}
.t1 {width:100%;top:8%;left:0%;}
.t2 {width:37%;top:39%;left:62%;}
.bonus3 {width:100%;top:59%;left:0%;}
.bonus4 {width:90%;height:auto;margin:0 auto 0px;padding:20px 20px 70px;}
.bonus4 li {width:75%;height:auto;margin:4% 0.5% 4%;}

.bgbg2 {padding:0;background:url(mobile2.jpg) center 0 repeat;}
.bgbg3 {padding:0 0 0px;background:url(mobile3.jpg)center 0 repeat;}

.menu_inner {font-size:18px;}

.main2,.main3 {width:100%;}
.pro_list_bg {padding:60px 0 0;}
.pro_list {width:96%;margin:0 auto 70px;padding:0 0 100px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;
  border-width:1px; }
.pro_list_title {width:100%;display:block;border-bottom-style:dotted;border-bottom-color:#fff;top:-50px;}
.pro_list_title img {width:90% !important;margin:0 auto;}
.pro_list li {width:80%;margin:20px 0 0;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;z-index:10001;position:relative;}
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;z-index:2;position:relative;}
.pro_list li:nth-child(1) {background:none;}
.a_list_l {width:60%;position:relative;}
.a_list_r {width:37%;margin:0 0 0 1%;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative;}
.a_list_r h2 {font-size:13px;line-height:12px;padding: 10px 0 0;}
.a_list_name {height:60px;margin:0 0 3px;font-size:13px;line-height:15px;overflow:hidden;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 0px 0 0;padding:2px 2px 1px;font-size:7px;line-height:14px;background:var(--price-color);border-radius:4px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:15px;color:var(--price-color);}
.pro_list li span {font-size:22px;line-height:22px;position:relative;}
.activity img {width: 100%;margin: 15px auto 0;}
.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:80px 0 0;}
.pro_list2,.pro_list3,.pro_list4 {width:75%;height:auto;margin:0 auto 70px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:80%;height:auto;margin:20px 0.2% 0;}
.pro_list2 li p li p,.pro_list3 li p li p,.pro_list4 li p li p {font-size:19px;}
.pro_list2 li span,.pro_list3 li span,.pro_list4 li span {font-size:20px;}
.title_pc2 img {width: 100%;}

.pro_listC_title {width:100%;margin: 0px 0 40px; padding:0 0 0px;text-align: center;}
.pro_listC_title img {width: 90%;}

/*info*/
.info {width:80%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
.info_time {display:block;width:100%;max-width:950px;margin:20px auto 0;}
.info_time li {width:97%;margin:3% auto;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:18px/29px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:70%;margin:0px auto 30px;}
.title_c img {width: 100%;}
}

@media screen and (max-width:420px) {
.desktop,.desktop2 {display:none;}
.desktop3 img {display:block;width:100%;}
.mobile {display:block;}
.fixed_bg {display:none !important;}

.t1 {width:100%;top:8%;left:0%;}
.t2 {width:37%;top:39%;left:62%;}
.bonus3 {width:100%;top:59%;left:0%;}
.bonus4 {width:90%;height:auto;margin:0 auto 0px;padding:20px 20px 70px;}
.bonus4 li {width:75%;height:auto;margin:4% 0.5% 4%;}
  
.bgbg2 {padding:0;background:url(mobile2.jpg) center 0 repeat;}
.bgbg3 {padding:0 0 0px;background:url(mobile3.jpg)center 0 repeat;}

.title_pc {width:90%;}
.title_pc img {display:block;width:100%;}
.main3 {width:100%;height:600px;margin: 0 auto 0;}
.menu_inner {font-size:15px;}

.pro_listC_title {width:100%;margin: 0px 0 40px; padding:0 0 0px;text-align: center;}
.pro_listC_title img {width: 90%;}

.pro_list_bg {padding:50px 0 0;}
.pro_list {width:96%;margin:0 auto 70px;padding:0 0 100px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;
  border-width:1px; }
.pro_list_title {width:100%;display:block;border-bottom-style:dotted;border-bottom-color:#fff;top:-50px;}
.pro_list_title img {width:90% !important;margin:0 auto;}
.pro_list li {width:80%;margin:20px 0 0;background:#FFF;border-radius:10px;box-sizing:border-box;overflow:hidden;z-index:10001;position:relative;}
.pro_list li a {display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;z-index:2;position:relative;}
.pro_list li:nth-child(1) {background:none;}
.a_list_l {width:60%;position:relative;}
.a_list_r {width:37%;margin:0 0 0 1%;color:#000;display:flex;flex-direction:column;justify-content:center;position:relative;}
.a_list_r h2 {font-size:13px;line-height:12px;padding: 10px 0 0;}
.a_list_name {height:60px;margin:0 0 3px;font-size:13px;line-height:15px;overflow:hidden;}
.pro_list li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;}
.pro_sub_title {line-height:24px;}
.pro_list_price {font-family:'Rubik','Noto Sans TC', sans-serif;color:var(--price-color);line-height:36px;}
.pro_list li p {display:table;margin:0 0px 0 0;padding:2px 2px 1px;font-size:7px;line-height:14px;background:var(--price-color);border-radius:4px;color:#FFF;}
.pro_list li span::before {content:'$';font-size:15px;color:var(--price-color);}
.pro_list li span {font-size:22px;line-height:22px;position:relative;}
.activity img {width: 100%;margin: 15px auto 0;}
.pro_list2_bg,.pro_list3_bg,.pro_list4_bg {padding:80px 0 0;}
.pro_list2,.pro_list3,.pro_list4 {width:75%;height:auto;margin:0 auto 70px;padding:20px 20px 60px;}
.pro_list2 li,.pro_list3 li,.pro_list4 li {width:80%;height:auto;margin:20px 0.2% 0;}
.pro_list2 li p li p,.pro_list3 li p li p,.pro_list4 li p li p {font-size:19px;}
.pro_list2 li span,.pro_list3 li span,.pro_list4 li span {font-size:20px;}
.title_pc2 img {width: 100%;}

/*info*/
.info {width:80%;margin:0 auto;}
.info p {margin:5px 0;font:15px/24px "微軟正黑體", Arial;}
ul.info_ul li {background: url(arrow.png) 5px 6px no-repeat;}
.info_time {display:block;width:100%;max-width:950px;margin:20px auto 0;}
.info_time li {width:97%;margin:3% auto;}
ol.info_ul {margin:0 0 0 20px;}
ol.info_ul li {font:18px/29px "微軟正黑體", Arial;}
.title_d img {width:100%;text-align:center;display:block;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}
.title_d {width:60%;margin:40px auto 20px;}
.title_c {width:80%;margin:180px auto 30px;}
.title_c img {width: 100%;}
}