@charset "UTF-8";

/* CSS Document */

.float {

  float: left;

}



.floatR {

  float: right;

}



/*關*/

.clear {

  clear: both;

}



.center-inlineblock {

  display: inline-block;

}



.clearfix:after {

  display: block;

  content: ".";

  clear: both;

  line-height: 0;

  height: 0;

  visibility: hidden;

}



.dis-hidden {

  display: none;

}



.position-rel {

  position: relative;

}



.overhidden {

  overflow: hidden;

}



.smH {

  padding-bottom: 10000px;

  margin-bottom: -10000px;

}



.cursorpointer {

  cursor: pointer;

}



/*寬度-絕對*/

.wpx1280 {

  width: 1280px;

}



.wpx1024 {

  width: 1024px;

}



.wpx1004 {

  width: 1004px;

}



.wpx1002 {

  width: 1002px;

}



.wpx970 {

  width: 970px;

}



.wpx960 {

  width: 960px;

}



.wpx800 {

  width: 800px;

}



.wpx640 {

  width: 640px;

}



.wpx480 {

  width: 480px;

}



.wpx430 {

  width: 430px;

}



.wpx420 {

  width: 420px;

}



.wpx400 {

  width: 400px;

}



.wpx70 {

  width: 70px;

}



.wpx120 {

  width: 120px;

}



.wpx140 {

  width: 140px;

}



.wpx50 {

  width: 50px;

}



/*寬度-相對*/

.wc100 {

  width: 100%;

}



.wc95 {

  width: 95%;

}



.wc90 {

  width: 90%;

}



.wc85 {

  width: 85%;

}



.wc80 {

  width: 80%;

}



.wc75 {

  width: 75%;

}



.wc70 {

  width: 70%;

}



.wc60 {

  width: 65%;

}



.wc60 {

  width: 60%;

}



.wc55 {

  width: 55%;

}



.wc50 {

  width: 50%;

}



.wc45 {

  width: 45%;

}



.wc40 {

  width: 40%;

}



.wc35 {

  width: 35%;

}



.wc33 {

  width: 33.33333%;

}



.wc30 {

  width: 30%;

}



.wc25 {

  width: 25%;

}



.wc20 {

  width: 20%;

}



.wc15 {

  width: 15%;

}



.wc10 {

  width: 10%;

}



.wc5 {

  width: 5%;

}



/*方框對其自動cennter*/

.automarginLR {

  margin-right: auto;

  margin-left: auto;

}



/*-----------------------------------------------------------文字變化----------------------------------------------------------------------------------*/

/*------------------------------------------------------------1.文字大小-----------------------------------------------------------------*/

.fsbig {

  font-weight: 700;

}



.fs06 {

  font-size: 0.6em;

}



.fs065 {

  font-size: 0.65em;

}



.fs07 {

  font-size: 0.7em;

}



.fs075 {

  font-size: 0.75em;

}



.fs08 {

  font-size: 0.8em;

}



.fs085 {

  font-size: 0.85em;

}



.fs09 {

  font-size: 0.9em;

}



.fs095 {

  font-size: 0.95em;

}



.fs1 {

  font-size: 1em;

}



.fs11 {

  font-size: 1.1em;

}



.fs12 {

  font-size: 1.2em;

}



.fs13 {

  font-size: 1.3em;

}



.fs14 {

  font-size: 1.4em;

}



.fs15 {

  font-size: 1.5em;

}



.fs16 {

  font-size: 1.6em;

}



.fs17 {

  font-size: 1.7em;

}



.fs18 {

  font-size: 1.8em;

}



.fs19 {

  font-size: 1.9em;

}



.fs2 {

  font-size: 2em;

}



.fs25 {

  font-size: 2.5em;

}



.fs3 {

  font-size: 3em;

}



.fs35 {

  font-size: 3.5em;

}



.fs4 {

  font-size: 4em;

}



/*------------------------------------------------------------2.文字尺寸px-----------------------------------------------------------------*/

.fpx13 {

  font-size: 0.813em;

}



.fpx14 {

  font-size: 0.875em;

}



.fpx15 {

  font-size: 0.938em;

}



.fpx16 {

  font-size: 1em;

}



.fpx17 {

  font-size: 1.063em;

}



.fpx18 {

  font-size: 1.125em;

}



.fpx19 {

  font-size: 1.188em;

}



.fpx19 {

  font-size: 1.188em;

}



.fpx20 {

  font-size: 1.25em;

}



.fpx23 {

  font-size: 1.438em;

}



.fpx25 {

  font-size: 1.563em;

}



.fpx29 {

  font-size: 1.813em;

}



/*------------------------------------------------------------2.文字顏色-----------------------------------------------------------------*/

.fcR {

  color: #F00;

}



.fcG {

  color: #0F0;

}



.fcB {

  color: #00F;

}



.fcC {

  color: #0FF;

}



.fcM {

  color: #F0F;

}



.fcY {

  color: #FF0;

}



.fcK {

  color: #000;

}



.fcW {

  color: #FFF;

}



.fcG1 {

  color: #111;

}



.fcG2 {

  color: #222;

}



.fcG3 {

  color: #333;

}



.fcG4 {

  color: #444;

}



.fcG5 {

  color: #555;

}



.fcG6 {

  color: #666;

}



.fcG7 {

  color: #777;

}



.fcG8 {

  color: #888;

}



.fcG9 {

  color: #999;

}



.fcGA {

  color: #aaa;

}



.fcGB {

  color: #bbb;

}



.fcGC {

  color: #CCC;

}



.fcGD {

  color: #ddd;

}



.fcGE {

  color: #eee;

}



/*------------------------------------------------------------4.文字底線-----------------------------------------------------------------*/

.fdY {

  text-decoration: underline;

}



.fdN {

  text-decoration: none;

}



/*------------------------------------------------------------3.文字行高-----------------------------------------------------------------*/

.fh1 {

  line-height: 1em;

}



.fh11 {

  line-height: 1.1em;

}



.fh12 {

  line-height: 1.2em;

}



.fh13 {

  line-height: 1.3em;

}



.fh14 {

  line-height: 1.4em;

}



.fh15 {

  line-height: 1.5em;

}



.fh2 {

  line-height: 2em;

}



.fh24 {

  line-height: 24px;

}



.fh25 {

  line-height: 2.5em;

}



.fh3 {

  line-height: 3em;

}



/*------------------------------------------------------------5.文字字距-----------------------------------------------------------------*/

.fl01 {

  letter-spacing: 0.1em;

}



.fl02 {

  letter-spacing: 0.2em;

}



.fl03 {

  letter-spacing: 0.3em;

}



.fl04 {

  letter-spacing: 0.4em;

}



.fl05 {

  letter-spacing: 0.5em;

}



.fl06 {

  letter-spacing: 0.6em;

}



.fl07 {

  letter-spacing: 0.7em;

}



.fl08 {

  letter-spacing: 0.8em;

}



