/*** start of fonts ***/
/* Webfont: MinionPro-Regular */
@font-face {
    font-family: 'MinionProMedium';
    src: url('../fonts/MinionPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/MinionPro-Regular.woff') format('woff'), 
         url('../fonts/MinionPro-Regular.ttf') format('truetype'), 
         url('../fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {
  font-family: 'Open Sans',"Microsoft JhengHei"; 
  font-size:14px;
  min-height:768px;
}

h1,h2,h3,h4,h5,h6{font-family: 'Open Sans',"Microsoft JhengHei"; font-weight:normal;}

h2{font-size:36px;font-family:'Times New Roman','Open Sans',"Microsoft JhengHei"; text-transform: uppercase;}
h3{font-size:35px;margin-bottom:20px;color:#36476e;}

a {transition: opacity 0.2s linear; color:#a08c5b;}
a:hover {opacity:0.75;}

p{font-size:14px;margin-bottom: 20px;line-height: 1.4em;}

hr{border:none;border-top:#CCC 1px solid;clear:both;margin:20px 0;}

.btn{background:#00ab51;display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box;color:#FFF;padding: 10px 20px; text-decoration: none;}
.btn:hover{}


.hr-white{position: relative;width:100%;height:15px;clear:both;margin:20px 0;}
.hr-white .hr-left{background:url(../images/hr-white-img-1.png);width:5px;height:15px;display: inline-block;position: absolute; left:0;}
.hr-white .hr-middle{background:url(../images/hr-white-img-2.png);width:55px;height:15px;display: inline-block;}
.hr-white .hr-line{height:1px;width:45%;position: absolute; background:#FFF;top: 7px;left: 3px;}
.hr-white .hr-line.right{right:3px;left: auto;}
.hr-white .hr-right{background:url(../images/hr-white-img-3.png);width:5px;height:15px;display: inline-block;position: absolute; right:0;}

.hr-white.brown .hr-left{background:url(../images/hr-brown-img-1.png);}
.hr-white.brown .hr-middle{background:url(../images/hr-brown-img-2.png);}
.hr-white.brown .hr-line{background:#623c18;}
.hr-white.brown .hr-right{background:url(../images/hr-brown-img-3.png);}

.wrapper{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  position: relative;
}


/*** end of fonts ***/
.landing {width:100%;height:100%;}
.landing .bg{position: fixed; width:100%; height:100%; top:0; left:0;display:block;}

.landing .landing-holder{text-align: center;padding-top:205px;}
.landing .landing-holder .logo{margin-bottom:90px;}
.landing .landing-holder .logo img{display:block;margin: 0 auto;}
.landing .landing-holder .phase-holder{font-size:0;color:#94845e;}

.landing .landing-holder .phase-holder .phase{display:inline-block;box-sizing:border-box; -webkit-box-sizing:border-box;padding:0px 50px;font-family:'Times New Roman','Open Sans',"Microsoft JhengHei";text-align: left;font-size:24px;position: relative;}
.landing .landing-holder .phase-holder .phase:after{content:'';position:absolute;display:block; width:1px;height:60%; background:#94845e; top:25%;right:0; }
.landing .landing-holder .phase-holder .phase:last-child:after{display:none;}
.landing .landing-holder .phase-holder .phase:hover{color:#776844;}
.landing .landing-holder .phase-holder .phase .phase-num{font-size:36px;}
.landing .landing-holder .phase-holder .phase .site{font-size:16px;position: relative;top:-6px;}


.landing .landing-holder.tnc{padding-top:40px; position: relative;padding-bottom:40px;}
.landing .landing-holder.tnc .lang{position: absolute; top:35px; right:65px;}
.landing .landing-holder.tnc .lang .selected{text-decoration: underline;}
.landing .landing-holder.tnc .lang .spec{display:inline-block;margin:0 10px;color:#A08C5B;}
.landing .landing-holder.tnc .logo{margin-bottom:40px;}
.landing .landing-holder.tnc .logo img{width:150px;}
.landing .landing-holder.tnc .tnc-content{margin:0 auto;margin-bottom:40px;width:90%;overflow: auto;height:380px; text-align: left;border:1px solid #A08C5B;padding: 20px;box-sizing:border-box; -webkit-box-sizing:border-box;}
.landing .landing-holder.tnc .enter{font-size:30px;}

.landing .landing-holder.tnc .phase{display:inline-block;box-sizing:border-box; -webkit-box-sizing:border-box;padding:0px 50px;font-family:'Times New Roman','Open Sans',"Microsoft JhengHei";text-align: left;font-size:24px;position: relative;color:#94845e;margin-bottom: 15px;}
.landing .landing-holder.tnc .phase:hover{color:#776844;}
.landing .landing-holder.tnc .phase .phase-num{font-size:36px;}
.landing .landing-holder.tnc .phase .site{font-size:16px;position: relative;top:-6px;}



.content{padding-left:220px;position: relative;}
.content .inner-bg{position: absolute; width:100%;height:100%; top:0; left:0;}
.align-left {text-align: left;}

.content .banner{overflow: hidden;width: 100%;position: relative;}
.content .banner .slide-holder img{width:100%;position: absolute; left:50%;z-index:3;}
.content .banner .slide-holder img.current{z-index:5;}
.content .banner .slide-holder img.next{z-index:3;}
.content .banner .loader{position: absolute;width: 50px; left:50%; top:50%; margin-top:-40px; margin-left:-25px; z-index:999;}
.content .banner .loader img{width:50px;}
.content .banner .loader .loaded{display:block;width:100%;text-align: center;margin-top:10px;}

.content .banner .photo-disclaimer{position: absolute;z-index: 10;bottom: 20px;left: 20px;color:#FFF;display:block;width:70%;}

.content .photo-disclaimer{padding: 10px;padding-bottom:0;font-size: 13px;color: #5A4F32;display:none;}


.content .banner .btn-holder {position: absolute;font-size:0;z-index:6;width: 100%;text-align: right; left:0;}
.content .banner .btn-holder img{width:auto;position: relative;}
.content .banner .btn-holder .btn-left, .content .banner .btn-holder .btn-right, .content .banner .btn-holder .slide-total{display:inline-block;position: relative;font-size:14px;color:#A08C5B;}
.content .banner .btn-holder .slide-total .now{position: absolute; z-index: 1; top:10px; left:5px;width: 30px;text-align: center;}
.content .banner .btn-holder .slide-total .total{position: absolute;z-index: 1; top: 30px;left: 25px;width: 30px;text-align: center;}

.content .banner .btn-holder .btn-left, .content .banner .btn-holder .btn-right{cursor: pointer;}

.content-wrapper{width:100%;max-width:980px;margin:0 auto;position:relative;}
.content-wrapper .inner-content{text-align: center; padding-top:100px;width: 90%;margin: 0 auto;}
.content-wrapper .inner-content h2{color:#FFF;}
.content-wrapper .inner-content hr{}

.content-wrapper .inner-content .list-holder{margin:0 auto;margin-top:40px;font-size:18px;color:#FFF;width:100%;/*height:400px;*/height:340px;}
.content-wrapper .inner-content .list-holder .mCSB_inside > .mCSB_container {padding-right: 20px;}

.content-wrapper .inner-content .list-holder .list-item{padding:15px 20px;padding-right:110px;width: 90%;box-sizing:border-box;-webkit-box-sizing:border-box;margin: 0 auto;text-align: left;position: relative;}
.content-wrapper .inner-content .list-holder .list-item a{color:#FFF;}
.content-wrapper .inner-content .list-holder .container{padding:0;width:auto;margin:0;}
.content-wrapper .inner-content .list-holder .list-item:after{
  content:'';
  width:100%;
  height:1px;
  position: absolute;
  bottom:0;
  left:0%;
  background: #aa937c;
  background: -webkit-linear-gradient(left,rgba(170,147,124,0) 0%,rgba(170,147,124,1) 50%,rgba(170,147,124,0) 100%); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(170,147,124,0) 0%,rgba(170,147,124,1) 50%,rgba(170,147,124,0) 100%); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(170,147,124,0) 0%,rgba(170,147,124,1) 50%,rgba(170,147,124,0) 100%); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(170,147,124,0) 0%,rgba(170,147,124,1) 50%,rgba(170,147,124,0) 100%); /*Standard*/
}
.content-wrapper .inner-content .list-holder .list-item:last-child:after{display:none;}
.content-wrapper .inner-content .list-holder .list-item .btn-download{position:absolute;color:#FFF;right:0; top:50%;margin-top:-13px;}

.content-wrapper .inner-content .list-holder.disclaimer{width:100%;}
.content-wrapper .inner-content .list-holder.disclaimer .mCSB_inside > .mCSB_container {padding: 0 20px;}
.content-wrapper .inner-content .remark{position: absolute; bottom:10px;width: 90%;height:125px;box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px;}
.content-wrapper .inner-content .remark p{padding:0 10px;}
.content-wrapper .inner-content .remark p:last-child{margin-bottom:0;}

@media screen and (max-width: 1280px) {
  .wrapper{
    width:100%;
    max-width:980px;
    margin:0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .content{padding-left:160px;}
  .content-wrapper .inner-content{padding-top: 50px;}
  .content-wrapper .inner-content .list-holder{width:100%;}
  .content-wrapper .inner-content .list-holder .list-item{width: 90%;}
}
@media screen and (max-width: 980px) {

}
@media screen and (max-width: 768px) {
  .landing .landing-holder {padding-top: 125px;}
/*  .landing .landing-holder .phase-holder .phase{width:50%;text-align: center;}
  .landing .landing-holder .phase-holder .phase:nth-child(2n):after{display: none;}*/

  .content .banner .photo-disclaimer{display:none;}
  .content .photo-disclaimer{display:block;padding:20px;padding-bottom:0px;}

}
@media screen and (max-width: 640px) {
  .landing .landing-holder .phase-holder .phase{padding: 0px 25px;}


  .content{padding-left:0px;}
  .content-wrapper .inner-content{padding-top:160px;}
  .content-wrapper .inner-content .list-holder{margin-bottom:40px;overflow: auto;height:auto;}

  .content .photo-disclaimer{padding:10px;padding-bottom:0px;}
  .content-wrapper .inner-content .remark{margin: 0 auto;margin-bottom: 20px;position: static;height:auto;}
}
@media screen and (max-width: 480px) {
  .content-wrapper .inner-content .list-holder .list-item {text-align: center;box-sizing:border-box; -webkit-box-sizing:border-box;width:100%;font-size: 16px;padding-right:20px;}
  .content-wrapper .inner-content .list-holder .list-item .btn-download{display:none;}

  .landing .landing-holder {padding-top: 100px;}
  .landing .landing-holder .phase-holder .phase{width:100%;text-align: center;}
  .landing .landing-holder .phase-holder .phase:after{display: none;}
  .landing .landing-holder.tnc .lang {position: relative;top: auto; right: auto;margin-bottom: 20px;}
}
@media screen and (max-width: 320px) {
}


@media screen and (orientation:landscape) and (max-width: 480px),screen and (orientation:landscape) and (max-width: 640px){
}