body { font: 20px "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; color: #000; min-width: 1050px;}
a { text-decoration: none; }
:focus { outline: none; }
i { font-style: normal; }
.header, .footer { width: 1050px; margin: auto;}
.hd_pc { width: 1050px; }
.hd_m, footer { display: none; }
.M_menu_wrap { display: none; }
.main { background: url(../images/kv_bg.jpg) no-repeat top center; position: relative; width: 100%; z-index: 1; overflow: hidden; background-color: #fdf7eb;}
.kv { width: 1050px; height: 590px; margin: auto; position: relative; }
.kv_slogan1 { position: absolute; left: 263px; top: 92px; z-index:1; display: block;}
.kv_slogan1_m { position: absolute; z-index:1; display: none;}
.kv_slogan2 { position: absolute; left: 204px; top: 397px; z-index: 2; animation: upDown_animation 0.5s ease-in-out infinite alternate; filter: drop-shadow(1px 2px 3px #00000040); }

/*kv-move*/
@keyframes mymove {
 0%, 100% {margin-left:0px;}
 50% {margin-top:5px;}
}

/*coupon*/
.coupon_wrapper{ width: 100%; background-color: #fdf7eb; overflow: hidden; background: url("../images/coupon_bg2.jpg") no-repeat top center; padding-top: 40px; }
.coupon_title{ text-align: center;}
.coupon_main{ width: 1200px; margin: 0 auto; background: url("../images/coupon_bg.png") no-repeat top center; overflow: hidden; padding-left: 88px; padding-top: 13px; height: 630px;}
.coupon{float: left; }
.coupon a{ display: block;}
.coupon a:hover{-webkit-filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2));filter: drop-shadow(5px 5px 1px rgba(0, 0, 0, 0.2)); transform: scale(0.95); filter: brightness(110%);}

/*att*/
.att_wrapper{ width: 100%; background: #212562; overflow: hidden;  padding-top: 40px; padding-bottom: 25px; }
.att_title{ text-align: center;}
.att_main{ width: 1120px; margin: 0 auto; background: #fff; padding:20px; border-radius:20px;}
.att_main h3{ display:inline-block; margin:10px 10px 10px 0; background-color:#212562; border-radius:20px; color:#fff; padding:5px 20px;}
.att_main li{list-style:decimal; margin-left: 25px;}
.att_main li + li{ margin-bottom:10px}
@media screen and (max-width:767px) {
body { width: 100vw; min-width: inherit; font-size: 14px; }
* { box-sizing: border-box; }
#doyoo_panel { display: none!important; }
.header, .footer { width: 100vw;}
.footer, .hd_pc { display: none; }
.hd_m, footer { display: block; }
.main { background-size: 186vw;}
.kv {width: 100vw; height: 75vw;}
.kv img{ width:100%;}
.kv_slogan1 {display: none;}
.kv_slogan1_m { display: block; width: 100vw; }
.kv_slogan2 {width: 36vw; left:5vw; top: 48vw; animation: upDown_animation 1s ease-in-out infinite alternate;}

.coupon_wrapper,.att_wrapper { padding-top:5px; padding-bottom: 0; background: none #fef8ec;}
.coupon_wrapper img, .att_wrapper img{ width: 100%; padding-bottom: 0;}
.coupon_main{ width: 100vw; padding-left: 13px; padding-top: 13px;  padding-bottom:13px;height: auto;}
.coupon{ width: 47vw;}
.coupon a{ display: block;}
.coupon a:hover{-webkit-filter: none; filter: none; padding-top: 0;}
    .att_main{width:100vw; border-radius:0; }

}