.fl09 {

  letter-spacing: 0.9em;

}



.fl1 {

  letter-spacing: 1em;

}



/*------------------------------------------------------------6.背景顏色-----------------------------------------------------------------*/

.bgcR {

  background-color: #F00;

}



.bgcG {

  background-color: #0F0;

}



.bgcB {

  background-color: #00F;

}



.bgcC {

  background-color: #0FF;

}



.bgcM {

  background-color: #F0F;

}



.bgcY {

  background-color: #FF0;

}



.bgcK {

  background-color: #000;

}



.bgcW {

  background-color: #fff;

}



.bgcG1 {

  background-color: #111;

}



.bgcG3 {

  background-color: #333;

}



.bgcG5 {

  background-color: #555;

}



.bgcG7 {

  background-color: #777;

}



.bgcG9 {

  background-color: #999;

}



.bgcGB {

  background-color: #bbb;

}



.bgcGD {

  background-color: #ddd;

}



.bgcGE {

  background-color: #eee;

}



/*------------------------------------------------------------框線----------------------------------------------------------------*/

.borTGC {

  border-top: #ccc 1px solid;

}



.borBGC {

  border-bottom: #ccc 1px solid;

}



.borLW1 {

  border-left: #FFF 1px solid;

}



.borLK1 {

  border-left: #000 1px solid;

}



.borRW1 {

  border-right: #FFF 1px solid;

}



.borRK1 {

  border-right: #000 1px solid;

}



.borTW1 {

  border-top: #FFF 1px solid;

}



.borTK1 {

  border-top: #000 1px solid;

}



.borBW1 {

  border-bottom: #FFF 1px solid;

}



.borBK1 {

  border-bottom: #000 1px solid;

}



.borK1 {

  border: #000 1px solid;

}



.borW1 {

  border: #FFF 1px solid;

}



.borLW2 {

  border-left: #FFF 2px solid;

}



.borLK2 {

  border-left: #000 2px solid;

}



.borRW2 {

  border-right: #FFF 2px solid;

}



.borRK2 {

  border-right: #000 2px solid;

}



.borTW2 {

  border-top: #FFF 2px solid;

}



.borTK2 {

  border-top: #000 2px solid;

}



.borBW2 {

  border-bottom: #FFF 2px solid;

}



.borBK2 {

  border-bottom: #000 2px solid;

}



.borK2 {

  border: #000 2px solid;

}



.borW2 {

  border: #FFF 2px solid;

}



.borLW3 {

  border-left: #FFF 3px solid;

}



.borLK3 {

  border-left: #000 3px solid;

}



.borRW3 {

  border-right: #FFF 3px solid;

}



.borRK3 {

  border-right: #000 3px solid;

}



.borTW3 {

  border-top: #FFF 3px solid;

}



.borTK3 {

  border-top: #000 3px solid;

}



.borBW3 {

  border-bottom: #FFF 3px solid;

}



.borBK3 {

  border-bottom: #000 3px solid;

}



.borK3 {

  border: #000 3px solid;

}



.borW3 {

  border: #FFF 3px solid;

}



/*---------------------------------------------------------------------內距--------------------------------------------------------------------- */

.pa0 {

  padding: 0px;

}



.pa3 {

  padding: 3px;

}



.pa5 {

  padding: 5px;

}



.pa7 {

  padding: 7px;

}



.pa10 {

  padding: 10px;

}



.pa15 {

  padding: 15px;

}



.pa20 {

  padding: 20px;

}



.pa25 {

  padding: 25px;

}



.pa30 {

  padding: 30px;

}



.pa35 {

  padding: 35px;

}



.pa40 {

  padding: 40px;

}



.pa45 {

  padding: 45px;

}



.pa50 {

  padding: 50px;

}



.pa55 {

  padding: 55px;

}



.pa60 {

  padding: 60px;

}



.pa65 {

  padding: 65px;

}



.pa70 {

  padding: 70px;

}



.pa75 {

  padding: 75px;

}



.pa80 {

  padding: 80px;

}



.paTB0 {

  padding-top: 0px;

  padding-bottom: 0px;

}



.paTB3 {

  padding-top: 3px;

  padding-bottom: 3px;

}



.paTB5 {

  padding-top: 5px;

  padding-bottom: 5px;

}



.paTB7 {

  padding-top: 7px;

  padding-bottom: 7px;

}



.paTB10 {

  padding-top: 10px;

  padding-bottom: 10px;

}



.paTB15 {

  padding-top: 15px;

  padding-bottom: 15px;

}



.paTB20 {

  padding-top: 20px;

  padding-bottom: 20px;

}



.paTB25 {

  padding-top: 25px;

  padding-bottom: 25px;

}



.paTB30 {

  padding-top: 30px;

  padding-bottom: 30px;

}



.paTB35 {

  padding-top: 35px;

  padding-bottom: 35px;

}



.paTB40 {

  padding-top: 40px;

  padding-bottom: 40px;

}



.paTB45 {

  padding-top: 45px;

  padding-bottom: 45px;

}



.paTB50 {

  padding-top: 50px;

  padding-bottom: 50px;

}



.paTB55 {

  padding-top: 55px;

  padding-bottom: 55px;

}



.paTB60 {

  padding-top: 60px;

  padding-bottom: 60px;

}



.paTB65 {

  padding-top: 65px;

  padding-bottom: 65px;

}



.paTB70 {

  padding-top: 70px;

  padding-bottom: 70px;

}



.paTB75 {

  padding-top: 75px;

  padding-bottom: 75px;

}



.paTB80 {

  padding-top: 80px;

  padding-bottom: 80px;

}



.paLR0 {

  padding-left: 0px;

  padding-right: 0px;

}



.paLR3 {

  padding-left: 3px;

  padding-right: 3px;

}



.paLR5 {

  padding-left: 5px;

  padding-right: 5px;

}



.paLR7 {

  padding-left: 7px;

  padding-right: 7px;

}



.paLR10 {

  padding-left: 10px;

  padding-right: 10px;

}



.paLR15 {

  padding-left: 15px;

  padding-right: 15px;

}



.paLR20 {

  padding-left: 20px;

  padding-right: 20px;

}



.paLR25 {

  padding-left: 25px;

  padding-right: 25px;

}



.paLR30 {

  padding-left: 30px;

  padding-right: 30px;

}



.paLR35 {

  padding-left: 35px;

  padding-right: 35px;

}



.paLR40 {

  padding-left: 40px;

  padding-right: 40px;

}



.paLR45 {

  padding-left: 45px;

  padding-right: 45px;

}



.paLR50 {

  padding-left: 50px;

  padding-right: 50px;

}



.paLR55 {

  padding-left: 55px;

  padding-right: 55px;

}



.paLR60 {

  padding-left: 60px;

  padding-right: 60px;

}



.paLR65 {

  padding-left: 65px;

  padding-right: 65px;

}



