/*版型需要*/

.pcOnly {
  display: block;
}

.mobileOnly {
  display: none;
}

p,
img {
  margin: 0;
  padding: 0;
}

.smallscreenonly {
  display: none;
}

.clear {
  clear: both;
}

.pconly {
  display: block;
}

.mbonly {
  display: none;
}

#main {
  margin: 0;
}

.wrapper {
  max-width: 1025px;
  width: 100%;
  padding: 20px 0;
  text-align: left;
}

.wplus {
  max-width: 100%;
  width: 100%;
}

.wrapper p {
  line-height: 26px;
}

.redtxt {
  color: #7f0019;
}

.mbmenuall {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  z-index: 1000;
}

.mbmenu {
  width: 16.5%;
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  padding: 20px 0;
}

.mbmenu br {
  display: none;
}

/* 標題選單 */
.titmenuall {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
}

.titmenu {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.titmenuall .tit1 {
  display: block;
  width: 18%;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}

.titmenuall .tit2 {
  display: block;
  width: 61%;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}

.titmenuall .tit1 a p {
  width: 100%;
  color: #333333;
}

.titmenuall .tit1 a:hover p {
  width: 100%;
  color: #7f0019;
}

.titmenuall .tit3 {
  display: block;
  width: 21%;
  font-size: 16px;
  color: #999;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
  float: right;
}

.titmenuall .tit3 a p {
  width: 100%;
  height: 69px;
  padding-top: 28px;
  color: #333333;
}

.titmenuall .tit3 a:hover p {
  width: 100%;
  color: #7f0019;
  background-color: #e4e4e4;
}

.itemnumber {
  font-size: 16px;
  font-weight: bold;
}

.advisorHeder {
  width: 100%;
  position: relative;
  margin: 20px auto;
  padding: 0 20px;
}

.advisorHeder h1 {
  width: 100%;
  line-height: 1;
  font-size: 16px;
  display: inline-block;
  margin: 0;
  margin-bottom: 25px;
}

.advisorHeder h2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  font-size: 32px;
  display: inline-block;
  margin: 0;
  margin-top: 35px;
  margin-bottom: 25px;
}

.Topsection_mb {
  display: none;
}

