.backtohome{
  position: fixed;
  right: 60px;
  bottom: 25px;
  width: 75px;
  height:75px;
  background:#956134;
  z-index: 3;
  border-radius: 50px;
  
}

.index .backtohome{
  display: none;
  
}

.min-height{
  min-height:100vh;
  height: 100%;
  background: #333;
}

.susbg{
  height: 100%;
}

.fourblock{
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.fourblock a{
  font-size: 3.5em;
  color: #232233;
  font-weight: bold;
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content:center;
  text-shadow: 0px 0px 3px #222;
  /*filter: drop-shadow(0px 0px 7px #666);*/
}

.fourblock a span{
  /*border: double orange 1em;
  border-image: url("../image/bg/border.png") 27 round stretch;
  text-shadow: 3px 3px 5px #232323;*/
}

.vlue{
  /*background: url("../image/bg/vlue.jpg") repeat;*/
  background: url("../image/bg/quesbg.jpg")0 0  repeat;
  background-size: cover;
  
}

.yell{
  /*background: url("../image/bg/yell.jpg") repeat;*/
  background: url("../image/bg/sun.jpg") 0 0 repeat;
  background-size: cover
}

/*.yell a{
  color: #84693c;
}*/

.brown{
  /*background: url("../image/bg/brown.jpg") repeat;*/
  background: url("../image/bg/service.jpg") 0 0 repeat;
  background-size: cover
  
  
}

.dirt{
  /*background: url("../image/bg/dirt.jpg") repeat;
  border-right:1px solid #9d8356;*/
  background: url("../image/bg/about.jpg") 0 0 repeat;
  background-size: cover
}


.allcontents{
  height: 100%;
  overflow: auto;
  background:#fff; 
}


/*--各業大標題--*/
.bigtitle{
  padding: 1% 0 1% 0;
  margin:3% 0 2% 0;
  text-align: center;
  border-radius: 5px;
  border:2px solid #956134;
  background: rgba(149,97,52,.1);
}

.bigtitle h2{
  font-size: 3em; 
  color: #000;
  font-weight: bold;
  font-family: whakon!important;
}

.bigtitle h2:before{
  content:"";
  width: 80px;
  height: 80px;
  /*background: url("../image/dies.png") no-repeat;*/
  position: absolute;
  z-index: 0;
  /*left: 0;
  top: 0;*/
  background-blend-mode: color-dodge;
  mix-blend-mode: color-dodge;
  margin: -10px 0 0 -40px;
}


.about{
  background:url("../image/bg/about.jpg") center center ;
  background-size: cover;
}

.about .contentword{
  background:rgba(255,255,255,.75);
  height: 100%;
  padding:0 1%;
  overflow: auto 
}

/*---下一個目錄--*/
.nextsubject{
  padding: 30px 0;
}

.nextsubject a{
  padding: 10px 30px;
  background: #956134;
  color: #fff;
  border-radius: 50px;
  font-size: 30px;
}


/*--小試身手--*/
.history{
  background-size: cover;
  background:url("../image/bg/sun.jpg")center center; 
}

.history .contentword{
  height: 100%;
  background:rgba(255,255,255,.5); 
  padding: 0 1%;
  overflow: auto
}

.quesbg{
  background-size: cover;
  background:url("../image/bg/quesbg.jpg")0 0 no-repeat; 
}

.quesbg .contentword{
  background:rgba(255,255,255,.5); 
  padding: 0 1%;
  overflow: auto
}
.allques .contentword{
  height: 100%;
}

@font-face {
  font-family: whakon;
  src: url(../plugin/DFFangSongStd-W6.otf) format('truetype');
}



.notes{
  display: none;
}

.shownotes{
  display: block;
}

.questitle{
  padding: 2% 0 2% 0;
  margin:3% 0 1% 0;
  text-align: center;
  border-radius: 5px;
  border: 2px solid #956134;
  background: rgba(149,97,52,.1);
}

.questitle h1{
  font-size: 3.8em;
  font-weight: bold;
  font-family: whakon!important;
}

.selectchoice{
  font-size:3.5em;
  text-align: center;

}

.selectchoiceop{
  padding:5% 5%;
}

.selectchoiceop span{
  padding:5% 24% 3% 24%;
  margin:0 0 2% 0;
  border-bottom:2px solid #000;
  /*border-radius: 250px;*/
  font-weight: bold;
  font-family: opensans,whakon,Microsoft JhengHei,STHeiti;
}

.circle{
  display: none;
  z-index: 5;
  position: absolute;
  width: 200px;
  height: 200px;
  left: 10%;
  top:10%;
  background:url("../image/correct.png") 0 0 no-repeat; 
}

.cross{
  display: none;
  z-index: 5;
  position: absolute;
  width: 200px;
  height: 200px;
  left: 10%;
  top:10%;
  background:url("../image/cross.png") 0 0 no-repeat; 
}

.trueanswer .circle{
  display: block;
}

.notes{
  font-size:0.85em;
  margin: 2% 0 0 0;
}

.trueanswer span{
  /*background:;*/
  color: rgba(19,174,103,1.75); 
}

.wronganswer span{
  /*background:rgba(50,50,50,.75);*/
  color: #000; 
}

/*下一題*/
.nextques{
  padding: 25px 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
}
.nextques a{
  width: 500px;
  margin:0 auto;
  color: #fff;
  background: #956134;
  border-radius: 5px;
  padding: 0.5% 2.3%;
  font-size: 2em; 
}

.backto{
  display: block!important;
}

/*得分*/
.myscore{
  font-size:9em;
  font-weight: bold;
  color: #fff;
}

.mycomment{
  font-size: 4.5em;
}

.scoreop{
  padding:5% 5%;
  font-family: whakon!important;
  /*font-size: 12em;*/
}

.scorebg{
  background:url("../image/score.png"); 
}


/*段落文章*/
.paragraph p{
  font-size: 1.7em;
  line-height: 1.5em;
  letter-spacing: .8px;
  margin: 0 0 15px 0;
  float: left;
  width: 100%;
}

.paragraph ul,.paragraph ul li{
  float: left;
  width: 100%;
  font-size: 1.33em;
  letter-spacing: 1px;
  padding: 0 0 20px 35px;
}

.paragraph ul{
  list-style-type: decimal;
  list-style-position: outside;
  
}

.paragraph li{
  padding: 0px 0px 20px 5px!important;
}

.service{
  background: url("../image/bg/service.jpg") center center;
  background-size: cover;
}

.service .contentword{
  background:rgba(240,240,240,.75); 
  padding:0 1%; 
  height: 100%;
  overflow: auto
}

.cominfo span{
  font-size: 0.75em;
  line-height: 0.2em;
}

.modalcon{
  height: 100%;
  overflow: auto;
  /*background:#f00;*/ 
}


.little{
    font-size: 0.9em;
    line-height: 20px;
    float: left;
    width: 100%;
    letter-spacing: 1px;
}


/*--長條圖---*/
.chooseset{
  position: absolute;
  width: 100px;
  height: 100px;
  /*background: rgba(0,0,0,.5);*/
}
#dogset{
  top: 80px;
  left:55px;
}
#sheepset{
  top: 245px;
  left: 350px;
  width: 89px;
}
#cowset{
  top: 76px;
  left:534px;
}
#pigset{
  top: 247px;
  left:486px;
  width: 90px;
}
#catset{
  top: 83px;
  left:696px;
  width: 90px
}
#hourseset{
  top: 68px;
  left: 887px;
  width: 85px;
}
#chickenset{
  top: 244px;
  left: 1122px;
  width: 90px;
}

.cominfo h3{
  
}

.cominfo p{
  font-size: 1.45em;
  color: #232323;
  padding:10px 0; 
}

.anititle{
  font-size: 8em;
  color: #232323;
}

.closeset{
  padding:3% 0 0 0;

}

.close{
  padding:1% 0;
  text-align: center;
  background: #000;
  width: 20%;
  color: #fff;
  margin: 0 auto;
  font-size: 1.9em;
  border-radius: 50px;
  font-weight: bold;
}




@media only screen and (min-width: 600px) {

 
}

@media (min-width: 768px) {
  
}
@media (min-width: 900px) {

}

@media screen and (min-width: 1000px){

 


}

@media (min-width: 1300px) {
 
 
}

@media (min-width: 1200px) and  (max-width: 1500px){
  
}

@media (min-width: 1500px) {
  
  
}