/* Generated by less 2.4.0 */
/* ### 主架構 ### */
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?xzezbx);
  src: url(../fonts/icomoon.eot?#iefixxzezbx) format('embedded-opentype'), url(../fonts/icomoon.woff?xzezbx) format('woff'), url(../fonts/icomoon.ttf?xzezbx) format('truetype'), url(../fonts/icomoon.svg?xzezbx#icomoon) format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Open_Sans;
  src: url(../fonts/Open_Sans/OpenSans-Light.ttf), url(../fonts/Open_Sans/OpenSans-Regular.ttf), url(../fonts/Open_Sans/OpenSans-Semibold.ttf);
}
[class*=" icon-"],
[class^=icon-] {
  font-family: icomoon;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul,
li,
a,
p,
h1,
h2 {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5 {line-height: 1.5em;}

a {
  text-decoration: none;
}

p {font-size:14px; line-height:1.5em;}

/*
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*/

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0;
  background-color: #aaaaaa;
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
  -webkit-box-shadow: inset 1px 1px 6px #333;
  background-color: #666666;

}
/* icon css */
.icon-list:before {
  content: "\e600";
}
.icon-arrow-left2:before {
  content: "\e605";
}
.icon-arrow-down:before {
  content: "\e601";
}
.icon-arrow-up:before {
  content: "\e602";
}
.icon-arrow-right2:before {
  content: "\e606";
}
.icon-twitter:before {
  content: "\e607";
}
.icon-facebook:before {
  content: "\e608";
}
.icon-googleplus:before {
  content: "\e609";
}
.icon-sina-weibo:before {
  content: "\e60a";
}
.icon-plus:before {
  content: "\e60c";
}
.icon-minus:before {
  content: "\e60b";
}
.icon-line {
  background: url(../css/line-ico.png) no-repeat left 0px;
  display: block;
  height: 15px;
}
.icon-line:hover {
  background: url(../css/line-ico.png) no-repeat left -14px;
  display: block;
  height: 15px;
}
.icon-arrow-up:before,
.icon-arrow-down:before,
.icon-arrow-left2:before,
.icon-arrow-right2:before,
.icon-twitter:before,
.icon-facebook:before,
.icon-googleplus:before,
.icon-sina-weibo:before {
  font-size: 0.9em;
}
.icon-arrow-right2:before {
  float: right;
  margin-top: 0.2em;
}


.clear {
  clear: both;
}
.textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.FX {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all 0.3s ease;
}



/* #### back to top #### */
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 2;
  background-color: #FFC905;
  opacity: 0.6;
  color: #eeeeee;
  font-size: 10px;
  width: 40px;
  height: 38px;
  line-height: 2.9em;
  right: 30px;
  bottom: 58px;
  padding-top: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /* Extra small devices (phones, less than 768px) */
}

.scroll-top-wrapper:hover {
  background-color: #EA4E1B;
}
.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0;
}
.scroll-top-wrapper i.fa {
  line-height: inherit;
}
/* ### 主架構 ### */
body {  font-family: 'Open_Sans', 'ヒラギノ角ゴ Pro', "Microsoft JhengHei", "微軟正黑體", "apple LiGothic Medium", Arial, Helvetica, sans-serif;
  margin: 0;   color:#656d78; height: 100%;}
#header {
  margin: 0;
}
#footer {
  clear: both;
}
/* OR TOP CI */
.FL {
  float: left;
}
.FR {
  float: right;
}
.clearfix {
/*  display: inline-block;*/
    clear:both;
}
html[xmlns] .clearfix {
  display: block;
}
*html .clearfix {
  height: 1%;
}
.dim {
  -moz-filter: brightness(0.25);
  -webkit-filter: brightness(0.25);
  -ms-filter: brightness(0.25);
  filter: brightness(0.25);
}
/* columns of same height styles */
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}



/* vertical alignment styles */
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
/**** 主畫面 ****/

.img_border {
/*  border: #bf8f00 3px solid;*/
}

.box {
    padding: 1.6em;
}


