body { font: 13px/1.6em "Century Gothic", Arial, 'Microsoft JhengHei', "蘋果儷中黑", "儷黑 Pro", "新細明體", "sans-serif"; color: #333; min-width: 950px;}
a {color: #fc4348; }
:focus { outline: none; }
i { font-style: normal; }
.header { margin: auto; width: 100%;}
.footer { margin: auto; width: 100%;}
.hd_pc { width: 100%;}
.hd_m { display: none; }
.pez_ft { height: 228px;}
.M_menu_wrap { display: none; }
.display_pc { display: block; }
.display_m { display: none; }
.red { color: #f93739; }
.blue { color: #0370ce; }

.kv { width: 950px; height: 520px; margin: auto; position: relative; }
.kv_slogan1 { position: absolute; left: 385px; z-index:1;}
.kv_slogan2 { position: absolute; z-index:1; display: none;}
.main {background: url(../images/bg.jpg) no-repeat top center; margin: auto; width: 100%; overflow: hidden; background-color: #fff5eb; }

/*menu*/
.menu_wrapper{ width: 100%; background: #1a1c42; box-shadow: inset 0px 3px 5px rgb(0 0 0 / 40%);}
.menu_main{ width: 945px; margin: 0 auto; padding: 16px 0;}
.menu_main ul{ overflow: hidden;}
.menu_main li { position: relative; float: left; border-left: solid #777 1px;  border-right: solid #5b6073 1px;  font-weight: bold;  color: #fff; padding-left: 40px; }
.menu_main li.nemu1 { width: 375px;  }
.menu_main li.nemu2 { width: 195px;  }
.menu_main li.nemu3 { width: 245px;  }
.menu_main li a {color: #fff;}
.menu_main li a:hover{ color: #ffe57f; }
.menu_main li i::before { content: "";  width: 68px;  height: 80px;  background: url("../images/menu_icon1.png")no-repeat;  display: inline-block;  position: relative;  top: 7px;  left: 0; }
.menu_main li i2::before { content: "";  width: 68px;  height: 80px;  background: url(../images/menu_icon2.png)no-repeat;  display: inline-block;  position: relative;  top:7px;  left: 0;}
.menu_main li i3::before { content: "";  width: 71px;  height: 80px;  background: url(../images/menu_icon3.png)no-repeat;  display: inline-block;  position: relative;  top:7px;  left: 0;}
.menu_main li span.name { position: absolute; top: 24px; left: 118px; font-size: 32px; line-height: 35px; }
.menu_main li span.name2 { position: absolute; top: 5px; left: 115px; font-size: 32px; line-height: 35px; }

.title { width: 950px; margin: 0 auto;  padding-top: 30px;  text-align: center;  }
.title .name, .title .name2 { font-size: 32px; line-height: 50px; font-weight: bold;  color: #fc4348; }
.title .description {  font-size: 23px; line-height: 38px;  background: #fc4348;   color: #ffffff;   border-radius: 50px;   display: table;  padding: 0 50px;  margin: 0 auto;  font-weight: bold;  box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 50%);	margin-bottom: 6px; }
.title .name i::before { content: "";  width: 15px;  height: 62px;  background: url("../images/title_left.png")no-repeat;  display: inline-block;  position: relative;  top: 24px;  left: -100px; }
.title .name i2::before { content: "";  width: 15px;  height: 62px;  background: url("../images/title_right.png")no-repeat;  display: inline-block;  position: relative;  top: 24px; right: -100px;  }

.title .name2 i::before { content: "";  width: 15px;  height: 62px;  background: url("../images/title_left.png")no-repeat;  display: inline-block;  position: relative;  top: 20px;  left: -35px; }
.title .name2 i2::before { content: "";  width: 15px;  height: 62px;  background: url("../images/title_right.png")no-repeat;  display: inline-block;  position: relative;  top: 20px; right: -35px;  }

/*精選商品*/
.step_wrapper{ background: url(../images/bigAll.png) no-repeat bottom center fixed; position: relative; padding-bottom: 40px; }
.step{ width:950px; margin:0 auto; overflow:hidden;  }
.step_matter{ width:900px; margin:0 auto; overflow:hidden; font-size: 20px;  line-height: 28px; font-weight: bold; }
.step_matter h2{ font-size: 32px; line-height: 40px; color: #324ebb; }
.step_matter ol{ padding-left: 58px;}
.step_matter li{ list-style: decimal;}

/**float**/
.float_wrapper { display: none; position: fixed; top: 0; z-index: 500; background-color: #1a1c43; width: 100%;}
.float_main { width: 950px; height: 115px; margin: 0 auto;}

/**pay**/
.pay {  position: relative;  width: 860px;  margin: 0 auto;   padding: 30px 0; }
.pay_number {  position: absolute;  width: 50px;  height: 50px;  border-radius: 60px;  background: #324ebb; color: #ffffff;  top: 22px;   left: -26px;  text-align: center;  font-weight: bold;  padding: 8px; font-size: 30px; line-height: 24px; font-style: italic; }
.pay_number span { font-size: 20px;}
.tit {   padding-left: 46px;  font-weight: bold;  padding-bottom: 10px;  font-size: 26px;  line-height: 32px; }
.pic { border: 1px solid #a09f9d;  background: #ffffff;  text-align: center; }
.notices { font-size: 18px;  color: #f93739;  line-height: 20px;  padding: 5px; }

/**hotel**/
.hotel_number {  position: absolute;  width: 20px;  height: 20px; border-radius: 60px;  background: #324ebb;  color: #ffffff;  top: 31px; left: 4px;  padding: 8px; }
.hotel_number span {  position: absolute; top: 12px; right: 9px;  border-style: solid;  border-width: 14px 8px 0 8px; border-color: #ffffff transparent transparent transparent; }


@media screen and (max-width:768px) {
body { width: 100vw; min-width: inherit; background: #fff5eb; }
* { box-sizing: border-box; }
#doyoo_panel { display: none!important; }
.header, .footer{ width: 100vw;}
.hd_m { display: block; }
.hd_pc, .footer { display: none;}
.pez_ft { height: 310px;}
.display_m { display: block; }
.display_pc { display: none; }
	
.main { background:none; padding-bottom: 0;}
.kv {width: 100vw; height: 44vw;}
.kv_slogan1 { display: none;}
.kv_slogan2 {width: 100vw;left: 0; top: 0vw;  display: block;}
.kv_slogan2 img{ width:100%;}

.step_wrapper{ background-size: 158vw; padding-bottom: 15vw; }
.step_main{ width:100vw; margin:0 auto; overflow:hidden; padding-bottom: 15px; }
.step_main img{ width:100%;}
.step {width: 98vw;margin: 0 auto;}
.step_matter {width: 90vw;margin: 0 auto;font-size: 13px;  line-height: 18px; font-weight: normal; padding-bottom}
.step_matter h2{ font-size: 20px;  line-height: 32px; font-weight: bold;}
.step_matter ol{ padding-left: 20px; }
	
.title { width: 100vw; padding-top: 10px;  }
.title .name, .title .name2 { font-size: 20px; line-height: 36px;  letter-spacing: -1px;}
.title .description {  font-size: 14px; line-height: 24px;  padding: 0 30px;  margin-bottom: 6px; }
.title .name i::before { content: "";  width: 7px;  height: 30px;  background: url("../images/title_left.png")no-repeat;  display: inline-block;  position: relative;  top: 11px;  left: -54px;  background-size: 100%; }
.title .name i2::before { content: "";  width: 7px;  height: 30px;  background: url("../images/title_right.png")no-repeat;  display: inline-block;  position: relative;  top: 11px; right: -54px;  background-size: 100%;}
.title .name2 i::before { content: "";  width: 7px;  height: 30px;  background: url("../images/title_left.png")no-repeat;  display: inline-block;  position: relative;  top: 11px;  left: -7px;  background-size: 100%; }
.title .name2 i2::before { content: "";  width: 7px;  height: 30px;  background: url("../images/title_right.png")no-repeat;  display: inline-block;  position: relative;  top: 11px; right: -7px;  background-size: 100%;}
.title .icon img {  width: auto; }
	
/**pay**/
.pay {  width: 90vw;  padding: 10px 0; }
.pay_number {  width: 27px;  height: 27px;  top: 10px; left: -12px; padding: 0px; font-size: 18px; line-height: 9px; }
.pay_number span {  display: none; }
.tit {  padding-left: 19px;  height: auto; font-size: 14px;  line-height: 19px; padding-bottom: 6px;}
.pic{ width: 80vw;  margin: 0 auto; }
.pic img { width: 100%; }
.notices { font-size: 14px; line-height: 16px; padding: 0; display: block; }
	
/**hotel**/
.hotel_number { top: 10px; left: -3px;  }
.hotel_number span {  top: 7px; right: 5px;  border-width: 8px 5px 0 5px; }
	
/*menu*/
.menu_wrapper{ position: fixed; bottom: 0; z-index: 200; display: block; box-shadow: 3px 3px 5px black; background: linear-gradient(to bottom, #7376b9 0%, #1c1e45 100%); border-top: 1px solid #fff; }
.menu_main{ width: 100vw; padding: 5px 0 13px 0;}
.menu_main li { padding-left: 9px; }
.menu_main li.nemu1 { width: 46vw; border-left: none; border-right: solid #808080 1px; }
.menu_main li.nemu2 { width: 24vw; border-left: none; border-right: solid #808080 1px;}
.menu_main li.nemu3 { width: 30vw; border-left: none; border-right: solid #808080 1px;  }
.menu_main li i::before { width: 33px;  height: 40px;  top: 4px;  left: 0; background-size: 100%; }
.menu_main li i2::before { width: 33px;  height: 40px;  top:4px;  left: 0; background-size: 100%; }
.menu_main li i3::before { width: 34px;  height: 40px;  top:4px;  left: 0; background-size: 100%; }
.menu_main li span.name { top: 12px; left: 48px; font-size: 14px; line-height: 17px; }
.menu_main li span.name2 { top: 3px; left: 48px; font-size: 14px; line-height: 17px; }
	
@media screen and (max-width:320px) {
.title .name, .title .name2 {  font-size: 17px;}
.menu_main li i::before, .menu_main li i2::before, .menu_main li i3::before  { width: 0; height: 34px;}
.menu_main li span.name { top: 9px; left: 22px; font-size: 13px; line-height: 15px; }
.menu_main li span.name2 { top: 3px; left: 22px; font-size: 13px; line-height: 15px; }
	
}