.paLR70 {

  padding-left: 70px;

  padding-right: 70px;

}



.paLR75 {

  padding-left: 75px;

  padding-right: 75px;

}



.paLR80 {

  padding-left: 80px;

  padding-right: 80px;

}



.paT0 {

  padding-top: 0px;

}



.paT3 {

  padding-top: 3px;

}



.paT5 {

  padding-top: 5px;

}



.paT7 {

  padding-top: 7px;

}



.paT10 {

  padding-top: 10px;

}



.paT15 {

  padding-top: 15px;

}



.paT20 {

  padding-top: 20px;

}



.paT25 {

  padding-top: 25px;

}



.paT30 {

  padding-top: 30px;

}



.paT35 {

  padding-top: 35px;

}



.paT40 {

  padding-top: 40px;

}



.paT45 {

  padding-top: 45px;

}



.paT50 {

  padding-top: 50px;

}



.paT55 {

  padding-top: 55px;

}



.paT60 {

  padding-top: 60px;

}



.paT65 {

  padding-top: 65px;

}



.paT70 {

  padding-top: 70px;

}



.paT75 {

  padding-top: 75px;

}



.paT80 {

  padding-top: 80px;

}



.paB0 {

  padding-bottom: 0px;

}



.paB3 {

  padding-bottom: 3px;

}



.paB5 {

  padding-bottom: 5px;

}



.paB7 {

  padding-bottom: 7px;

}



.paB10 {

  padding-bottom: 10px;

}



.paB15 {

  padding-bottom: 15px;

}



.paB20 {

  padding-bottom: 20px;

}



.paB25 {

  padding-bottom: 25px;

}



.paB30 {

  padding-bottom: 30px;

}



.paB35 {

  padding-bottom: 35px;

}



.paB40 {

  padding-bottom: 40px;

}



.paB45 {

  padding-bottom: 45px;

}



.paB50 {

  padding-bottom: 50px;

}



.paB55 {

  padding-bottom: 55px;

}



.paB60 {

  padding-bottom: 60px;

}



.paB65 {

  padding-bottom: 65px;

}



.paB70 {

  padding-bottom: 70px;

}



.paB75 {

  padding-bottom: 75px;

}



.paB80 {

  padding-bottom: 80px;

}



.paB90 {

  padding-bottom: 90px;

}



.paL0 {

  padding-left: 0px;

}



.paL3 {

  padding-left: 3px;

}



.paL5 {

  padding-left: 5px;

}



.paL7 {

  padding-left: 7px;

}



.paL10 {

  padding-left: 10px;

}



.paL15 {

  padding-left: 15px;

}



.paL20 {

  padding-left: 20px;

}



.paL25 {

  padding-left: 25px;

}



.paL30 {

  padding-left: 30px;

}



.paL35 {

  padding-left: 35px;

}



.paL40 {

  padding-left: 40px;

}



.paL45 {

  padding-left: 45px;

}



.paL50 {

  padding-left: 50px;

}



.paL55 {

  padding-left: 55px;

}



.paL60 {

  padding-left: 60px;

}



.paL65 {

  padding-left: 65px;

}



.paL70 {

  padding-left: 70px;

}



.paL75 {

  padding-left: 75px;

}



.paL80 {

  padding-left: 80px;

}



.paR0 {

  padding-right: 0px;

}



.paR3 {

  padding-right: 3px;

}



.paR5 {

  padding-right: 5px;

}



.paR7 {

  padding-right: 7px;

}



.paR10 {

  padding-right: 10px;

}



.paR15 {

  padding-right: 15px;

}



.paR20 {

  padding-right: 20px;

}



.paR25 {

  padding-right: 25px;

}



.paR30 {

  padding-right: 30px;

}



.paR35 {

  padding-right: 35px;

}



.paR40 {

  padding-right: 40px;

}



.paR45 {

  padding-right: 45px;

}



.paR50 {

  padding-right: 50px;

}



.paR55 {

  padding-right: 55px;

}



.paR60 {

  padding-right: 60px;

}



.paR65 {

  padding-right: 65px;

}



.paR70 {

  padding-right: 70px;

}



.paR75 {

  padding-right: 75px;

}



.paR80 {

  padding-right: 80px;

}



/*------------------------------------------------------------外距--------------------------------------------------------------*/

.ma0 {

  margin: 0px;

}



.ma3 {

  margin: 3px;

}



.ma5 {

  margin: 5px;

}



.ma7 {

  margin: 7px;

}



.ma10 {

  margin: 10px;

}



.ma15 {

  margin: 15px;

}



.ma20 {

  margin: 20px;

}



.ma25 {

  margin: 25px;

}



.ma30 {

  margin: 30px;

}



.ma35 {

  margin: 35px;

}



.ma40 {

  margin: 40px;

}



.ma45 {

  margin: 45px;

}



.ma50 {

  margin: 50px;

}



.ma55 {

  margin: 55px;

}



.ma60 {

  margin: 60px;

}



.ma65 {

  margin: 65px;

}



.ma70 {

  margin: 70px;

}



.ma75 {

  margin: 75px;

}



.ma80 {

  margin: 80px;

}



.maTB0 {

  margin-top: 0px;

  margin-bottom: 0px;

}



.maTB3 {

  margin-top: 3px;

  margin-bottom: 3px;

}



.maTB5 {

  margin-top: 5px;

  margin-bottom: 5px;

}



.maTB7 {

  margin-top: 7px;

  margin-bottom: 7px;

}



.maTB10 {

  margin-top: 10px;

  margin-bottom: 10px;

}



.maTB15 {

  margin-top: 15px;

  margin-bottom: 15px;

}



.maTB20 {

  margin-top: 20px;

  margin-bottom: 20px;

}



.maTB25 {

  margin-top: 25px;

  margin-bottom: 25px;

}



.maTB30 {

  margin-top: 30px;

  margin-bottom: 30px;

}



.maTB35 {

  margin-top: 35px;

  margin-bottom: 35px;

}



.maTB40 {

  margin-top: 40px;

  margin-bottom: 40px;

}



.maTB45 {

  margin-top: 45px;

  margin-bottom: 45px;

}



.maTB50 {

  margin-top: 50px;

  margin-bottom: 50px;

}



.maTB55 {

  margin-top: 55px;

  margin-bottom: 55px;

}



.maTB60 {

  margin-top: 60px;

  margin-bottom: 60px;

}



.maTB65 {

  margin-top: 65px;

  margin-bottom: 65px;

}



.maTB70 {

  margin-top: 70px;

  margin-bottom: 70px;

}



.maTB75 {

  margin-top: 75px;

  margin-bottom: 75px;

}



.maTB80 {

  margin-top: 80px;

  margin-bottom: 80px;

}



.maLR0 {

  margin-left: 0px;

  margin-right: 0px;

}



.maLR3 {

  margin-left: 3px;

  margin-right: 3px;

}



