@charset "utf-8";
/* CSS Document */

body {
    font-family:Lato,Arial,"微軟正黑體",sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #777;
    background-color: #fff;
}
* {margin:0 auto; padding:0 }
a{text-decoration: none;transition: .3s}
a:hover{opacity: 0.8;}
select, input, textarea, button{outline: none;}
.all{ width:100%; margin:0 auto; max-width:965px; padding:0 0 50px 0}
*::selection { background:#ffb946;color:#fff;}
button{ border: none;cursor: pointer;font-family:"微軟正黑體";}
select, input, textarea{font-family:"微軟正黑體";}
button:hover{ background-color:#ffb946;transition: .3s;}
.enter button{ background-color:#fff}
.enter button:hover{ background-color:inherit}
.menter button{ background-color:#fff}
.menter button:hover{ background-color:inherit}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.search select{ font-size:15px;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background:url(../images/index/arrow.png) no-repeat scroll right center transparent;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  background-color:#fff
  
} 

/*-----header-----*/
.header{/*position: fixed;*/background-color:#fff; width:100%;margin:0 auto;display: block;z-index:999; top:0}
.header_line{border-top-style:solid;border-top-color:#facd89;border-width:5px;position: relative; z-index:10}
.top_bar{position: relative;width:965px;height:70px;margin: 0 auto;box-sizing: border-box;display: table;}
.logo{padding:15px 10px 0px 0;display:table-cell; width:205px}
.links{/*position: absolute; width:200px;*/ height:40px;display: table-cell;vertical-align: top;}
.wb{width:46px; height:40px; background-color:#FF781E;border-radius:0 0 20px 20px;display: inline-block; background-image:url(../images/layout/udn.png); background-repeat:no-repeat;background-position:center 10px;}
.fb{width:46px; height:40px; background-color:#0075a9;border-radius:0 0 20px 20px;display: inline-block; background-image:url(../images/layout/fb.png); background-repeat:no-repeat;background-position:center 10px;}
.yt{width:46px; height:40px; background-color:#f54141;border-radius:0 0 20px 20px;display: inline-block; background-image:url(../images/layout/yt.png); background-repeat:no-repeat;background-position:center 12px;}
.edm{width:46px; height:40px; background-color:#8957a1;border-radius:0 0 20px 20px;display: inline-block; background-image:url(../images/layout/edm.png); background-repeat:no-repeat;background-position:center 12px;}
.button, .username{display: block;}
.button_all{vertical-align: middle;display:table-cell;text-align: right;}
.button a{ display:inline-block; }
.button i{ padding:0 5px 0 0 }
.button span{ display:inline-block; vertical-align:middle; }
.button img{ display:inline-block; vertical-align:middle; }
.contact{width:115px; height:33px; background-color:#8ccfba;border-radius:5px;display: table-cell; color:#fff; vertical-align:middle; text-align:center; text-decoration:none;}
.shop{width:115px; height:33px; background-color:#e86877;border-radius:5px;display: table-cell; color:#fff; vertical-align:middle; text-align:center; text-decoration:none;}
.sign{width:115px; height:33px; background-color:#4da7c4;border-radius:5px;display: table-cell; color:#fff; vertical-align:middle; text-align:center; text-decoration:none;}
.user{width:115px; height:33px; background-color:#ffb946;border-radius:5px;display: table-cell; color:#fff; vertical-align:middle; text-align:center; text-decoration:none;}
.contact2{width:115px; height:33px; background-color:#e08e5e;border-radius:5px;display: table-cell; color:#fff; vertical-align:middle; text-align:center; text-decoration:none;}
.contact2 i { vertical-align:middle}

.menu{width:965px; height:38px; background-color:#fff7eb; margin: 0 auto; display:table;}
.menu_item{ display: table-cell; width:137px; text-align:center;color:#ffa614;vertical-align:middle; text-decoration:none;}
.menu span{ color:#f6754d}

.menu_item:hover{background-color:#ffa614; color:#fff;}
.menu_item .grids{ display:inline-block; width:100%; border-right:1px solid #ffa614; }
.menu_item:hover .grids{ border:none; }
.menu_item:last-child .grids{ border:none;}

.search{width:965px;height:50px;margin: 0 auto;display:table;}
.age{background-color:#4da7c4;display:table-cell; padding:12px 0px; vertical-align: middle;}
.age02{display: table;width:446px;}
.age_title{color:#fff; display: table-cell;width:50px; padding:0 7px 0 14px}
.age_item{ display: table-cell;text-align:center;color:#4da7c4;vertical-align:middle; text-decoration:none; width:25px; padding:0 0px 0 0}
.age_item2{ background-color:#fff;border-radius:50px; font-size:18px;padding: 1px 0px;width: 60px;box-sizing: border-box;margin: 0;transition: .3s}
.age_item2:hover{background-color:#ffb946; color:#fff}
.age_item2_focus{background-color:#ffb946 !important; color:#fff !important}
.age a:hover{opacity:1;}


.enter{background-color:#ff9dae;display:table-cell; padding:12px 0px;}
.enter02{width:512px;display: table;}
.select{display:table-cell;position: relative;padding: 0 3px;vertical-align: middle;}
.select select{ width:120px;}
.select input{ width:63%;}
.book{height:30px;border-radius:4px;border:none; color:#e86877;padding:0 20px 0 36px;}
.book2 {height: 30px;border-radius: 4px;border: none;color: #e86877;padding: 0 50px 0px 36px; font-size:15px; }
.bookimg{position: absolute;margin:4px 5px;}
.searchimg{position: absolute;margin:4px -8px;right: 25px;}
.bookimg img{padding: 0 5px;}

/*-----header_m-----*/
.header_m{ background-color:#fff;display:none; border-bottom:#facd89 solid 5px; width:100%; position:relative}
.logo_m{padding:11px 10px 0 10px;display: inline-block;width: 205px;}
.logo_m img{width: 100%;}
.menu_m{ display: inline-block;padding:10px;}
.shop_m{display: inline-block; padding:10px; position:relative;}
.search_m{display: inline-block; padding:10px;}
.menux3{float:right;display: inline-table;vertical-align: middle;}
.fa-user:before { content: "\f007"; padding-right:10px}

.shop_quantity{ position:absolute; color:#fff; background-color:#e86877; width:25px; height:25px;border-radius: 50px; text-align: center; right: 5px;top: 5px;}

/*-----menu_mobile-----*/
.menu_mobile_all{ width:100%; height:100%;position:fixed;z-index: 999999999999999999999999999;top: 0; display:none}
.menu_mobile{background-color:#ffb946; width:100%; height:100%; float:right; color:#fff; overflow: auto;}
.menu_list_all{padding: 30px 15px;}
.menu_list{font-size:16px;border-bottom:1px solid #fff; padding:8px; color:#fff}
.user_list_all{padding:0px 15px;}
.menu_list:active{ background-color:#f8ca7e;color: #ffa614;}

/*-----footer-----*/
.footer {width: 100%; height:auto;display: block;position: relative}

.twca_block{ position:absolute; top:-80px; left:5px; z-index:99;}
.topbg{position: absolute;border-top: 80px solid rgba(255, 255, 255, 0);border-bottom: 0px solid rgba(255, 255, 255, 0);border-right: 80px solid #ff9dae;display: inline-block;right: 0;/*top: -80px;*/}
.top{color:#fff;font-size:16px;background-color:#ff9dae;position: absolute;margin: -30px 0px 0 39px; font-weight:bold}

.footer_link{margin: 0 auto;padding:8px 0;box-sizing: border-box; display:table;background-color: #f0f0f0;width:100%; text-align:center}
.footer_link_item{color:#0075a9; width:200px;padding: 0 30px;border-left: 1px solid #0075a9; font-size:16px}
.footer_link_item:last-of-type{border-right: 1px solid #0075a9;}
a.footer_link_item:hover{ color:#eb6877;opacity:1;}
.add a:hover{ color:#8cf2ee;opacity:1;}
.f_edm{ border-right:none}

.footer_center{width: 100%;display:block;background-color:#0ac1c9;text-align: center;}
.footer_center02{ width:100%; padding:18px 0;}
.f_logo{display: inline-block;vertical-align: middle; padding:0 35px 0 10px; width:190px}
.add{ color:#fff; display:inline-block;vertical-align: middle;font-size:15px;    text-align: left;}
.add span{margin: 0 10px;}
.add a{color:#fff;}
.fc_block{display: inline-block;}

.footer_bottom{width: 100%;display:block;background-color:#fff; color:#00a1a8; text-align:center; padding:5px 10px;box-sizing: border-box;}
.footer p{display:none}

/*----麵包屑---*/
.navigate{width: 100%; padding:10px 0}
.navigate a{ color:#4da7c4}
.navigate span{ padding:0 8px;}


/*-----search_mobile-----*/
.search_mobile{ display: none;}

.mage{background-color:#4da7c4;display: block; padding:10px;}
.mage02{display: block;width: 100%; text-align: center;}
.mage_title{color:#fff; text-align: center;}
.mage_item{display: inline-block;text-align: center; color: #4da7c4;vertical-align: middle;text-decoration: none;width: 18%;padding: 5px 0; box-sizing: border-box;}
.mage_item2{    background-color: #fff; border-radius: 50px;font-size: 18px;padding: 4px 0px;box-sizing: border-box;}
.mage_item2:active{background-color:#ffb946; color:#fff}


.menter{background-color:#ff9dae;width: 100%;padding:12px 0px;    text-align: center;}
.menter02{width:100%;}
.mselect{display: inline-block;position: relative;padding-bottom: 10px;width: 44%;}
.mselect select{ width:100%;padding: 0 0px 0 10px;box-sizing: border-box;}

.mselect2{display:block;position: relative;padding: 0 10px;}

.mselect2 input{ width:94%;padding: 0 0px 0 10px;box-sizing: border-box;}
.mbook{height:30px;border-radius:4px;border:none; color:#e86877;}
.mbookimg{position: absolute;margin:4px 5px;}
.msearchimg{position: absolute;margin:4px 5px;right: 25px;}
.mbookimg img{padding: 0 5px;}



/* ---media--- */
/* ---pad--- */
@media screen and (max-width: 1024px) and (min-width: 768px){
.all{ padding:0; width:100%; margin-top:65px}	
/*-----header-----*/
.header{ display:none}
.add { display:block;padding: 10px 20px 0px 20px;}
/*----麵包屑---*/
.navigate {width: 90%;}
/*-----header_m-----*/
/*.header_m{ display:table;position: fixed;z-index: 999999;top:0; width:100%; padding:0 10px;box-sizing: border-box;}*/
.header_m{ display:table;position: fixed;z-index: 1999;top:0; width:100%; padding:0 10px;box-sizing: border-box;}
.search_mobile{position: fixed;width: 100%;z-index: 999;}
.age, .enter{display:block}
	
/*-----footer-----*/
.topbg{display:none}
.top{ display:none}
.footer_center{text-align:-webkit-auto;}
.footer_link_item{line-height: 40px;padding: 0 40px;}
.footer_link .pad{display:block;}
.footer_bottom span{display:block;}
.f_edm{border-right:1px solid #0075a9;}
.mselect2 input {width: 91%;}
.msearchimg {margin: 4px 5px; right: 54px;}

}
@media screen and (max-width: 767px){
.all{ padding:0; width:100%; margin-top:57px}	
/*-----header-----*/
.header{ display:none}
.add { display:block;padding: 10px 20px 0px 20px;}
/*----麵包屑---*/
.navigate {width: 90%;}
/*-----header_m-----*/
/*.header_m{ display:table;position: fixed;z-index: 999999;top:0; width:100%;}*/
.header_m{ display:table;position: fixed;z-index: 1999;top:0; width:100%;}
.search_mobile{position: fixed;width: 100%;z-index: 999;}
.age, .enter{display:block}
.shop_m img, .search_m img, .menu_m img{width:80%;}
.logo_m{width:118px; padding:16px 10px 0 10px;}

/*-----footer-----*/
.topbg{display:none}
.top{ display:none}
.footer_center{text-align:-webkit-auto;}
.footer_link_item{line-height: 40px;text-align: left;width: 100px;display: inline-block;}
.m_lost{display:none}
.footer p{display:block}
.footer_link .pad{display:none;}
.footer_link .mobile{display:block;}

.f_edm{border-right:1px solid #0075a9;}
.footer_link_item{ border:none;}
.footer_link_item:last-of-type{border-right: none;}
.footer_link{ text-align: left}
}

@media screen and (max-width: 480px){

.fc_block{display: block}
}