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

/*@import url(reset.css);*/
@import url(font-awesome.min.css);


.b-box{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

/*****banner******/
.bannerArea{
  clear:both;
  position:relative;}

/*logo*/
.bannerArea .logo{
  width:190px;
  height:160px;
  margin-left:-95px;
  position:absolute;
  left:50%;
  bottom:130px;
  z-index:99;}
  
.bannerArea .logo a{
  display:block;
  background:url(../images/logo_banner.png) no-repeat;
  width:190px;
  height:160px;
  text-indent:-9999px;}

/*bx小圓點*/
.bannerArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
  bottom:20px;}

.bannerArea .bx-wrapper .bx-pager.bx-default-pager a{
  background:#FFF;
  border:2px solid #FFF;
  border-radius:100%;}

.bannerArea .bx-wrapper .bx-pager.bx-default-pager a:hover{
  background:#FFF;}

.bannerArea .bx-wrapper .bx-pager.bx-default-pager a.active{
  background:none;}


/*********內頁**********/
/**********************/
.bannerArea .wrap{
  width: 100%;
  padding:0;
  margin:0;}

.bannerBox img{
  display:block;
  width:100%;}
  
.mainArea{
  padding:30px 0;
  background:#FFF;}

.mainArea .titleBox{}

.mainArea .titleBox h2{
  height:80px;
  text-indent:-9999px;}

.mainArea .titleBox h2 em{
  display:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#BEBEBE;
  
  margin-left:10px;}

/**********適應性**********/
/************************/
@media (max-width: 1160px){

.outerWrap{
  width:100%;}

.wrap{
  width:100%;
  padding: 0 20px;
  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;}

.bannerArea{
  /* padding-top:60px; */}

.bannerArea .logo{
  display:none;}

header{
  display:none;}

/*mobile menu*/
ul.menu{
  display:none;}

/*手機menu*/
.m_menu{
  display:block;
  width:100%;
  box-shadow:0 2px 5px rgba(126, 126, 126, 0.68);
  
  position:fixed;
  top:0;
  left:0;
  z-index:9999;}

.m_menu .mask{
  display:none;
  background:rgba(255,255,255,0.7);
  position:fixed;
  width:100%;
  height:100%;
  padding-bottom:60px;
  top:0;
  left:0;}

.m_menu .controlBox{
  background: #8d56a1;}

.m_menu .controlBox a.main{
  background:#FFF;
  display: block;
  float: left;
  margin-right:10px;
  width: 50px;
  height: 60px;
  font-size: 20px;
  color: #8d56a1;
  line-height: 60px;
  text-align: center;}

.m_menu .controlBox .m_logo{
  float:left;}
  
.m_menu .controlBox .m_logo img{
  display:block;}

.m_menu .controlBox .right{
  float:right;}

.m_menu .controlBox .language{
  position:relative;
  margin:0 -2px;
  display:inline-block;}

.m_menu .controlBox .language > a{
  display: block;
  padding: 0 15px;
  background: #137eaf;
  font-size: 13px;
  color: #FFF;
  line-height: 60px;}

.m_menu .controlBox .language > a i{
  margin-left:5px;
  font-size:15px;}

.m_menu .controlBox .language .submenu{
  display:none;
  width: 100%;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9999;}

.m_menu .controlBox .language .submenu a{
  display:block;
  padding:10px 20px;
  background:#FFF;
  font-size:13px;
  color:#292929;
  text-align:center;
  border-top:1px solid #E4E4E4;}

.m_menu .controlBox .language:hover .submenu{
  display:block;}

.m_menu .controlBox .right > a.btn_booking{
  margin:0 -2px;
  display:inline-block;
  background:#111a3e;
  padding:0 15px;
  color:#FFF;
  line-height:60px;
  font-size:13px;
  border-left:1px solid #30395a;}

.m_menu .controlBox .right a.btn_booking i{
  font-size:15px;
  margin:0;
  margin-left:5px;}


.m_menu .hideBox{/*手機menu內容*/
  display:none;
  background: url(../images/bg_footer.jpg) #9061a0;
  width:280px;
  height:100%;
  padding-bottom:50px;
  overflow-y:auto;
  
  position:fixed;
  left:0;
  top:0;}

.m_menu .hideBox p.sp{
  background:#50345C;
  padding:10px;
  font-size:13px;
  color:#FFF;}

.m_menu .mfun{
  padding:10px;
  text-align:center;}

.m_menu .mfun a{
  margin:0 1px;
  display: inline-block;
  font-size: 20px;
  background:#50345C;
  color: #FFF;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 100%;}

.m_menu ul.nav{}
  
.m_menu ul.nav li{
  border-top:1px solid #A676AB;}

.m_menu ul.nav li a{
  padding:20px 10px;
  font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
  display:block;
  font-size:15px;
  color:#FFF;}

.m_menu ul.nav li a i{
  float:right;}

.m_menu ul.nav li .submenu{
  display:none;}

.m_menu ul.nav li .submenu a{
  padding:10px 20px;}

.m_menu ul.nav li .submenu a:hover{
  background:#999;}
  
/*main*/
.mainArea{
  padding:20px 0;}

}

@media (max-width: 767px){


/*banner*/
.bannerArea .bx-wrapper .bx-controls-direction a{
  display:none;}

/*bread*/
.mainArea .titleBox .bread{
  display:none;}

/*footer*/
footer{
  padding:25px 0;}

footer .col-3{
  clear:both;
  float:none;
  width:100% !important;
  padding:0;
  padding-top:20px;
  border:none;
  box-shadow:none;
  min-height:0;}

.translateIbest{
  float:none;}

.goTop{
  display:none;}

/*側邊_分享*/
.side_share{
  clear:both;
  display:block;
  margin-bottom:30px;}
}

/*640*/
@media (max-width: 640px){

/*類別*/
ul.classLink{
  clear:both;
  display:block;
  margin:0;}

ul.classLink li{
  border-bottom:1px solid #e1e1e1;}

ul.classLink li a{
  display:block;
  text-align:center;}
}

/*360*/
@media (max-width: 360px){
  
/*頁籤*/
.tab{}

.tab a{}

/*側邊_聯絡資訊*/
.side_contactInfo ul{
  text-align:center;}
.side_contactInfo ul li{
  display:inline-block !important;}
.side_contactInfo ul li a b{
  display:none;}

.col-2{
  float:none;
  width:100%;}

.col-3{
  float:none;
  width:100%;}

.col-4{
  float:none;
  width:100%;}

.col-5{
  float:none;
  width:100%;}
}