@charset "UTF-8";
body {}
.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%;}

.fixed_bg {width:126px;height:auto;top:50px;position:fixed;z-index:10002;display: none;}
.fixed {width:100%;margin:0;padding:5px 10px 0;border-left:3px solid #58548b;border-right:3px solid #58548b;background:rgba(255 ,255 ,255 ,.7);box-sizing:border-box;}
.fixed li {width:100%;line-height:40px;text-align:center;color:#000;border-top:1px dashed #58548b;}
.fixed li:last-child::after {content:'';display:block;width:100%;border-bottom:1px dashed #58548b;}
.fixed li a {display:block;width:100%;height:40px;line-height:40px;color:#000;}
.fixed li a:hover {display:block;width:100%;height:40px;line-height:40px;color:#58548b;}
.gotop {text-align:center;}
.gotop a {box-sizing:border-box;display:block;width:100%;height:60px;line-height:30px;font-size:16px;color:#000;background:rgba(255 ,255 ,255 ,.7);border-bottom:3px solid #58548b;border-left:3px solid #58548b;border-right:3px solid #58548b;border-radius:0 0 100px 100px;}
.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:#FFF;background:#58548b;border-bottom:3px solid #58548b;border-left:3px solid #58548b;border-right:3px solid #58548b;border-radius:0 0 100px 100px;}


.mainjpg {width:100%;height:100%;position:relative;}
.main_bg {top:0;position:relative;}
.main_bg img {display:block;width:100%;}
.main_title {display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:10002;position:absolute;}

.title_all {width:737px;height:495px;margin:0 0 0 -368px;left:50%;top:150px;position:absolute;-webkit-animation:title_all 3.5s ease both infinite; ;animation:title_all 3.5s ease both infinite;}
.WFH {width:30.2%;margin:0 0 0 -15.1%;top:100px;z-index:2;}
.title1 {width:61.73%;margin:0 0 0 -30.86%;top:200px;z-index:2;}
.title2 {width:45.72%;margin:0 0 0 -22.86%;top:320px;z-index:2;}
.title_bg {width:100%;z-index:1;}
.WFH ,.title1 ,.title2 {left:50%;position:absolute;}
.WFH img ,.title1 img ,.title2 img ,.title_bg img {display:block;width:100%;}
  
  @keyframes title_all {
    0% { 
    filter:brightness(100%);
    transform: scale(1,1);
    }
    15% { 
    filter:brightness(150%);
    transform: scale(1.02,1.02);
    }
    30% { 
    filter:brightness(110%);
    transform: scale(1,1);
    }
    45% { 
    filter:brightness(130%);
    transform: scale(1.02,1.02);
    }
    100% { 
    filter:brightness(100%);
    }
  }
.mobile {display:none;width:100%;}
.mobile img {width:100%;}

.main_list_bg {padding:150px 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 {width:1000px;height:auto;background:#FFF;text-align:center;box-sizing:border-box;transition: all 0.3s ease-out;box-shadow:20px 20px 0px rgba(255, 178, 127, 0.7);position:relative;z-index:10000;position:relative;}
.main_list li img {max-width:400px;float:left;}
.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 30px;}
.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;}


.main_list_detail {width:auto;margin:0 0 0 430px;padding:60px 0 0;text-align:left;}
.main_list_name {font-size:36px;line-height:42px;color:#000;font-weight:bold;}
.main_list_info {margin:10px 0;font-size:15px;line-height:20px;color:#000;}
.main_list_info li::before {content:'★';margin:0 5px 0 0;font-size:15px;}
.main_list_price_title {width:70px;padding:5px 10px;font-size:20px;line-height:22px;background:#ff7c7a;border-radius:6px;color:#FFF;font-weight:bold;text-align:center;}
.main_list_price {margin:15px 0 0;font-size:60px;color:#ff7c7a;}
.main_list_price::before {content:'$';font-size:40px;color:#ff7c7a;}

.main_list > li:nth-child(even) > div > a > .main_list_detail {margin:0 0 0 30px;padding:60px 0 0;}
.main_list > li:nth-child(even) > div > a > img {float:right;}


.list1_title ,.list2_title ,.list3_title ,.list4_title ,.list5_title {width:100%;height:112px;margin:0 auto;font:40px/80px "微軟正黑體", Arial;color:#FFF;position:relative;}
.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {top:-17px;position:absolute;}

/*
.list1_title {background:url(list1_title.png) center 0 no-repeat;}
.list2_title {background:url(list2_title.png) center 0 no-repeat;}
.list3_title {background:url(list3_title.png) center 0 no-repeat;}
.list4_title {background:url(list4_title.png) center 0 no-repeat;}
.list5_title {background:url(list5_title.png) center 0 no-repeat;}
 */

.info_1 ,.info_2 {margin:0 auto 60px;}
.info_1 img ,.info_2 img {display:block;width:100%;}

.title_m {font:bold 50px/50px "微軟正黑體", Arial;color:#FFF;text-align:center;display:block;margin:0 0 10px;top:-100px;position:absolute;z-index:10001;}

.pro_list_bg {padding:60px 0;position:relative;}
.pro_list1 ,.pro_list2 {margin:0 auto;padding:0 0.5%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:2;position:relative;}
.list_bg1 {background: linear-gradient(300deg, #B5CBFC 0%, #5C5891 100%);
background: -moz-linear-gradient(300deg, #B5CBFC 0%, #5C5891 100%);
background: -webkit-linear-gradient(300deg, #B5CBFC 0%, #5C5891 100%);
background: -o-linear-gradient(300deg, #B5CBFC 0%, #5C5891 100%);}
.list_bg2 {background: linear-gradient(300deg, #FF9A7B 0%, #F4436D 100%);
background: -moz-linear-gradient(300deg, #FF9A7B 0%, #F4436D 100%);
background: -webkit-linear-gradient(300deg, #FF9A7B 0%, #F4436D 100%);
background: -o-linear-gradient(300deg, #FF9A7B 0%, #F4436D 100%);}

.pro_list_bg > .title_pc {width:100%;height:auto;}
.pro_list_bg > .title_pc > p {width:300px;margin:0 auto;font:40px/80px "微軟正黑體", Arial;color:#FFF;}

.pro_list1>p {margin:20px 0 30px;padding:0;text-align:center;color:#000 ;font:50px/104px "微軟正黑體", Arial;}
.pro_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;}
.pro_list1 li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#FFF;}
.pro_list1 li a ,.pro_list li a:hover {color:#FFF;}
.pro_list1 li:hover {transform:scale(0.985) !important;}
.pro_promo1 {display:table;width:auto;height:30px;margin:0 auto;padding:0 15px;color:#2b2f52;background:#F47;text-align:center;font-size:18px;line-height:30px;border-radius:30px;}
.pro_list1 li p {width:100%;height:52px;padding:5px;font-size:18px;color:#000;line-height:24px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.price_title1 {width:60px;margin:10px auto 0;padding:5px 10px;font-size:15px;line-height:18px;background:#ff7c7a;border-radius:3px;}
.pro_list1 li b::before {content:'$';font-size:15px;color:#ff7c7a;}
.pro_list1 li .discount {font-size:15px;color:#FF0;}
.pro_list1 li .discount b::before {content:'$';font-size:15px;color:#ff7c7a;}
.pro_list1 li p b {font-size:32px;color:#ff7c7a;line-height:36px;}
.pro_list1 li del::before {content:'市價$';font-size:12px;}
.pro_list1 li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}
.pro_list1 li span {font-size:15px;color:#FB0;font-weight:bold;}


.pro_list2>p {margin:20px 0 30px;padding:0;text-align:center;color:#000 ;font:50px/104px "微軟正黑體", Arial;}
.pro_list2 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;}
.pro_list2 li img {display:block;width:100%;overflow:hidden;box-sizing:border-box;background:#FFF;}
.pro_list2 li a ,.pro_list li a:hover {color:#FFF;}
.pro_list2 li:hover {transform:scale(0.985) !important;}
.pro_promo1 {display:table;width:auto;height:30px;margin:0 auto;padding:0 15px;color:#2b2f52;background:#F47;text-align:center;font-size:18px;line-height:30px;border-radius:30px;}
.pro_list2 li p {width:100%;height:52px;padding:5px;font-size:18px;color:#000;line-height:24px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.price_title2 {width:60px;margin:10px auto 0;padding:5px 10px;font-size:15px;line-height:18px;background:#3f4fa1;border-radius:3px;}
.pro_list2 li b::before {content:'$';font-size:15px;color:#3f4fa1;}
.pro_list2 li .discount {font-size:15px;color:#FF0;}
.pro_list2 li .discount b::before {content:'$';font-size:15px;color:#3f4fa1;}
.pro_list2 li p b {font-size:32px;color:#3f4fa1;line-height:36px;}
.pro_list2 li del::before {content:'市價$';font-size:12px;}
.pro_list2 li del {display:block;width:100%;padding:5px 0;background:#333;color:#FF0;}
.pro_list2 li span {font-size:15px;color:#FB0;font-weight:bold;}


/*宮格底色*/
.l1 {background:url(list1_bg.png) right center no-repeat;}
.l2 {background:url(list2_bg.png) left center no-repeat;}
.l3 {background:url(list3_bg.png) right center no-repeat;}
.l4 {background:url(list4_bg.png) left center no-repeat;}
.l5 {background:url(list5_bg.png) right center no-repeat;}

.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;}
ul.info_ul {margin:0 0 35px 15px;padding:0;box-sizing: border-box;}
ul.info_ul li {list-style-type:none;margin:10px 0;font-size:20px;line-height:30px;color:#FFF;}
ul.info_ul li i {display:inline-block;width:5px;height:25px;margin:0 3px 0 0;background:#FFF;top:4px;position:relative;}
ul.info_ul li a {color:#FF0;}
ul.info_ul li a:hover {color:#c7ff5e;}
ul.info_ul li span {margin:0;font-size:20px;line-height:30px;color:#FF0;}

ol.info_ul {margin:0 auto 35px;padding:0 0 0 20px;box-sizing:border-box;text-align: justify;text-justify:inter-ideograph;}
ol.info_ul li {list-style-type:decimal;margin:10px 0;font-size:20px;line-height:30px;color:#46473f;}
ol.info_ul li a {color:#ff8282;}
ol.info_ul li a:hover {color:#ff3232;}
ol.info_ul li span {margin:0;font-size:20px;line-height:30px;color:#ff8282;}
ol.info_ul li p {margin:0;font-size:20px;line-height:30px;color:#ff3232;}
.info_bg ol.info_ul .title {margin:10px 0 0;color:#46473f;left:-20px;position:relative;}
.sub_title {width:100%;margin:20px 0 0;padding:5px 0;font-size:26px;line-height:32px;color:#46473f;background:#ff9527;border-radius:50px;text-align:center;position:relative;}

.list_icon1 {background:url(list_icon1.png) 50px 50% no-repeat;}
.list_icon2 {background:url(list_icon2.png) 90% 30px no-repeat;}
.list_icon3 {background:url(list_icon3.png) -50px bottom no-repeat;}

.bgbg1 {padding:70px 0 0;background:url(bg2.png) center 0 no-repeat;}
.bgbg2 {padding:150px 0 20px;background:url(bg3.png) #fca4bc center 0 no-repeat;}

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

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

/*手機版選單*/
.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:20000;
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:20%;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:#D05;}
.m_menu li a:active i ,.m_menu li a:active p {display:block;color:#D05;}
.m_menu_active {color:#D05 !important;}
.m_menu_member {width:50px;height:50px;margin:-25px 0 0 -25px;padding:8px 0 0;box-sizing:border-box;border:4px solid #FFF;box-shadow:0 -2px 2px 1px rgba(0%,0%,0%,0.1);border-radius:60px;color:#FFF;background:#D05;top:5px;left:50%;position:absolute;}
.m_menu_member i {color:#FFF !important;}
.m_menu_member i a:hover {color:#FFF !important;}
.badge {display:block;width:20px;height:20px;background:#D05;color:#FFF;border-radius:10px;top:2px;left:calc(50% + 10px);position:absolute;}
.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:10001;}
.gotop2 p {font:10px/20px Arial;cursor:pointer;top:-20px;position:relative;z-index:10005;}
.gotop2 a {color:#000;font-size:11px;}

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

@media (max-width: 1080px) {
.m_menu ,.gotop2 {display:block;}
.copyright {padding:10px 0 60px;background:#362E2B;}
}



@media screen and (min-width:1491px) {
.wrapper {width:100%;background:url(bg0.jpg) center 0 no-repeat;background-attachment:fixed;}
.tablet ,.mobile {display:none;}
.main_title {width:594px;height:177px;left:-297px;bottom:100px;margin: 0 0 0 50%;}
.main {width:1200px;height:700px;}
.fixed_bg {margin-left:1200px;}

.info_1 {width:1100px;}
.info_2 {display:none;}

.list_bg1 ,.list_bg2 {width:1140px;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;padding:0 1% 1.5%;}
.pro_list1 li ,.pro_list2 li {width:24%;height:auto;margin:5px 0.5% 0;}

.even li:nth-child(even) {margin-top:50px;}
.odd li:nth-child(odd) {margin-top:50px;}

/*info*/
.info_ul {width:1120px;}
}

@media screen and (min-width:1201px) and (max-width:1490px) {
.wrapper {width:100%;background:url(bg0.jpg) center 0 no-repeat;background-attachment:fixed;}
.tablet ,.mobile {display:none;}
.main_title {width:594px;height:177px;left:-297px;bottom:100px;margin: 0 0 0 50%;}
.main {width:1200px;height:700px;}
.fixed_bg {right:0;}

.info_1 {width:1100px;}
.info_2 {display:none;}

.list_bg1 ,.list_bg2 {width:1140px;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;padding:0 1% 1.5%;}
.pro_list1 li ,.pro_list2 li {width:24%;height:auto;margin:5px 0.5% 0;}

.even li:nth-child(even) {margin-top:50px;}
.odd li:nth-child(odd) {margin-top:50px;}

/*info*/
.info_ul {width:1120px;}
}

@media screen and (min-width:1081px) and (max-width:1200px) {
.wrapper {width:100%;background:url(bg0.jpg) center 0 no-repeat;background-attachment:fixed;background-size:150%;}
.main img {width:100%;}
.tablet ,.mobile {display:none;}
.main_title {width:594px;height:177px;left:-297px;bottom:100px;margin: 0 0 0 50%;}
.main {width:100%;height:700px;}
.fixed_bg {right:0;}

.info_1 {max-width:1100px;margin:0 auto;}
.info_2 {display:none;}

.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {width:100%;}
.list_bg1 ,.list_bg2 {width:94%;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;margin:0 auto;padding:0 1% 1.5%;}
.pro_list1 li ,.pro_list2 li {width:24%;height:auto;margin:5px 0.5% 0;}

.even li:nth-child(even) {margin-top:50px;}
.odd li:nth-child(odd) {margin-top:50px;}

/*info*/
.info_ul {width:90%;}
}

@media screen and (min-width:960px) and (max-width:1080px) {
.wrapper {width:100%;background:url(bg0.jpg) center 0 no-repeat;background-attachment:fixed;background-size:160%;}
.tablet ,.mobile {display:none;}
.main_title {width:480px;left:-240px;bottom:80px;margin: 0 0 0 50%;}
.title_sub {width:400px;left:-200px;}
.title_sub img {display:block;width:100%;}
.main {width:100%;height:700px;}
.desktop img {display:block;width:100%;}
.fixed_bg {display:none !important;}

.info_1 {width:100%;margin:0 auto;}
.info_2 {display:none;}

.menu_inner {font-size:15px;}
.title_btm {top:130%;}

.list1_title, .list2_title, .list3_title, .list4_title, .list5_title {height:100px;}
.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {width:100%;}
.list_bg1 ,.list_bg2 {width:94%;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;margin:0 auto;padding:0 1% 1.5%;}
.pro_list1 li ,.pro_list2 li {width:24%;height:auto;margin:5px 0.5% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:30px;}
.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}

/*info*/
.info_ul {width:90%;}

}
  
@media screen and (min-width:768px) and (max-width:959px) {
.wrapper {width:100%;background:url(bg0.jpg) center 0 no-repeat;background-attachment:fixed;background-size:200%;}
.desktop {display:none;}
.main {width:100%;height:700px;}
.fixed_bg {display:none !important;}

.info_1 {width:100%;margin:0 auto;}
.info_2 {display:none;}
.main_list_bg {padding:100px 0 0;}
.bgbg1 {background-size:150%;}

.title_all {width:600px;height:404px;margin:0 0 0 -300px;top:170px;}
.WFH {top:80px;}
.title1 {top:160px;}
.title2 {top:260px;}

.menu_inner {font-size:15px;}
.title_btm {top:130%;}

.list1_title, .list2_title, .list3_title, .list4_title, .list5_title {height:60px;}
.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {width:100%;}
.list_bg1 ,.list_bg2 {width:94%;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;margin:0 auto;padding:0 1% 2%;}
.pro_list1 li ,.pro_list2 li {width:48%;height:auto;margin:2% 0.5% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:30px;}
.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}

/*info*/
.info_ul {width:90%;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.wrapper {width:100%;background:url(bg0.jpg) center 0 no-repeat;background-attachment:fixed;background-size:245%;}
.mobile {display:none;}
.main {width:100%;height:700px;}
.fixed_bg {display:none !important;}

.main_list_bg {padding:100px 0 0;}
.bgbg1 {background-size:150%;}
.bgbg2 {padding:80px 0 20px;background:url(bg3.png) #fca4bc center -80px no-repeat;}

.title_all {width:600px;height:404px;margin:0 0 0 -300px;top:170px;}
.WFH {top:80px;}
.title1 {top:160px;}
.title2 {top:260px;}

.menu_inner {font-size:18px;}
.title_pc {width:98%;margin:10px auto 0;}

.list1_title, .list2_title, .list3_title, .list4_title, .list5_title {height:60px;}
.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {width:100%;top:-10px;}
.list_bg1 ,.list_bg2 {width:94%;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;margin:0 auto;padding:0 1% 2%;}
.pro_list1 li ,.pro_list2 li {width:48%;height:auto;margin:2% 0.5% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:30px;}
.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}


/*info*/
.info_ul {width:90%;margin:0 1% 60px;}

.copyright {margin:0 0 50px;}
}

@media screen and (min-width:421px) and (max-width:600px) {
.wrapper {width:100%;}
.title_all ,.desktop ,.circle1 ,.circle2 ,.circle3 ,.circle4 {display:none;}
.mobile {display:block;}
.main_title ,.title_sub ,.slide ,.shading {display:none;}
.fixed_bg {display:none !important;}

.main_list_bg {padding:0;}
.bgbg1 {padding:0;background:#625e9c;}
.bgbg2 {padding:50px 0 20px;background:url(bg3.png) #fca4bc center -110px no-repeat;}

.menu_inner {font-size:18px;}

.list1_title, .list2_title, .list3_title, .list4_title, .list5_title {height:40px;}
.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {width:100%;top:-8px;}
.list_bg1 ,.list_bg2 {width:94%;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;margin:0 auto;padding:0 1% 2%;}
.pro_list1 li ,.pro_list2 li {width:48%;height:auto;margin:2% 0.5% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:30px;}
.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}
.pro_list_bg {padding:40px 0 0;}

/*info*/
.info_bg {margin:0 auto;}
.info_ul {width:90%;margin:20px 5%;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}

.copyright {margin:0;}
}

@media screen and (max-width:420px) {
.wrapper {width:100%;}
.title_all ,.desktop ,.circle1 ,.circle2 ,.circle3 ,.circle4 {display:none;}
.mobile {display:block;}
.main_title ,.title_sub ,.slide ,.shading {display:none;}
.fixed_bg {display:none !important;}

.main_list_bg {padding:0;}
.bgbg1 {padding:0;background:#625e9c;}
.bgbg2 {padding:50px 0 20px;background:url(bg3.png) #fca4bc center -130px no-repeat;}

.menu_inner {font-size:18px;}

.list1_title, .list2_title, .list3_title, .list4_title, .list5_title {height:30px;}
.list1_title img ,.list2_title img ,.list3_title img ,.list4_title img ,.list5_title img {width:100%;top:-8px;}
.list_bg1 ,.list_bg2 {width:94%;margin:0 auto;}
.pro_list1 ,.pro_list2 {width:100%;height:auto;margin:0 auto;padding:0 1% 2%;}
.pro_list1 li ,.pro_list2 li {width:48%;height:auto;margin:2% 0.5% 0;}
.pro_list1 li p b ,.pro_list2 li p b {font-size:30px;}
.pro_list1>p ,.pro_list2>p {font:40px/104px "微軟正黑體", Arial;}
.pro_list_bg {padding:20px 0 0;}

/*info*/
.info_bg {margin:0 auto;}
.info_ul {width:90%;margin:20px 5%;}
.title_bg {width:60%;margin:0 auto;}
.title_bg img {width:100%;}

.copyright {margin:0;}
}