@charset "UTF-8";
::selection {
background: #ffde00;
color:#282828;
}
::-moz-selection {
background: #ffde00;
color:#282828;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}

body {background:url(A2.jpg) center 0 repeat-y;text-align: center;margin: 0 auto 0;}
.wrapper {width:1200px;overflow-x:hidden;position:relative;}

.top {width:100%;height:40px;background:#000;}
.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;}
.main img {display:block;width:100%;}
.tablets img {display:block;width:100%;}
.desktop 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%;}

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

.discount_bg {width:80%;padding:60px 0;margin: 0 auto 0;}
.discount {height:auto;margin:0 auto;padding:20px;background:#ff4600;box-sizing:border-box;position:relative;}
.discount::before {content:'';width:7px;height:100%;background:url(discount_01.png) left 0 repeat-y;left:-7px;top:0;position:absolute;}
.discount::after {content:'';width:7px;height:100%;background:url(discount_02.png) right 0 repeat-y;right:-7px;top:0;position:absolute;}
.discount_title {margin:0 0 20px;font:50px/50px "微軟正黑體", Arial;text-align:center;font-weight:bold;color: #fff;}
.discount ul {padding:20px 0;background:#FFF;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;}
.discount ul li {width:50%;}
.discount_num {padding:15px 0 0;color:#282828;line-height:100px;font-size:70px;text-align:center;border-right:1px dotted #000;box-sizing:border-box;}
.discount_word {font:20px/24px "微軟正黑體", Arial;text-align:center;box-sizing:border-box;}
.discount_icon {width:35%;min-width:210px;height:50px;margin:10px auto 0;padding:0 20px;line-height:50px;background:#ff4600;color:#fff;font-size:30px;text-align:center;cursor:pointer;}
.title_bg {text-align:center;position:relative;}

.notice_bg {margin:50px 0 0;padding:50px 0;}
.notice {width:1200px;margin:0 auto;}
.notice_title {width: 80%; margin:0 auto 20px;padding:0 0 20px;color:#000;font-size:50px;text-align:center;border-bottom:3px dotted #000;font-weight:bold;}
.notice_C {width: 80%; margin:0 auto 0px;padding:0 0 100px;color:#000;font-size:60px;text-align:center;position:relative;}
.notice_D {width: 80%; margin:0 auto 0px;padding:0 0 100px;color:#000;font-size:50px;text-align:left;position:relative;}
.notice ul {color:#000;}
.notice ul li {margin:0 20px;padding:0 10px;list-style-type:decimal;color:#000;font-size:26px;line-height:40px;list-style-type:none;}
.color1 {color:#ec2b00;font-weight:bold;}
.color2 {color:#005791;font-size:20px;line-height:16px;}
.color3 {color:#ec2b00;font-weight:bold;text-align: center;position:relative;}

.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;}

/*.current-active {background:#F00;}*/
@keyframes move {
  0% {
    transform:scaleY(0);
  }
  100% {
    transform:scaleY(1);
  }
}


.navFixed {position:fixed;margin-top:0;background:#e3e3e3;border-bottom:1px solid #999;transition:opacity .5s ease-out;}

@media screen and (min-width:1491px) {
.body {width: 1200px;}
.wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
.tablets ,.mobile {display:none;}
.main {width:1200px;height:auto;}

.discount {width:1000px;margin: 0 auto 80px;}
.discount_num {width:50%;}
.discount_word {text-align:center;}
}

@media screen and (min-width:1201px) and (max-width:1490px) {
  .wrapper {width:100%;background:url(bg0.jpg) center 40px no-repeat;}
  .tablets ,.mobile {display:none;}
  .main_title {width:594px;height:177px;left:-297px;bottom:100px;margin: 0 0 0 50%;}
  .main {width:1200px;height:auto;}
  
  .discount {width:94%;max-width:1186px;}
  
  }
  
  @media screen and (min-width:1081px) and (max-width:1200px) {
  .wrapper {width:100%;}
  .mobile {display:none;}

  .discount {width:92%;padding:10px;top:-200px;}
  .discount_title {font:30px/30px "微軟正黑體", Arial;}
  .discount ul {padding:20px;}
  .discount ul li {width:100%;}
  .discount_num {padding:0;font-size:50px;line-height:80px;border-right:0;border-bottom:1px dotted #000;}
  .discount_word {padding:20px 0 0;}
  .discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}
  
  .notice {width:100%;margin: 0 auto 20px;}
  .notice_title {font-size:36px;}
  .notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:20px;line-height:32px;}
  }
  
  @media screen and (min-width:960px) and (max-width:1080px) {
  .wrapper {width:100%;}
  .mobile {display:none;}

  .discount {width:92%;padding:10px;top:-200px;}
  .discount_title {font:30px/30px "微軟正黑體", Arial;}
  .discount ul {padding:20px;}
  .discount ul li {width:100%;}
  .discount_num {padding:0;font-size:50px;line-height:80px;border-right:0;border-bottom:1px dotted #000;}
  .discount_word {padding:20px 0 0;}
  .discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}
  
  .notice {width:100%;margin: 0 auto 20px;}
  .notice_title {font-size:36px;}
  .notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:20px;line-height:32px;}
  }
    
  @media screen and (min-width:768px) and (max-width:959px) {
  .wrapper {width:100%;}
  .mobile {display:none;}

  .discount {width:92%;padding:10px;top:-200px;}
  .discount_title {font:30px/30px "微軟正黑體", Arial;}
  .discount ul {padding:20px;}
  .discount ul li {width:100%;}
  .discount_num {padding:0;font-size:50px;line-height:80px;border-right:0;border-bottom:1px dotted #000;}
  .discount_word {padding:20px 0 0;}
  .discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}
  
  .notice {width:100%;margin: 0 auto 20px;}
  .notice_title {font-size:36px;}
  .notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:20px;line-height:32px;}
  }
  
  @media screen and (min-width:601px) and (max-width:767px) {
  .wrapper {width:100%;}
  .mobile {display:block;}
  .desktop {display:none;}
  

  .discount {width:92%;padding:10px;top:-200px;}
  .discount_title {font:30px/30px "微軟正黑體", Arial;}
  .discount ul {padding:20px;}
  .discount ul li {width:100%;}
  .discount_num {padding:0;font-size:50px;line-height:80px;border-right:0;border-bottom:1px dotted #000;}
  .discount_word {padding:20px 0 0;}
  .discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}
  
  .notice {width:100%;margin: 0 auto 20px;}
  .notice_title {font-size:36px;}
  .notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:20px;line-height:32px;}
  }
  
  @media screen and (min-width:421px) and (max-width:600px) {
  .wrapper {width:100%;}
  .mobile {display:block;}
  .desktop {display:none;}
  

  .discount {width:92%;padding:10px;top:-200px;}
  .discount_title {font:30px/30px "微軟正黑體", Arial;}
  .discount ul {padding:20px;}
  .discount ul li {width:100%;}
  .discount_num {padding:0;font-size:50px;line-height:80px;border-right:0;border-bottom:1px dotted #000;}
  .discount_word {padding:20px 0 0;}
  .discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}
  
  .notice {width:98%;margin: 0 auto 20px;}
  .notice_title {font-size:30px;}
  .notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:18px;line-height:30px;}
  }
  
  @media screen and (max-width:420px) {
  .wrapper {width:100%;}
  .mobile {display:block;}
  .desktop {display:none;}
    
    
  .discount {width:92%;padding:10px;top:-200px;}
  .discount_title {font:30px/30px "微軟正黑體", Arial;}
  .discount ul {padding:20px;}
  .discount ul li {width:100%;}
  .discount_num {padding:0;font-size:50px;line-height:80px;border-right:0;border-bottom:1px dotted #000;}
  .discount_word {padding:20px 0 0;}
  .discount_icon {min-width:170px !important;height:40px;font-size:24px;line-height:40px;}
    
  .notice {width:98%;margin: 0 auto 20px;}
  .notice_title {font-size:30px;}
  .notice ul li {margin:0 0 0 20px;padding:0 0 0 10px;font-size:18px;line-height:30px;}
  }