/*********** 前後台編輯器區塊共用的CSS設定 ***********/
.about-editor{
  max-width: 960px;
  margin: 0 auto;
}
.terms-page,
.dis-page{
  max-width: 982px;
  margin: 0 auto;
}
.terms-page .colr,
.dis-page .colr{
  color: #ea5515;
}
.terms-title{
  color: #00a584;
  font-weight: bold;
  line-height: 1.8;
  display: block;
  margin: 0;
  padding: 0;
}
.about-editor .row{
  margin: 0 -15px;
}
.about-editor .col{
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
  width: 50%;
}
.about-editor.about2 .title{
  display: block;
  color: #30b699;
  line-height: 1.8;
}
.news-editor .row{
  margin: 0 -15px;
}
.news-editor .col{
  box-sizing: border-box;
  padding: 0 15px;
  float: left;
}
.news-editor .col1{
  width: 60%;
}
.news-editor .col2{
  width: 40%;
}
.news-editor .green{
  font-size: 28px;
  color: #4cb86b;
}
.guide-editor .box{
  width: 160px;
  height: 41px;
  line-height: 35px;
  border:#ffd26d 4px solid;
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 25px;
}
.guide-editor .ic-a{
  width: 18px;
  height: 17px;
  background: url(../images/guides/icon.png) no-repeat;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top:3px;
}
.guide-editor .row1{
  max-width: 1000px;
  margin: 50px auto 0;
}
.guide-editor .row1 .col{
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 60px;

}
.guide-editor .txt{
  box-sizing: border-box;
  padding-left: 20px;
}
.guide-editor.guide3 .txt{
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 60px;
}
.guide-editor.guide4{
  max-width: 940px;
  margin: 0 auto;
}
.guide-editor.guide4 .txt{
  box-sizing: border-box;
  padding-left: 20px;
}
.guide-editor.guide4 .row2{
  margin: 0 -20px;
}
.guide-editor.guide4 .row2 .col{
  box-sizing: border-box;
  padding: 0 20px;
  float: left;
  width: 50%;
}
.gray-box{
  border: solid 4px #ddd;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}
.gray-box li{
  box-sizing: border-box;
  padding: 15px 30px;
  border-bottom: solid 1px #ddd;
}
.gray-box2{
  border: solid 4px #ddd;
  border-top: none;
  box-sizing: border-box;
  padding: 12px 45px;
  margin: 0px 0 20px;
}
.gray-box2 .note{
  position: relative;
  left: -10px;

}
.guide-editor.guide2{
  max-width: 940px;
  margin: 0 auto;
}
.guide-editor.guide2 .txt{
  box-sizing: border-box;
  padding-left: 10px;
}
.guide-editor.guide2 .mark{
  color: #ea5515;
}
.gu2-box{
  border: solid 4px #ddd;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.gu2-box .til{
  background: #ea5616;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;

}
.gu2-box .row4{
  padding: 0;
}
.gu2-box .row4 .col{
  float: left;
  width: 50%;
  list-style: none;
  padding: 0;
  margin: 0;

}
.gu2-box .row4 .col1{
  border-right: solid 1px #ddd;
}
.gu2-box .row4 .col li{
  padding: 12px 25px;
  min-height: 50px;
  box-sizing: border-box;
  border-bottom: solid 1px #ddd;
}

@media screen and (max-width: 1000px) {
  .news-editor .row{margin: 0;}
  .news-editor .col{
    padding: 10px 0;
    float: none;
    width: 100%;
  }
  .guide-editor .row{
    max-width: 767px;
  }
  .guide-editor .col{
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .about-editor .row{margin: 0;}
  .about-editor .col{
    padding: 10px 0;
    float: none;
    width: 100%;
  }
  .guide-editor .row1{
    margin: 0 auto;
  }
  .guide-editor .row1 .col{
    padding: 10px 0;
    float: none;
    width: 100%;
  }
  .guide-editor.guide4 .row2{
    margin: 0 ;
  }
  .guide-editor.guide4 .row2 .col{
    width: 100%;
    float: none;
    padding: 10px 0;
  }
  .gray-box li{
    padding: 8px 12px;
  }
  .gray-box2{
    padding: 12px 25px;
  }
  .guide-editor.guide4 .txt{padding-left: 5px;}
  .gu2-box .row4 .col{
    float: none;
    width: 100%;
  }
  .gu2-box .row4 .col li{
    padding: 8px 15px;
    min-height: 40px;
  }

}

@media screen and (max-width: 480px) {
  .guide-editor.guide3 .txt{padding-left: 0;}
}

.nopage1,
.nopage2{
    font-family: '微軟正黑體';
    width: 100%;
    padding: 50px 15px;
    max-width: 690px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.nopage1 .pic{
    max-width: 560px;
    margin: 0 auto 30px;
}
.nopage2 .pic{
    max-width: 657px;
    margin: 0 auto 30px;
}
.nopage1 .pic img,
.nopage2 .pic img{
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
}
.nopage2 .title{
    font-size: 25px;
    color: #777777;
    font-weight: bold;
    margin-bottom: 15px;
}
.nopage1 .txt,
.nopage2 .txt{
    font-size: 16px;
    color: #777777;
    line-height: 1.6;
}
.nopage1 .txt{
        padding-left: 15%;
}
.nopage2 .txt{
    text-align: center;
}
.nopage1 .btn-box a.gohome,
.nopage2 .btn-box a.gohome{
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #929292;
    border: 1px solid #929292;
    text-align: center;
    padding: 4px 47px;
    margin-top: 20px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.nopage1 .btn-box a.gohome:hover,
.nopage2 .btn-box a.gohome:hover {
    color: #FFF;
    background: #929292;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

@media screen and (max-width: 600px) {
    .nopage1 .pic{
        margin-bottom: 10px;
    }
    .nopage1 .txt{
        padding-left: 15px;
        text-align: center;
    }
}