.maLR5 {

  margin-left: 5px;

  margin-right: 5px;

}



.maLR7 {

  margin-left: 7px;

  margin-right: 7px;

}



.maLR10 {

  margin-left: 10px;

  margin-right: 10px;

}



.maLR15 {

  margin-left: 15px;

  margin-right: 15px;

}



.maLR20 {

  margin-left: 20px;

  margin-right: 20px;

}



.maLR25 {

  margin-left: 25px;

  margin-right: 25px;

}



.maLR30 {

  margin-left: 30px;

  margin-right: 30px;

}



.maLR35 {

  margin-left: 35px;

  margin-right: 35px;

}



.maLR40 {

  margin-left: 40px;

  margin-right: 40px;

}



.maLR45 {

  margin-left: 45px;

  margin-right: 45px;

}



.maLR50 {

  margin-left: 50px;

  margin-right: 50px;

}



.maLR55 {

  margin-left: 55px;

  margin-right: 55px;

}



.maLR60 {

  margin-left: 60px;

  margin-right: 60px;

}



.maLR65 {

  margin-left: 65px;

  margin-right: 65px;

}



.maLR70 {

  margin-left: 70px;

  margin-right: 70px;

}



.maLR75 {

  margin-left: 75px;

  margin-right: 75px;

}



.maLR80 {

  margin-left: 80px;

  margin-right: 80px;

}



.maT0 {

  margin-top: 0px;

}



.maT3 {

  margin-top: 3px;

}



.maT5 {

  margin-top: 5px;

}



.maT7 {

  margin-top: 7px;

}



.maT10 {

  margin-top: 10px;

}



.maT15 {

  margin-top: 15px;

}



.maT20 {

  margin-top: 20px;

}



.maT25 {

  margin-top: 25px;

}



.maT30 {

  margin-top: 30px;

}



.maT35 {

  margin-top: 35px;

}



.maT40 {

  margin-top: 40px;

}



.maT45 {

  margin-top: 45px;

}



.maT50 {

  margin-top: 50px;

}



.maT55 {

  margin-top: 55px;

}



.maT60 {

  margin-top: 60px;

}



.maT65 {

  margin-top: 65px;

}



.maT70 {

  margin-top: 70px;

}



.maT75 {

  margin-top: 75px;

}



.maT80 {

  margin-top: 80px;

}



.maB0 {

  margin-bottom: 0px;

}



.maB3 {

  margin-bottom: 3px;

}



.maB5 {

  margin-bottom: 5px;

}



.maB7 {

  margin-bottom: 7px;

}



.maB10 {

  margin-bottom: 10px;

}



.maB15 {

  margin-bottom: 15px;

}



.maB20 {

  margin-bottom: 20px;

}



.maB25 {

  margin-bottom: 25px;

}



.maB30 {

  margin-bottom: 30px;

}



.maB35 {

  margin-bottom: 35px;

}



.maB40 {

  margin-bottom: 40px;

}



.maB45 {

  margin-bottom: 45px;

}



.maB50 {

  margin-bottom: 50px;

}



.maB55 {

  margin-bottom: 55px;

}



.maB60 {

  margin-bottom: 60px;

}



.maB65 {

  margin-bottom: 65px;

}



.maB70 {

  margin-bottom: 70px;

}



.maB75 {

  margin-bottom: 75px;

}



.maB80 {

  margin-bottom: 80px;

}



.maL0 {

  margin-left: 0px;

}



.maL3 {

  margin-left: 3px;

}



.maL5 {

  margin-left: 5px;

}



.maL7 {

  margin-left: 7px;

}



.maL10 {

  margin-left: 10px;

}



.maL15 {

  margin-left: 15px;

}



.maL20 {

  margin-left: 20px;

}



.maL25 {

  margin-left: 25px;

}



.maL30 {

  margin-left: 30px;

}



.maL35 {

  margin-left: 35px;

}



.maL40 {

  margin-left: 40px;

}



.maL45 {

  margin-left: 45px;

}



.maL50 {

  margin-left: 50px;

}



.maL55 {

  margin-left: 55px;

}



.maL60 {

  margin-left: 60px;

}



.maL65 {

  margin-left: 65px;

}



.maL70 {

  margin-left: 70px;

}



.maL75 {

  margin-left: 75px;

}



.maL80 {

  margin-left: 80px;

}



.maR0 {

  margin-right: 0px;

}



.maR3 {

  margin-right: 3px;

}



.maR5 {

  margin-right: 5px;

}



.maR7 {

  margin-right: 7px;

}



.maR10 {

  margin-right: 10px;

}



.maR15 {

  margin-right: 15px;

}



.maR20 {

  margin-right: 20px;

}



.maR25 {

  margin-right: 25px;

}



.maR30 {

  margin-right: 30px;

}



.maR35 {

  margin-right: 35px;

}



.maR40 {

  margin-right: 40px;

}



.maR45 {

  margin-right: 45px;

}



.maR50 {

  margin-right: 50px;

}



.maR55 {

  margin-right: 55px;

}



.maR60 {

  margin-right: 60px;

}



.maR65 {

  margin-right: 65px;

}



.maR70 {

  margin-right: 70px;

}



.maR75 {

  margin-right: 75px;

}



.maR80 {

  margin-right: 80px;

}



/*圖片外框樣式*/

/*文字陰影*/

/*圖片陰影*/

body {

  /*字體分別是Linux系統的文泉驛正黑，Mac的儷黑 Pro，Mac的黑體-繁(Mac OS 10.6 以後預設字型)，微软雅黑,微軟正黑體，英文，都沒有執行的字體*/

  font-family: "WenQuanYi Zen Hei","Heiti TC", "LiHei Pro","Heiti TC","Microsoft JhengHei","Microsoft YaHei",Arial,sans-serif;

  font-size: 16px;

  background-position: center top;

  background-size: 100%;

  overflow-x: hidden;

}

@media (max-width: 767px) {

  body {

    background-size: 200%;

    font-size: 14px;

  }

}



@media (max-width: 991px) {

  .xstext-center {

    text-align: center;

  }

}



/*a連結設定*/

a {

  text-decoration: none;

}

a:hover, a:active, a:focus {

  text-decoration: none;

}



a.fcW {

  color: #fff;

}

a.fcW:hover, a.fcW:active, a.fcW:focus {

  color: #fff;

}



/*圖文編輯器歸零*/

.nostyle_content {

  word-break: break-all;

}



.nostyle_content img, .nostyle_content iframe, .nostyle_content table {

  max-width: 100%;

}



.no-border {

  border: none;

}



/*置頂按鈕設定*/

#scrollUp {

  bottom: 20px;

  right: 20px;

}



/*預設字體*/

.textC1 {

  color: #7da32b;

}



.textC2 {

  color: #bcbc64;

}



.textC3 {

  color: #f4b400;

}



/*消除foucs框線*/