/**** tiers ****/
.content {
  width: 100%;
  padding: 2em 0 0;
  position: relative;
  min-height: 100%;
}
.content-tiers{
  max-width: 1000px;
  margin: 0 auto;
  padding:2em 1em;
}
.lead-in p{
  color: #a37326;
  font-size: 1.3em;
}
.line-separator{ 
  height:1px;
  background:#717171;
  border-bottom:1px solid #fac02c;
  margin: 1em 0;
}
.content-function{
  background-image: url(../images/bg-pattern.jpg);
  padding: 2em 0;
}
.function-div{
  max-width: 1000px;
  margin: 0 auto;
  padding:2em 1em;
}
.tit-img{text-align: center; margin-bottom: 1.3em; }
.content-vip{  background-color: #fffbeb;padding: 2em 0; }

.function-tit-bg-a{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color: #ff8800; padding: 0.6em 0.5em 0.3em 0.5em; text-align: center; margin: 1.3em 0 1em 0;}
.function-tit-bg-a span{  color: #ffffff; font-size: 1.3em;}
.function-tit-bg-a img, .function-tit-bg-b img{ top: -3px; position: relative; }
.function-tit-bg-b{-webkit-border-radius:5px;-moz-border-radis: 5px;border-radius: 5px; background-color: #FFC905; padding: 0.6em 0.5em 0.3em 0.5em; text-align: center; margin: 1.3em 0 1em 0;}
.function-tit-bg-b span{  color: #754C24; font-size: 1.3em;}

.function-tit-bg-a-en{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color: #ff8800; padding: 0.6em 0.5em 0.6em 0.5em; text-align: center; margin: 1.3em 0 1em 0;}
.function-tit-bg-a-en span{  color: #ffffff; font-size: 1em; line-height: 0.6em;}
.function-tit-bg-a-en img, .function-tit-bg-b img{ top: -3px; position: relative; }
.function-tit-bg-b-en{-webkit-border-radius:5px;-moz-border-radis: 5px;border-radius: 5px; background-color: #FFC905; padding: 0.6em 0.5em 0.6em 0.5em; text-align: center; margin: 1.3em 0 1em 0;}
.function-tit-bg-b-en span{  color: #754C24; font-size: 1em; line-height: 0.6em;}

 p.function-desc{ text-align: center;}

.member-circle{max-width:200px;height:200px;border-radius:50%;font-size:1.6em;color:#fff;line-height:100px; background:#000; text-align: center;  margin-left: auto; margin-right: auto; overflow: hidden; position: relative;}
.member-circle:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.member-circle p.doubleline{position: absolute; background-color: rgba(0, 0, 0, 0.5); padding-bottom: 1em; top: 150px;}
.member-circle p.singleline{position: absolute; background-color: rgba(0, 0, 0, 0.5); padding-bottom: 2.5em; top: 150px; padding-top: 0.5em;}
.member-circle p.tripleline{position: absolute; background-color: rgba(0, 0, 0, 0.5); padding-bottom: 1em; top: 130px;}
p.member-desc{ text-align: center; margin-left: auto; margin-right: auto;left: 0;right: 0; font-weight: bold; position: absolute; bottom: 0; background: rgba(0,0,0,.8);padding: 10px 20% 20px; word-break: break-all;}
.indexVipBtn {
  -webkit-border-radius: 5px;-moz-border-radis: 5px;border-radius: 5px;background-color: #FFC905;color: #8a0606;
  padding: 0.5em;text-align: center; margin: 2em auto 1em;font-size: 1.3em; display: block; max-width: 200px;
}
.indexVipBtn:hover {color: #8a0606;}

.menu-wrapper{
    position:  absolute;
    z-index: 1000;
    width: 100%;
   
}
.lang_switch .inner{ text-align: right; padding: 10px; font-size: 1.1em;}
.lang_switch .inner a{ color: #fff;}

.level_tit{color: #c16c61; font-weight: bold;}



.Absolute-Center {
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.Absolute-Center.is-Image {
  height: auto;
}

.Absolute-Center.is-Image img {
  width: 100%;
  height: auto;
}

/**Vip**/
.vipPage .content {padding: 0;}

/**Member**/
.innerCont {width: 100%; max-width: 1000px; margin: auto;}
.memberWrap {padding: 0 0 0px;}
.memberWrap .content {padding: 0;}
.memberKV {padding-bottom: 30%;}
.memberHead {text-align: center;}
.memberHead .profPic {border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%; border: 3px solid #fff; width: 200px; height: 200px;margin: -100px auto 0;}
.memberHead .name {color: #ff8800; font-size: 30px; font-weight: 900;}
.memberHead .name .lvlBox {font-size: 16px;border-radius: 14px;-webkit-border-radius:14px;-moz-border-radius:14px; margin: 0 10px 0;background-color: #ffe1bf; padding: 0 10px;}
.memberHead .factsGroup {text-align: left; max-width: 500px; margin: auto;}
.memberHead .factsGroup p {position: relative; }
.memberHead .factsGroup p span.icon {display:block; position: absolute;top: 13px; left: 0; background: url(../images/member/myor.png) no-repeat; }
.memberHead .factsGroup p span.icon.iconOR {width: 15px;height: 14px;background-position: 0 -2496px;top: 14px;}
.memberHead .factsGroup p span.icon.iconLocation {width: 15px;height: 16px;background-position: 0 -2330px;}
.memberHead .factsGroup p span.icon.iconWork {width: 16px;height: 16px;background-position: 0 -2877px;}
.memberHead .factsGroup p span.icon.iconHome {width: 16px;height: 16px;background-position: 0 -2100px;}
.memberHead .factsGroup p span.icon.iconFav {width: 16px;height: 16px;background-position: 0 -1741px;}
.memberHead .factsGroup > .row p {border-bottom: 1px dashed #ccc; padding: 10px 0 10px 25px;}
.memberHead .factsGroup > .row.last-row {padding: 10px 0;}
.memberHead .factsGroup > .row.last-row p {border-bottom: none;padding: 0;}
.introTxt {text-align: center; border-top: 2px solid #656d78; padding: 40px 20px 30px;margin: 20px 0;font-size:1.3em;line-height:1.6;letter-spacing: 1px;}
.section1 {}
#section1Slider {}
#section1Slider .fullWidthImg {width: 100%; height: 650px;}
.fullWidthImg {background-attachment: fixed!important;}
#section1Slider .fullWidthImg .innerCont {position: relative;}
#section1Slider .fullWidthImg .quoteBox {position: absolute; top: 80px; left: 0%; max-width: 350px; color: #fff;padding: 15px 15px 20px; background: rgba(0,0,0,.7);}
#section1Slider .fullWidthImg .quoteBox h3 {margin-bottom: 10px;}
#section1Slider .fullWidthImg .quoteBox h3 a {color: #fff; text-decoration: underline;}
#section1Slider .fullWidthImg .quoteBox p {letter-spacing: 1px;}
#section1SliderNav {margin: 30px auto;}
#section1SliderNav > div {cursor: pointer;}
#section1SliderNav .colImg {padding-bottom: 80%;}
#section1SliderNav p {color: #ff8800; text-align: center; padding: 8px;font-weight: 900; font-size: 16px;}
.section1 .reviewLinkBtn {-webkit-border-radius: 5px;-moz-border-radis: 5px;border-radius: 5px;background-color: #FFC905;color: #8a0606;
  padding: 0.5em;text-align: center; margin: 40px auto;font-size: 1.3em; display: block; max-width: 200px;font-weight: 700;}
.section2 {background: #f5f5f5;padding: 50px 15px;}
.section2Slider {text-align: center;}
.sliderSubTitle a {color: #8a0606; text-align: center; margin: 10px 0;display: block;}
.section2Slider p {}
.section3 {}
.section3 .fullWidthImg {padding-bottom: 35%; margin-bottom: 30px;}
.section3 .innerCont {max-width: 800px;border-bottom: 2px solid #e9e6e5;padding-bottom: 40px;}
.section3 .innerCont > .row {
  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
}
.section3 .sideLImg {height: 100%;}
.section3 .sideRContent {background-color: #e9e6e5; padding: 25px 30px 30px;}
.section3 .sideRContent h3 {margin-bottom: 10px;}
.section3 .sideRContent p {}
.otherMemberLinkBtn {-webkit-border-radius: 5px;-moz-border-radis: 5px;border-radius: 5px;background-color: #FFC905;color: #8a0606;
  padding: 0.5em;text-align: center; margin: 40px auto 0;font-size: 1.3em; display: block; max-width: 200px;font-weight: 700;}
.otherMemberLinkBtn:hover {color: #8a0606;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0!important;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slider_control {position: absolute; left: 0; right: 0; top: 310px; margin: auto; width: 100%;}
.sliderCircle { font-size: 0; padding: 0;text-align: center;}
.sliderCircle li { display: inline-block; vertical-align: top; margin: 10px 10px;}
.sliderCircle li button { width:10px; height:10px; border-radius:5px; background: #808080; font-size: 0;padding: 0;border: none;}
.sliderCircle li.slick-active button {background:#ffcb05; }
.sliderCircle li.slick-active button {background:#ffcb05; }
#section1SliderNav .slick-slide  {opacity: 0.5;}
#section1SliderNav .slick-slide.slick-current  {opacity: 1;}
#section1SliderNav {position: relative;}
#section1SliderNav .sliderArrow  {position: absolute; z-index: 9; top: 0; bottom: 20%; margin: auto; width: 50px; height: 40px;display: none!important;}
#section1SliderNav .sliderArrow.slick-prev  {left: 0; background: url('../images/sbt.png') no-repeat left center;}
#section1SliderNav .sliderArrow.slick-next  {right: 0; background: url('../images/sbt.png') no-repeat right center;}


/* ------------------ Tab ---------------------*/

@media only screen and (max-width: 900px) {.index-intro {width:65%}}
@media only screen and (max-width: 768px) {.index-intro {width:85%}}



/* tiers*/
.KV-bg{ background: url(../images/bg-img.jpg) center top;  min-height: 450px; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.KV-bg-en{ background: url(../images/bg-img.jpg) center top;  min-height: 450px; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.kv-title{  vertical-align:middle;  text-align: center; padding-top: 60px;}
.kv-title span img{ max-width: 767px; }
.tablewrapper_mobile{ display: none; }
.lang_switch{display: none;}
/* --------------- Media Quary -------------*/
@media only screen and (min-width: 1500px) {
  .inner {float:left; padding-left:0.5em;}
}

/* -------------------------------------------*/
@media only screen and (min-width: 1320px) {
}

/* -------------------------------------------*/
@media only screen and (max-width: 1300px) {
}

/* -------------------------------------------*/
@media only screen and (min-width: 1200px) {
}

/* -------------------------------------------*/
@media only screen and (max-width: 1200px) {
}

/* -------------------------------------------*/
@media only screen and (max-width: 768px) {
  .tablewrapper_desktop{ display: none; }
  .tablewrapper_mobile{ display: block; }
  .lang_switch{display: block;}
  .content-vip, .content-function {padding: 0;}
}

/* -------------------------------------------*/
@media only screen and (max-width: 640px) {
  .memberKV {padding-bottom: 65%;}
  .memberHead .factsGroup {padding: 0 15px;}
  #section1Slider .fullWidthImg {height: 400px; background-attachment: scroll!important;}
  #section1Slider .fullWidthImg .innerCont {position: absolute; bottom: 0;}
  #section1Slider .fullWidthImg .quoteBox {top: auto; max-width: 100%;bottom: 0;}
  #section1SliderNav {margin: 20px auto 0;}
  #section1SliderNav .sliderArrow {display: block!important;}
  .section3 {overflow: hidden;}
  .section3 .fullWidthImg {padding-bottom: 100%;margin-bottom: 0;  background-attachment: scroll!important; background-size: cover!important;}
  .section3 .innerCont > .row {display: block!important;}
  .section3 .sideLImg {padding-bottom: 100%;}
}
@media only screen and (max-width: 550px) {
.KV-bg{ background: url(../images/bg-img-mobile.jpg) center top; min-height: 270px;}
.KV-bg-en{ background: url(../images/bg-img-mobile-en.jpg) center top; min-height: 270px;}
.kv-title{display: none;}
.lead-in p{ font-size: 1em; }
.tit-img{text-align: center; margin-bottom: 1.3em;}
p.function-desc{ padding-bottom: 1em; }
}