@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

body{
  background: #fff6e9;
  font-size: 18px;
  font-family: 'Noto Sans TC' !important;
}

/* header */
.header{
  position: fixed;
  background: rgba(255, 246, 233,.9);
  width: 100%;
  z-index: 3;
}

[box_id="4"] .cell_v > a{
  display:block;
  width:100%;
  text-align: center;
}

[box_id="6"] [code_id="14"]{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.facebook-link{
  color: #666;
  font-size: 20px;
}

.facebook-link:hover{
  color: #a22825;
}

/* Common style */

.main{
  padding-top: 115px;
}

.page{
  background-color:transparent !important;
  margin-top:40px;
}

#content,#content .content{
  background-color:transparent !important;
}

.m_menu_box{
  background-color: rgba(152, 0, 0,.9) !important;
  z-index: 3;
}

.m_menu_nav .nav_class{
  background-color: rgba(0, 0, 0,.8) !important;
}
.m_menu_nav .nav_class li,
.m_menu_nav .nav_class a{
  color: #fff !important;
}

[box_id="7"],
[box_id="8"],
[box_id="9"],
.footer{
  margin-top:40px;
}

.about-taoban,
.news-taoban{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #666;
  height: 100%;
}

.about-taoban img,
.news-taoban img{
  width: 60px;
  height: 100%;
  margin-right: 15px;
}

/* About */
[box_id="7"]{
  display: flex;
}

[box_id="13"] .cell_v{
  display: flex;
  justify-content: center;
  align-items: center;
}

[box_id="28"] .cell_v{
  align-items: baseline;
  line-height: 1.5em;
  letter-spacing: 3px;
}

/* News */
.attr_news tr{
  border: 0 !important;
}
.attr_news .date,
.attr_news td{
  font-size: 16px;
}

/* ShortLink */
[box_id="8"]{
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

[box_id="49"]{
  margin-bottom: 30px;
  display: flex;
}

[box_id="50"]{
  display: flex;
}

[box_id="51"],
[box_id="52"],
[box_id="53"],
[box_id="54"]{
  /*
  display: flex;
  align-items: center;
  justify-content: center;
  */
  display:block;
}

[box_id="51"],
[box_id="53"]{
  padding-right: 15px;
}


[box_id="52"],
[box_id="54"]{
  padding-left: 15px;
}

[box_id="55"],
[box_id="57"],
[box_id="59"],
[box_id="61"]{
  height:100% !important;
}

[box_id="55"] .cell_v > a,
[box_id="57"] .cell_v > a,
[box_id="59"] .cell_v > a,
[box_id="61"] .cell_v > a{
  width:100%;
  height: 100%;
}

[box_id="55"] .cell_v > a > img,
[box_id="57"] .cell_v > a > img,
[box_id="59"] .cell_v > a > img,
[box_id="61"] .cell_v > a > img{
  width:100%;
  height: 100% !important;
}

[box_id="56"],
[box_id="58"],
[box_id="60"],
[box_id="62"]{
  position: absolute !important;
  height: 100% !important;  
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

[box_id="56"] .cell_v > a,
[box_id="58"] .cell_v > a,
[box_id="60"] .cell_v > a,
[box_id="62"] .cell_v > a{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  outline: none;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;  
}

[box_id="56"] .cell_v > a::after,
[box_id="58"] .cell_v > a::after,
[box_id="60"] .cell_v > a::after,
[box_id="62"] .cell_v > a::after{
  content: '';
  position: absolute;
  background: rgba(0,0,0,.7);
  width: 70%;
  height: 70%;
  border: 2px solid #fff;
  top:0;
  left: 0;
  bottom: 0;
  right:0;
  margin: auto;
  z-index: -1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;  
}

[box_id="56"] .cell_v > a:hover::after,
[box_id="58"] .cell_v > a:hover::after,
[box_id="60"] .cell_v > a:hover::after,
[box_id="62"] .cell_v > a:hover::after{
  background: rgba(162,40,32,.7);
  width: 100%;
  height: 100%;
  border: 0;
}


/* Location */
[box_id="9"]{
  display: flex;
  flex-direction: column;
}

[box_id="20"] .cell_v{
  display: flex;
  align-items: center;
  justify-content: center;
}

[box_id="21"]{
  display: flex;
}

[box_id="22"]{
  padding-right: 20px;
}

[box_id="23"]{
  padding-left: 20px;
}

[box_id="23"] .cell_v{
  display: flex;
  align-items: center;
}

[box_id="24"],
[box_id="25"],
[box_id="26"],
[box_id="63"]{
  display: flex;
}

/* Footer */
.footer{
  background: #d2bb93;
  color: #fff;
}

[box_id="3"] .cell_v{
  display: flex;
  align-items: center;
  justify-content: center;
}

[box_id="3"] .cell_v > span{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 購物專區 */
.title_menu_id_3.title_menu::before{
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: rgb(162, 40, 37);
  border-radius: 50%;
  top: 23px;
  left: 6px;
}

#links .class1 a::before {
    content: ">";
    position: absolute;
    font-size: 12px;
    top: 15px;
    left: 18px;
}

/* mediaQuery */
@media (max-width:640px) {
  [box_id="7"],
  [box_id="8"],
  [box_id="9"]{  
    padding: 0 30px;
    padding-top: 20px;
  }
  
  [box_id="7"],
  [box_id="49"],
  [box_id="50"],
  [box_id="21"]{    
    flex-wrap: wrap;
  }
  
  [box_id="49"],
  [box_id="50"]{
    margin: 0;
    padding: 0;
  }
  
  [box_id="51"],
  [box_id="52"], 
  [box_id="53"],
  [box_id="54"]{
    padding: 0;
  }
  
  [box_id="22"] {
    height: 350px !important;
    padding: 0;
  }
  
  [box_id="3"] .cell_v span{
    font-size:14px !important;
  }
}