input[type=text]:focus, input[type=password]:focus, textarea:focus, button:focus, input:focus, .form-control:focus {

  transition: border linear .2s,box-shadow linear 1s;

  -moz-transition: border linear .2s,-moz-box-shadow linear 1s;

  -webkit-transition: border linear .2s,-webkit-box-shadow linear 1s;

  outline: none;

  border-color: #7da32b;

  box-shadow: none;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  color: #7da32b;

}

input[type=text]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, button:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder, .form-control:focus::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #7da32b;

}

input[type=text]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder, textarea:focus:-moz-placeholder, button:focus:-moz-placeholder, input:focus:-moz-placeholder, .form-control:focus:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #7da32b;

}

input[type=text]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, textarea:focus::-moz-placeholder, button:focus::-moz-placeholder, input:focus::-moz-placeholder, .form-control:focus::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #7da32b;

}

input[type=text]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, button:focus:-ms-input-placeholder, input:focus:-ms-input-placeholder, .form-control:focus:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #7da32b;

}



.modal-lg {

  opacity: 0.9;

}



@media (max-width: 767px) {

  .map {

    margin-top: 30px;

    margin-bottom: 30px;

  }

}

@media (min-width: 768px) {

  .map {

    margin-top: 40px;

    margin-bottom: 40px;

  }

}

@media (min-width: 992px) {

  .map {

    margin-top: 20px;

    margin-bottom: 0;

  }

}

@media (min-width: 1200px) {

  .map {

    margin-top: 20px;

  }

}



@media (max-width: 767px) {

  .signuprwd {

    margin-bottom: 3px;

    display: block;

  }

}

@media (min-width: 768px) {

  .signuprwd {

    display: inline-block;

  }

}



.l-signup-btn, .l-signup-btn1 {

  display: inline-block;

  border: #7da32b 1px solid;

  background: #7da32b;

  color: #ffffff;

  font-size: 14px;

  padding: 6px 15px;

}

.l-signup-btn:hover, .l-signup-btn:active, .l-signup-btn:focus, .l-signup-btn1:hover, .l-signup-btn1:active, .l-signup-btn1:focus {

  color: #ffffff;

  background: #668723;

}



.l-signup-btn1 {

  background: #7da32b;

  color: #ffffff;

}

.l-signup-btn1:hover, .l-signup-btn1:active, .l-signup-btn1:focus {

  background: #5B781F;

}



.l-signup-btn1.active {

  background: #5B781F;

}



/*-----------固定樣式-----------*/

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

  .container {

    width: 600px;

    margin-left: auto;

    margin-right: auto;

  }

}



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

  .col-xs2 {

    width: 50%;

    padding-left: 15px;

    padding-right: 15px;

  }

}



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

  .col-xs4 {

    width: 33.3333333%;

  }

}



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

  .col-xs8 {

    width: 66.666666666%;

  }

}



.bgimages {

  background-image: url(../images/bg.png);

}



.bgimagesS {

  background-image: url(../images/indexbg.png);

  background-repeat: no-repeat;

  padding: 140px 0;

  background-position: left bottom;

}

@media (max-width: 479px) {

  .bgimagesS {

    background-image: none;

    padding: 40px 0;

  }

}

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

  .bgimagesS {

    padding: 40px 0 220px 0;

    background-size: 180%;

    background-position: left bottom;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .bgimagesS {

    padding: 50px 0 350px 0;

    background-size: 150%;

    background-position: left bottom;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .bgimagesS {

    background-size: cover;

    background-position: left bottom;

  }

}



.bgimagesS1 {

  background-image: url(../images/indexbg.jpg);

  background-repeat: no-repeat;

  /*padding: 140px 0;*/

  background-position: left bottom;

  /* @include x480{

       background-image: none;

       padding: 40px 0;

   }

   @include i480x768{

       padding: 40px 0 220px 0;

       background-size: 180%;

       background-position: left bottom;

   }

    @include i768x992{

       padding: 50px 0 350px 0;

       background-size: 150%;

       background-position: left bottom;

   }

   @include i992x1200{

       background-size: cover;

       background-position: left bottom;

   }*/

}

@media (max-width: 479px) {

  .bgimagesS1 {

    background-image: none;

    padding-bottom: 40px;

  }

}



.container.wpx900 {

  max-width: 900px;

}



.l-title {

  display: inline-block;

  text-align: center;

  color: #000000;

  font-size: 24px;

  letter-spacing: 0.1em;

  border-bottom: #7da32b 1px solid;

  padding: 0 45px 12px 45px;

}



.titlebgbox {

  width: 100%;

  background-image: url(../images/bg.png);

  height: 200px;

  overflow: hidden;

}



.titlebg {

  background-size: cover;

  background-position: center center;

  width: 100%;

  height: 200px;

  margin: 0 auto 0 auto;

}



.titlebg1 {

  background-image: url(../images/title/title-01.jpg);

}



.titlebg2 {

  background-image: url(../images/title/title-02.jpg);

}



.titlebg3 {

  background-image: url(../images/title/title-03.jpg);

}



.titlebg4 {

  background-image: url(../images/title/title-04.jpg);

}



.titlebg5 {

  background-image: url(../images/title/title-05.jpg);

}



.titlebg6 {

  background-image: url(../images/title/title-06.jpg);

}



.titlebg7 {

  background-image: url(../images/title/title-07.jpg);

}



.titlebg8 {

  background-image: url(../images/title/title-08.jpg);

}



.titlebg9 {

  background-image: url(../images/title/title-09.jpg);

}



.titlebg10 {

  background-image: url(../images/title/title-10.jpg);

}



.titlebg11 {

  background-image: url(../images/title/title-11.jpg);

}



.contentstyle {

  margin-top: 25px;

  line-height: 24px;

  font-size: 15px;

}



.contentstyle.maT10 {

  margin-top: 10px;

}



.minh {

  min-height: 600px;

}



.top {

  width: 46px;

  height: 46px;

  position: fixed;

  bottom: 30px;

  right: 20px;

  text-decoration: none;

  display: none;

}

@media (max-width: 991px) {

  .top {

    width: 35px;

    height: 35px;

    bottom: 15px;

    right: 15px;

  }

}



.goindex {

  color: #000000;

  position: fixed;

  bottom: 80px;

  right: 18px;

  text-align: center;

  display: block;

}

.goindex:hover, .goindex:active, .goindex:focus {

  color: #7da32b;

}

@media (max-width: 991px) {

  .goindex {

    width: 37px;

    height: 37px;

    bottom: 55px;

    right: 13px;

    font-size: 0.8em;

  }

}



.fcY {

  color: #f4b400;

}



@media (max-width: 767px) {

  .carousel-style, .carousel-style iframe {

    height: auto;

    min-height: 200px;

  }

}

@media (min-width: 768px) {

  .carousel-style, .carousel-style iframe {

    height: 147px;

  }

}

@media (min-width: 992px) {

  .carousel-style, .carousel-style iframe {

    height: 190px;

  }

}

@media (min-width: 1200px) {

  .carousel-style, .carousel-style iframe {

    height: 230px;

    width: 360px;

  }

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

  background-color: transparent;

  border-bottom: 0px solid #ddd;

}



.nav-tabs > li > a {

  color: #7da32b;

}



.icon-sprite, .icon-icon1, .icon-icon2, .icon-icon3, .icon-icon4, .icon-iconb1, .icon-iconb2, .icon-listicon, .icon-play {

  background-image: url('/images/icon-sedc89ca20a.png');

  background-repeat: no-repeat;

}



.icon-icon1 {

  background-position: 0 0;

}



.icon-icon2 {

  background-position: 0 -38px;

}



.icon-icon3 {

  background-position: 0 -76px;

}



.icon-icon4 {

  background-position: 0 -113px;

}



.icon-iconb1 {

  background-position: 0 -151px;

}



.icon-iconb2 {

  background-position: 0 -257px;

}



.icon-listicon {

  background-position: 0 -363px;

}



.icon-play {

  background-position: 0 -386px;

}



.icon-sprite, .icon-icon1, .icon-icon2, .icon-icon3, .icon-icon4, .icon-iconb1, .icon-iconb2, .icon-listicon, .icon-play, .icon-icon1, .icon-icon2, .icon-icon3, .icon-iconb1, .icon-iconb2, .icon-listicon {

  background-image: url("../images/icon-sedc89ca20a.png");

  background-repeat: no-repeat;

}



.icon-listicon {

  width: 13px;

  height: 13px;

  display: inline-block;

  float: right;

  margin-top: 1px;

  margin-left: 5px;

}



.explain {

  background: #fff;

  background: rgba(255, 255, 255, 0.6);

  border: 1px solid #bcbc64;

  padding: 25px 10px 5px 10px;

}



@media (min-width: 992px) {

  #course {

    width: 112.5px;

  }

}



