body { font: 20px "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; color: #000; min-width: 1050px;}
a { text-decoration: none; color: #06f; }
: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/bg.jpg) no-repeat top center; position: relative; width: 100%; z-index: 1; overflow: hidden; background-color: #019275;}
.kv { width: 1050px; height: 699px; margin: auto; position: relative; }
.kv_slogan1 { position: absolute; left: 75px; top: 0px; z-index:1;}
.kv_slogan2 { position: absolute; left: 280px; top: 315px; z-index:2; animation: upDown_animation 0.5s ease-in-out infinite alternate; }
.kv_slogan3 { position: absolute; right: 0px; top: 329px; z-index:2;}
.kv_slogan4 { position: absolute; left: 31px; top: 250px; z-index:2;}

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

/*coupon*/
.coupon_wrapper{ width: 100%; background-color: #019275; overflow: hidden; padding-bottom: 25px;}
.coupon_title{ text-align: center;}
.coupon_main{ width: 1010px; margin: 0 auto; background-color: #fff; overflow: hidden; padding: 20px;}
.coupon{ float: left; /*width: 25%; */ }
.coupon a{ display: block;}
.coupon a:hover{-webkit-filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2));filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
.coupon img{width: 100%;}
/*rule*/
.intext_main{background-color: #019275; padding-bottom: 40px;}
.intext_title{ width: 1050px; margin: 0 auto; text-align: center;}
.intext{ width:100%; background:#ddc069; margin:0 auto; max-width:950px; padding: 20px 50px;}
.event_details { width: 80%; margin: 25px auto 0;}
.event_details a { display: block; width: 46%; border-radius: 20px; text-align: center; margin: 5px 2% 0; line-height: 65px; font-size: 33px; color: #654500; font-weight: bold; background-color: #ffef9c; float: left;
    background-image: repeating-linear-gradient(45deg, hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 10px,transparent 0,transparent 20px);
    box-shadow: 4px 6px 0px #583c00;  -webkit-box-shadow: 4px 6px 0px #583c00; -moz-box-shadow: 4px 6px 0px #583c00;}
.event_details a:hover{ color: #D80056; margin-top:1px;
    background-image: repeating-linear-gradient(45deg, hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 10px,transparent 0,transparent 20px);
    box-shadow: 4px 6px 0px #D80056;  -webkit-box-shadow: 4px 6px 0px #D80056; -moz-box-shadow: 4px 6px 0px #D80056;}

h2{ color:#ffffff; font-size:30px; line-height:40px; font-weight: bold; background:#268fd2; text-align:center; width:100%; padding:5px 0px 5px 0px; }
h3 { color:#963512; font-size: 26px; font-weight: bold; padding: 15px 0;}

ol li { list-style: decimal; margin: 0 40px 7px 70px;}

.tb01 tr td{ padding:10px 0 10px 0; border-bottom:1px #fff8e0 dashed; }
.tb01 tr td p{ padding:0 0 15px 22px;}
.tb01 tr td.end {padding-bottom: 35px;border-bottom: 3px #fff dashed;}

.red{ font-weight: bold; color: #E91E63; font-size: 18px;}
.yellow{ font-weight: bold; color: yellow;}

/*表格*/
.insurance{ border-radius: 5px; border: 3px solid #4d4d4d; font-size: 17px; line-height: 1.5; }
.insurance tr td{  padding: 10px 0 10px 0; border-bottom: 1px #a0a0a0 solid; border-right: 1px #a0a0a0 solid;}
.insurance p { padding:0 0 0 25px!important;}
.insurance tr.tr001 { color: #000; background-color:#ffffff; font-size: 15px;}
.insurance tr.tr002 { color: #fff; background-color:#0c9; font-weight: bold;}
.insurance tr.tr003 { color: #000; background-color:#fff;}
.insurance tr.tr004 { color: #fff; background-color:#fc4285;}
.insurance a{color: #06f; text-decoration: underline;}

.step { padding: 0 0 20px 40px; line-height: 30px; }

/**float**/
.float_wrapper {position: fixed;top: 250px;right:0; z-index: 250;display: block;}
.float_main { width: 138px; opacity: 0.9; filter: alpha(opacity=90);}
.go_top {display: block;cursor: pointer;}
.group_leftmenu {margin: auto; border: 15px solid #ddc069; border-radius: 30px 0 0 30px;}
.group_leftmenu:after {content: '';display: table;clear: both;}
.group_leftmenu li {position: relative; padding: 10px 0 10px; text-align: center; font-size: 17px;}
.group_leftmenu li {background: #ddc069;}
.group_leftmenu li a {position: relative; z-index: 500; color: #333; cursor: pointer; font-weight: bold;}
.group_leftmenu li.highlight0 {padding-left: 2px; color: yellow; font-weight: bold; border-bottom: 1px dotted #fff;}
.group_leftmenu li.highlight1 {padding-left: 2px; border-bottom: 1px dotted #fff;}
.group_leftmenu li.highlight2 {font-size: 22px; padding: 12px 0 0 2px;}
.group_leftmenu li a:hover, .group_leftmenu li a:focus, .group_leftmenu li a:active {color:#e4007f;}
.group_leftmenu li:after {position: absolute;right: 51%;bottom: 0;left: 51%;z-index: 1;height: 2px;background: #e4007f;content: "";-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: left, right;transition-property: left, right;}
.group_leftmenu li:hover:after, .type_leftmenu li:focus:after, .type_leftmenu li:active:after {right: 0%;left: 0%;}
.triangle-up { margin-left: 36px;  height: 7px;  width: 7px; border-width: 2px 0 0 2px; border-color: #333; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);}

/*others*/
#doyoo_panel { display: none!important; }

@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: 71vw;}
.kv img{ width:100%;}
.kv_slogan1 {width: 90vw; left:6vw; top: -1vw;}
.kv_slogan2 {width: 50vw; left:26vw; top: 32vw; animation: upDown_animation 1s ease-in-out infinite alternate;}
.kv_slogan3 {width: 31vw; left:66vw; top: 39vw;}
.kv_slogan4 {width: 22vw; left:4vw; top: 31vw;}

.coupon_wrapper { padding-bottom: 0;}
.coupon_wrapper img{ width: 100%; padding-bottom: 0;}
.coupon_main{ width: 100vw; padding: 5px 10px;}
.coupon{ width: 47vw;}
.coupon a{ display: block;}
.coupon a:hover{ -webkit-filter: none; filter: none; }
    
.intext_main { padding-bottom: 0; }
.intext_main img, .intext img{ width: 100%; }
.intext_title {width: 100vw;margin: 0 auto;}
.intext { padding: 7px 20px;}
.insurance{ font-size: 13px; line-height: 1.5; margin: 5px 0; }
.insurance p { padding:0 0 0 5px!important;}
    
.event_details { width: 90%; margin: 10px auto 0;}
.event_details a { line-height: 40px; font-size: 18px; box-shadow: 4px 3px 0px #583c00;  -webkit-box-shadow: 4px 3px 0px #583c00; -moz-box-shadow: 4px 3px 0px #583c00;}
.event_details a:hover{ box-shadow: 4px 3px 0px #D80056;  -webkit-box-shadow: 4px 3px 0px #D80056; -moz-box-shadow: 4px 3px 0px #D80056;}

.red{ font-size: 14px;}
.step { padding: 0 0 10px 3px; line-height: 20px; }
       
h2{ font-size:24px; line-height:30px;}
h3 {  font-size: 16px; padding: 10px 0;}
ol li { margin: 0 0 1px 20px;}
.tb01 tr td{ padding:5px 2px; }
.tb01 tr td.end {padding-bottom: 17px;border-bottom: 2px #8F8F8F dashed;}
.tb01 tr td p {padding: 0 0 5px 0;}
.insurance tr.tr001 { font-size: 13px;}
  
.bk_rule{height: 60px; background-color: #ddc069;}
.float_wrapper {display: none; left: 100%;}
.M_menu_wrap { position: fixed; bottom: 0; z-index: 200; display: block; font-size: 15px; }
.M_menu_block { width: 100vw; height: 55px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #111)); box-shadow: 0px -1px 1px #333; }
.M_menu_block:after { clear: both; display: table; content: ''; }
.M_menu_block ul { overflow: hidden; list-style: none; }
.M_menu_block li { float: left;  padding-top: 7px; width: 25vw; height: 55px; border-top: 1px solid #999; border-right: 1px solid #666; border-left: 1px solid #222; text-align: center; }
.M_menu_block li a { color: #fff; display: inline-block; line-height: 19px;}
.m_but {background-color: #910002;}
.bk_mask { position: fixed; top: 0; z-index: 100; display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); }

}