.Topsection_pc {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url(../img/case01_1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc2 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url(../img/case02_1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc3 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url(../img/case03_1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc4 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case04_1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc5 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case05_1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc6 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case06_1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc7 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case07_1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc8 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case08_1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc9 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case09/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc10 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case10/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc11 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case11/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc12 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case12/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc13 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case13/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc14 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case14/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc15 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case15/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc16 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case16/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.Topsection_pc17 {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1025px;
  height: 685px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../img/case17/01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}

.in_0 {
  display: block;
  width: 250px;
  padding: 10px 0;
  float: right;
}

.in_00 {
  background-color: #f0f0f0;
}

.in_0 .saytop {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.in_0 .say {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.in_0 .say_p {
  width: 100px;
  margin-left: 25px;
  margin-right: 225px;
  margin-top: 20px;
}

.in_0 .say_p img {
  width: 100%;
}

.in_1 {
  display: block;
  width: 700px;
  padding: 10px 0;
  float: left;
}

.in_1 .saytop {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  text-align: left;
  margin-top: 0;
  margin-bottom: 15px;
}

.in_1 .say {
  display: block;
  font-size: 16px;
  margin: 0 auto;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 10px;
}

.in_1 .product {
  display: block;
  font-size: 13px;
  color: #888888;
  line-height: 1.5;
  margin: 0 auto;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 40px;
}

.pro {
  /* width: 700px; */
  /* float: left; */
  margin-bottom: 25px;
}

.pro img {
  width: 100%;
}

.con {
  display: block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 5px;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 4%;
  padding-bottom: 4%;
  margin-bottom: 30px;
  float: left;
}

.con .saytop {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.con .sayl {
  display: block;
  width: 30%;
  height: 350px;
  margin-right: 15px;
  float: left;
}

.con .sayl img {
  width: 100%;
}

.con .sayr {
  display: block;
  width: 100%;
  float: right;
}

.con .sayl2 {
  display: block;
  width: 30%;
  height: 300px;
  margin-right: 15px;
  float: left;
}

.con .sayl2 img {
  width: 100%;
}

@media screen and (max-width: 1060px) {
  .mbmenu {
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 0;
  }

  .mapp {
    width: 100%;
    margin: 0 auto;
  }

  .mapp_pro {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }

  .mbmenu br {
    display: block;
  }
}

@media only screen and (min-width: 767px) {
  ul.col6 li {
    margin: 0 13px 10px 0;
  }
}

ul.col6 .name,
ul.col6 p {
  font-size: 0.8rem;
}

ul.col6 .name {
  padding: 10px 0 5px 0;
  display: block;
  color: #000;
  font-weight: bold;
}

ul.col6 figure img {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }

  .mobileOnly {
    display: block;
  }

  .Topsection1 {
    height: 500px;
  }

  .Topsection1 .saytit {
    padding-top: 30px;
    color: #222;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
  }

  .Topsection2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .Topsection2 .sayall2 {
    padding: 3%;
    width: 100%;
    background-color: #fff;
  }

  .Topsection2 .saytit {
    text-align: center;
  }

  .Topsection2 .say {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .mbmenuall {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0 !important;
    top: auto;
    background-color: #fff;
    border-bottom: 0px solid #ececec;
    background-color: #fff;
    border-top: 1px solid #ececec;
    z-index: 1000;
  }

  .pconly {
    display: none;
  }

  .mbonly {
    display: block;
  }

  .wrapper {
    width: 100%;
  }

  .in_0 {
    width: 100%;
  }

  .in_1 {
    width: 100%;
  }

  .pro {
    width: 100%;
  }

  .pro img {
    width: 100%;
  }

  .con {
    width: 100%;
  }

  .con .saytop {
    padding-top: 15px;
  }

  .con .sayl {
    width: 40%;
    height: 200px;
    margin-bottom: 10px;
    float: left;
  }

  .con .sayr {
    width: 100%;
    float: left;
    padding-bottom: 6%;
  }

  .con .sayl2 {
    width: 40%;
    height: 200px;
    margin-bottom: 10px;
    float: left;
  }

  /* 標題選單 */
  .titmenu {
    width: 100%;
  }

  .titmenuall .tit1 {
    display: block;
    width: 40%;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 1%;
    float: left;
  }

  .titmenuall .tit1 a p {
    width: 100%;
    color: #333333;
  }

  .titmenuall .tit1 a:hover p {
    width: 100%;
    color: #7f0019;
  }

  .titmenuall .tit2 {
    display: block;
    width: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
  }

  .titmenuall .tit3 {
    display: block;
    width: 50%;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
  }

  .titmenuall .tit3 a p {
    width: 100%;
    height: 50px;
    padding-top: 18px;
    color: #333333;
  }

  .titmenuall .tit3 a:hover p {
    width: 100%;
    color: #7f0019;
    background-color: #e4e4e4;
  }

  .mapp {
    width: 100%;
    margin: 0 auto;
  }

  .mapp_pro {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }

  .a001 {
    text-align: center;
    margin-top: 20px;
  }

  .a002 {
    text-align: center;
  }

  .title .cont iframe {
    height: 300px;
  }

  #main2 {
    width: 100%;
  }

  #cont {
    width: 88%;
  }

  #fbb img {
    width: 60%;
  }

  #ask textarea {
    width: 320px;
    height: 150px;
  }

  #main4 #cont {
    min-width: 98%;
  }

  #main4 .book1 {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    float: left;
  }

  #main4 .prosay2 {
    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
    height: 270px;
    margin-bottom: 20px;
    float: left;
  }

  #main4 .prosay {
    border: 1px solid #cccccc;
    padding: 15px;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
    float: left;
  }

  #main5 #cont {
    min-width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 60px;
  }

  .Topsection_mb {
    display: block;
    width: 100%;
  }

  .Topsection_mb img {
    width: 100%;
  }

  .Topsection_pc {
    display: none;
  }

  .Topsection_pc2 {
    display: none;
  }

  .Topsection_pc3 {
    display: none;
  }

  .Topsection_pc4 {
    display: none;
  }

  .Topsection_pc5 {
    display: none;
  }

  .Topsection_pc6 {
    display: none;
  }

  .Topsection_pc7 {
    display: none;
  }

  .Topsection_pc8 {
    display: none;
  }

  .Topsection_pc9 {
    display: none;
  }

  .Topsection_pc10 {
    display: none;
  }

  .Topsection_pc11 {
    display: none;
  }

  .Topsection_pc12 {
    display: none;
  }

  .Topsection_pc13 {
    display: none;
  }

  .Topsection_pc14 {
    display: none;
  }

  .Topsection_pc15 {
    display: none;
  }

  .Topsection_pc16 {
    display: none;
  }

  .Topsection_pc17 {
    display: none;
  }
}

/* IE8, IE9 */

#anotherone {
  color: blue\0/;
}

/* must go at the END of all rules */

li.square {
  list-style-type: square;
  list-style-position: inside;
}

/* IE9, IE10 */

@media screen and (min-width: 0\0) {
  li.square {
    list-style-type: square;
    list-style-position: inside;
  }
}

/* IE11 */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  li.square {
    list-style-type: square;
    list-style-position: inside;
  }
}

/* 160919CP演講表格 */

.timeandlist {
  margin-bottom: 10px;
  margin-top: 10px;
  width: 70%;
}

@media screen and (max-width: 767px) {
  .timeandlist {
    width: 100%;
  }
}

.timeandlist table,
tr,
td {
  border: solid 1px #d7d7d7;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {

  .timeandlist table,
  tr {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.timeandlist td.left {
  text-align: center;
  padding: 0;
}

.timeandlist td.subject {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .timeandlist td.left {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .timeandlist td.artist {
    width: 40%;
  }

  .timeandlist td.job {
    width: 60%;
  }

  .in_1 .say50 {
    display: block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5px;
    float: left;
  }
}

/* 161021 */
a.more {
  text-decoration: underline;
}

ul li.item {
  margin-bottom: 5px;
}

.appbox {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .appbox {
    width: 100%;
  }
}

/* 161130灰字左距 */
span.gray {
  color: #999;
  font: 12px/1.5 "Helvetica", "Lucida Grande", "Microsoft JhengHei", sans-serif;
  margin-left: 5px;
}

.Topsection_pc9 {}

.Topsection_pc9 {}

#mbonly {
  display: none;
}

@media screen and (max-width: 767px) {
  #pconly {
    display: none;
  }

  #mbonly {
    display: block;
  }
}