.l-listT {

  text-align: left;

}



.l-listT-row {

  padding: 15px 0;

  border-bottom: 1px #ddd solid;

  line-height: 28px;

}



.l-listT-date {

  color: #666666;

  font-size: 14px;

  display: inline-block;

}



.l-listT-sort {

  color: #7da32b;

  font-size: 16px;

  display: inline-block;

  margin-left: 7px;

}



.l-listT-top {

  display: inline-block;

  float: left;

  font-size: 12px;

  background: #f4b400;

  color: #fff;

  padding: 0;

  margin: 3px 7px 0 0;

  width: 38px;

  text-align: center;

  line-height: 18px;

}



.l-listT-title {

  display: block;

  color: #000000;

  font-size: 18px;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.l-listT-title:hover, .l-listT-title:focus {

  color: #7da32b;

}

@media (max-width: 767px) {

  .l-listT-title {

    font-size: 18px;

    width: 100%;

  }

}



.l-listT-more {

  display: inline-block;

  color: #989898;

  border: #989898 1px solid;

}

.l-listT-more:hover, .l-listT-more:active, .l-listT-more:focus {

  border: #7da32b 1px solid;

  background: #7da32b;

  color: #ffffff;

  -o-transition: background 0.7s linear;

  -webkit-transition: background 0.7s linear;

  -moz-transition: background 0.7s linear;

  transition: background 0.7s linear;

}



.l-listT-more.btn-big {

  margin: 40px auto 0 auto;

  font-size: 16px;

  padding: 8px 30px;

}



.l-listT-more.btn-small {

  font-size: 14px;

  padding: 5px 20px;

}

@media (max-width: 767px) {

  .l-listT-more.btn-small {

    margin-top: 15px;

  }

}

@media (min-width: 768px) {

  .l-listT-more.btn-small {

    margin-top: 20px;

  }

}

@media (min-width: 992px) {

  .l-listT-more.btn-small {

    margin-top: 15px;

  }

}

@media (min-width: 1200px) {

  .l-listT-more.btn-small {

    margin-top: 20px;

  }

}



.l-listT-back {

  display: inline-block;

  border: #7da32b 1px solid;

  background: #7da32b;

  color: #ffffff;

  margin: 40px auto 0 auto;

  font-size: 16px;

  padding: 8px 25px;

}

.l-listT-back:hover, .l-listT-back:active, .l-listT-back:focus {

  border: #5c7f19 1px solid;

  background: #5c7f19;

  color: #ffffff;

  -o-transition: background 0.7s linear;

  -webkit-transition: background 0.7s linear;

  -moz-transition: background 0.7s linear;

  transition: background 0.7s linear;

}



.l-listT-default {

  display: inline-block;

  border: #ccc 1px solid;

  background: #ccc;

  color: #ffffff;

  margin: 60px auto 0 auto;

  font-size: 16px;

  padding: 8px 25px;

}

.l-listT-default:hover, .l-listT-default:active, .l-listT-default:focus {

  border: #ccc 1px solid;

  background: #ccc;

  color: #ffffff;

  -o-transition: background 0.7s linear;

  -webkit-transition: background 0.7s linear;

  -moz-transition: background 0.7s linear;

  transition: background 0.7s linear;

}



.l-listT-content {

  width: 100%;

  display: inline-block;

  color: #808080;

  font-size: 14px;

  line-height: 22px;

}

@media (max-width: 767px) {

  .l-listT-content {

    height: 120px;

    padding: 15px 0 0 1px;

  }

}

@media (min-width: 768px) {

  .l-listT-content {

    height: 120px;

    padding: 15px 0 0 1px;

  }

}

@media (min-width: 992px) {

  .l-listT-content {

    height: 120px;

    padding: 7px 10px 0 1px;

  }

}

@media (min-width: 1200px) {

  .l-listT-content {

    height: 123px;

    padding: 15px 10px 0 1px;

  }

}



@media (max-width: 991px) {

  .maTRstyle {

    margin-top: 80px;

  }

}



.l-listT-img {

  display: block;

  position: relative;

  text-align: center;

}

.l-listT-img:hover .play, .l-listT-img:active .play, .l-listT-img:focus .play {

  background: rgba(0, 0, 0, 0.4);

  -o-transition: background 0.3s linear;

  -webkit-transition: background 0.3s linear;

  -moz-transition: background 0.3s linear;

  transition: background 0.3s linear;

}

.l-listT-img:hover .icon-play, .l-listT-img:active .icon-play, .l-listT-img:focus .icon-play {

  opacity: 1;

  -o-transition: opacity 0.3s linear;

  -webkit-transition: opacity 0.3s linear;

  -moz-transition: opacity 0.3s linear;

  transition: opacity 0.3s linear;

}



.l-listT-topa {

  position: absolute;

  z-index: 4;

  top: 4px;

  left: 0;

  margin-left: 7px;

}



.play {

  position: absolute;

  display: block;

  height: 100%;

  width: 100%;

  background: #000000;

  background: rgba(0, 0, 0, 0.2);

  z-index: 2;

}



.icon-play {

  width: 66px;

  height: 66px;

  display: inline-block;

  position: absolute;

  z-index: 3;

  top: 50%;

  left: 50%;

  margin-top: -33px;

  margin-left: -33px;

  opacity: 0.6;

}



.l-list-title {

  font-weight: bold;

  display: block;

  color: #000000;

  font-size: 18px;

  line-height: 24px;

}

@media (max-width: 767px) {

  .l-list-title {

    font-size: 18px;

    width: 100%;

  }

}



.l-listT-status {

  font-size: 16px;

  display: inline-block;

  margin-left: 7px;

}



.l-listT-stop {

  display: inline-block;

  border: #d6370f 1px solid;

  background: #d6370f;

  color: #ffffff;

  margin: 40px auto 0 auto;

  font-size: 16px;

  padding: 8px 25px;

}



.l-listT-stop:hover, .l-listT-stop:active, .l-listT-stop:focus {

  border: #b43717 1px solid;

  background: #b43717;

  color: #ffffff;

  -o-transition: background 0.7s linear;

  -webkit-transition: background 0.7s linear;

  -moz-transition: background 0.7s linear;

  transition: background 0.7s linear;

}



.l-sort li {

  display: inline-block;

}

.l-sort li a {

  display: inline-block;

  margin: 5px;

  color: #ffffff;

  font-size: 16px;

  letter-spacing: 0.1em;

  padding: 4px 15px;

  background-color: #cbcbcb;

}

.l-sort li a:hover, .l-sort li a:active, .l-sort li a:focus {

  background-color: #5c7f19;

}

.l-sort .active a {

  background-color: #5c7f19;

}



/*--------------固定分頁樣式--------------*/

.pagination {

  margin: 35px 0 0 0;

}



.pagination > li > a, .pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 10px;

  margin-left: -1px;

  line-height: 1.428571429;

  color: #808080;

  text-decoration: none;

  background-color: transparent;

  border: none;

}

.pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:active, .pagination > li > span:focus {

  color: #000000;

  background-color: transparent;

}



.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {

  color: #cccccc;

  cursor: not-allowed;

  background-color: transparent;

  border-color: none;

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

  z-index: 2;

  color: #000000;

  cursor: default;

  background-color: transparent;

  border-color: none;

}



.tab-pane {

  padding-top: 10px;

}



.l-indextitle {

  color: #000000;

  font-size: 18px;

  border-bottom: 1px solid #b2b2b2;

  padding-bottom: 7px;

  margin: 0;

  letter-spacing: 0.1em;

}



.l-indexmore {

  font-size: 14px;

  color: #989898;

  float: right;

}

.l-indexmore:hover, .l-indexmore:active, .l-indexmore:focus {

  color: #666666;

}



.l-indexclass {

  display: inline-block;

  margin: 20px 20px;

  padding: 15px 30px;

  border: 1px solid #bcbc64;

  text-align: center;

  background: rgba(255, 255, 255, 0.95);

}

@media (max-width: 767px) {

  .l-indexclass {

    padding: 15px 30px;

    margin: 10px 15px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .l-indexclass {

    padding: 15px 30px;

    margin: 15px 15px;

  }

}

.l-indexclass:hover {

  background: #bcbc64;

  -o-transition: background 0.7s linear;

  -webkit-transition: background 0.7s linear;

  -moz-transition: background 0.7s linear;

  transition: background 0.7s linear;

}

.l-indexclass:hover .l-classlink {

  color: #ffffff;

}



.l-classlink {

  display: inline-block;

  padding-top: 15px;

  letter-spacing: 0.2em;

  font-size: 20px;

  color: #bcbc64;

}



.l-indexclass:nth-child(3), .l-indexclass:nth-child(4) {

  border: 1px solid #7fadcc;

  background: rgba(255, 255, 255, 0.95);

}

.l-indexclass:nth-child(3) .l-classlink, .l-indexclass:nth-child(4) .l-classlink {

  color: #7fadcc;

}

.l-indexclass:nth-child(3):hover, .l-indexclass:nth-child(4):hover {

  background: #7fadcc;

  -o-transition: background 0.7s linear;

  -webkit-transition: background 0.7s linear;

  -moz-transition: background 0.7s linear;

  transition: background 0.7s linear;

}

.l-indexclass:nth-child(3):hover .l-classlink, .l-indexclass:nth-child(4):hover .l-classlink {

  color: #ffffff;

}



.footer {

  background-color: #4d4d4d;

  color: #fff;

  font-size: 13px;

  padding: 20px 0 15px 0;

}



@media (max-width: 991px) {

  .footer-l {

    text-align: center;

  }

  .footer-l img {

    margin-left: auto;

    margin-right: auto;

  }

}



@media (max-width: 991px) {

  .footer-r {

    text-align: center;

  }

}



.footer-rlogo {

  float: right;

  color: #ffffff;

}

.footer-rlogo:hover, .footer-rlogo:active, .footer-rlogo:focus {

  color: #ffffff;

}

@media (max-width: 991px) {

  .footer-rlogo {

    float: none;

    margin: 0 0 12px 0;

    display: block;

    font-size: 16px;

  }

}



.footer-rs {

  float: right;

  text-align: right;

}

@media (max-width: 991px) {

  .footer-rs {

    text-align: center;

    float: none;

  }

}



.icon-icon1, .icon-icon2, .icon-icon3, .icon-icon4 {

  width: 28px;

  height: 28px;

  display: inline-block;

  margin-left: 7px;

}



.copyright {

  display: block;

  padding-top: 5px;

}



.navbar-default {

  background-color: #f9f9f9;

}



.logo {

  display: inline-block;

  margin: 7px 0;

}



@media (min-width: 768px) {

  .navbar {

    border-radius: 0;

  }

}



/*MENU*/

@media (min-width: 992px) {

  .navbar-nav {

    margin-top: 15px;

  }

}



.navbar-default .navbar-nav > li > a {

  color: #000;

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

  color: #7da32b;

}



.nav > li > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

  position: relative;

  display: block;

  padding: 10px 10px 14px 10px;

  background: none;

}

.nav > li > a:hover, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:hover:hover, .navbar-default .navbar-nav > .open > a:focus:hover {

  border-bottom: 4px solid #7da32b;

  padding: 10px 10px 10px 10px;

}



.navbar-nav > li > .dropdown-menu,

.navbar-nav .open .dropdown-menu {

  border-bottom: 3px solid #7da32b;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  font-size: 14px;

}

.navbar-nav > li > .dropdown-menu a,

.navbar-nav .open .dropdown-menu a {

  padding: 7px 0;

}



/*手機板按鈕*/

.navbar-default .navbar-toggle {

  margin-top: 15px;

  margin-right: 5px;

  padding-right: 10px;

  border: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  background: #ecf5d8;

}



.navbar-default .navbar-toggle .icon-bar {

  background-color: #7da32b;

}



@media (max-width: 991px) {

  .navbar-default .container {

    max-width: 100% !important;

    width: 100%;

  }

}



@media (max-width: 991px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    text-align: center;

  }

}



.navbar-right .dropdown-menu {

  right: auto;

  left: 0;

}



@media (max-width: 991px) {

  .search-menu {

    position: static;

  }

}



/*跑馬燈響應式設定*/

@media (max-width: 480px) {

  .carousel, .carousel-inner {

    height: 125px;

    overflow: hidden;

  }

}

@media (min-width: 480px) {

  .carousel, .carousel-inner {

    height: 200px;

    overflow: hidden;

  }

}

@media (min-width: 768px) {

  .carousel, .carousel-inner {

    height: 259px;

    overflow: hidden;

  }

}

@media (min-width: 992px) {

  .carousel, .carousel-inner {

    height: 313px;

    overflow: hidden;

  }

}

@media (min-width: 1200px) {

  .carousel, .carousel-inner {

    height: 500px;

    overflow: hidden;

  }

}

.carousel-inner .item {

  transition-property: opacity;

}

.carousel-inner .item,

.carousel-inner .active.left,

.carousel-inner .active.right {

  opacity: 0;

}

.carousel-inner .active,

.carousel-inner .next.left,

.carousel-inner .prev.right {

  opacity: 1;

}

.carousel-inner .next,

.carousel-inner .prev,

.carousel-inner .active.left,

.carousel-inner .active.right {

  left: 0;

  transform: translate3d(0, 0, 0);

}



.carousel-control {

  z-index: 2;

}



@media (max-width: 767px) {

  .carousel-indicators {

    bottom: 0;

    margin-bottom: 1px;

  }

}



.square-thumb {

  overflow: hidden;

  position: relative;

  display: block;

  background-color: #fff;

}

.square-thumb:hover, .square-thumb:active, .square-thumb:focus {

  opacity: 0.8;

}

@media (max-width: 640px) {

  .square-thumb {

    width: 100%;

    height: auto;

  }

}

@media (min-width: 640px) {

  .square-thumb {

    width: 270px;

    height: 202px;

  }

}

@media (min-width: 768px) {

  .square-thumb {

    width: 345px;

    height: 259px;

  }

}

@media (min-width: 992px) {

  .square-thumb {

    width: 212.5px;

    height: 159px;

  }

}

@media (min-width: 1200px) {

  .square-thumb {

    width: 262.5px;

    height: 197px;

  }

}



.calendar {

  border: 1px solid #7da32b;

}



.raw-day {

  width: 100%;

  min-height: 100px;

  border-bottom: 1px solid #7da32b;

  clear: both;

  position: relative;

  padding: 0 0px;

  overflow: hidden;

  margin: 0 auto;

}

@media (max-width: 767px) {

  .raw-day {

    width: 100%;

    min-height: 50px;

    border-bottom: 1px solid #7da32b;

    clear: both;

  }

}



.raw-day:last-child {

  border-bottom: 0px solid #7da32b;

}



.cal-cell {

  position: relative;

  float: left;

  width: 14.285%;

}



.day-cell {

  height: 100%;

  min-height: 100px;

  border-left: 1px solid #7da32b;

  margin-bottom: -10000px;

  padding-bottom: 10015px;

}

@media (max-width: 767px) {

  .day-cell {

    min-height: 50px;

    border-left: 1px solid #7da32b;

  }

}



.raw-day > .day-cell:first-child {

  border-left: 0px solid #7da32b;

}



.raw-day .day-cell:hover {

  background-color: #f6f6f6;

  border-bottom: 0px solid #7da32b;

}



.day-cell > span {

  position: relative;

  top: 5px;

  left: 5px;

}

@media (max-width: 767px) {

  .day-cell > span {

    font-size: 0.8em;

    position: relative;

    top: -3px;

    left: 3px;

  }

}



.raw-day:last-child .day-cell:hover {

  background-color: #f6f6f6;

  border-bottom: 0px solid #7da32b;

}



.event {

  width: 15%;

  float: left;

}



.event-dot {

  width: 12px;

  height: 12px;

  background-color: #7da32b;

  margin-top: 4px;

  margin-left: 5px;

  margin-right: 0px;

  border-radius: 80px;

}



.event-list {

  clear: left;

  margin: 6px 0 6px 0;

}



.event-bg {

  background-color: #E3E3E3;

  margin: 0 0 12px 0;

}



.event-text {

  width: 85%;

  font-size: 1em;

  float: left;

}



.event-text > span {

  color: #000000;

}



.xs-event-list {

  display: none;

  clear: both;

}



.cal-time-title {

  width: 100%;

  background-color: #7da32b;

  color: #FFFFFF;

  border-bottom: 1px solid #7da32b;

  padding: 0 0 0 5px;

}



.day-list {

  width: 100%;

  background-color: #E6E6E6;

  padding: 5px 5px;

  margin: 0 0 5px;

}



.xs-event-mark {

  width: 12px;

  height: 12px;

  background-color: #7da32b;

  border-radius: 20px;

  margin: 5px auto 0 auto;

  display: none;

}



.per-day-list {

  margin: 0 0 6px 0;

}



.per-day-list .event {

  width: 30px;

}



.per-day-box {

  padding-top: 5px;

  padding-bottom: 30px;

}



.xs-event-list-box {

  display: none;

}



.cal-active {

  background-color: #e6e6e6 !important;

}



.sub-info-c {

  color: #808080;

}



.raw-day .cal-cell:first-child, .raw-day .cal-cell:last-child {

  background-color: #FFE8E8;

}



.today {

  background-color: #D7E9B8 !important;

}



.non-this-month {

  color: #C0C0C0;

}



#calendarCourseView, #calendarCourseDate {

  display: none;

}



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

  .event {

    width: 10%;

    float: left;

  }



  .event-text {

    width: 90%;

    font-size: 1em;

    float: left;

  }

}

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

  .event {

    width: 20%;

    float: left;

  }



  .event-text {

    width: 80%;

    font-size: 1em;

    float: left;

  }

}

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

  .xs-event-text {

    width: 100%;

    background-color: #7da32b;

  }



  .event-list {

    clear: left;

    display: none;

  }



  .xs-event-list {

    display: block;

    margin: 0 0 6px 0;

  }



  .xs-event-list-box {

    width: 100%;

    background-color: #E6E6E6;

    border-bottom: 1px solid #7da32b;

    padding-bottom: 30px;

    padding-top: 5px;

  }



  .event {

    width: 8%;

    float: left;

  }



  .xs-event-mark {

    width: 12px;

    height: 12px;

    background-color: #7da32b;

    border-radius: 20px;

    position: absolute;

    top: 15px;

    left: -6px;

    margin-left: 50%;

    display: block;

    z-index: 1000000;

  }



  .event-text {

    width: 80%;

    font-size: 1em;

    float: left;

  }

}