@charset "utf-8";
/* CSS Document */

.txfff {color:#fff;}
.tx333 {color:#333;}
.txbbb {color:#bbb;}
.tx5F6163 {color:#5F6163;}

/*字體大小設定*/
.tx8 {font-size: 8px;}
.tx9 {font-size: 9px;}
.tx10 {font-size: 10px;}
.tx11 {font-size: 11px;}
.tx12 {font-size: 12px;}
.tx13 {font-size: 13px;}
.tx14 {font-size: 14px;}
.tx15 {font-size: 15px;}
.tx16 {font-size: 16px;}
.tx17 {font-size: 17px;}
.tx18 {font-size: 18px;}
.tx19 {font-size: 19px;}
.tx20 {font-size:20px;}
.tx21 {font-size:21px;}
.tx22 {font-size:22px;}
.tx23 {font-size:23px;}
.tx24 {font-size:24px;}
.tx25 {font-size: 25px;}
.tx26 {font-size:26px;}
.tx27 {font-size:27px;}

.txb {font-weight: bold;}
.tx-shadow {text-shadow: 0 -1px 0 #000;}

/*字體間距設定*/
.txspac1 {letter-spacing: 1px;}
.txspac2 {letter-spacing: 2px;}
.txspac3 {letter-spacing: 3px;}
.txspac4 {letter-spacing: 4px;}
.txspac5 {letter-spacing: 5px;}

/*內距和邊界設定*/
.mm00 {margin:auto auto; }
.mt0 {margin-top: 0;}
.mt3  {margin-top: 3px;}
.mt5  {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt70 {margin-top: 70px;}

.mr3  {margin-right: 3px;}
.mr5  {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}

.mb0  {margin-bottom: 0;}
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}

.ml5  {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml110 {margin-left: 110px;}
.m00 {margin:auto auto;}

.pt0  {padding-top: 0;}
.pt1  {padding-top: 1px;}
.pt2  {padding-top: 2px;}
.pt3  {padding-top: 3px;}
.pt0  {padding-top: 4px;}
.pt5  {padding-top: 5px;}
.pt6  {padding-top: 6px;}
.pt7  {padding-top: 7px;}
.pt8  {padding-top: 8px;}
.pt9  {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

.pr0  {padding-right: 0px;}
.pr5  {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}

.pb5  {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}

.pl0  {padding-left: 0px;}
.pl3  {padding-left: 3px;}
.pl5  {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl36 {padding-left: 36px;}
.pl37 {padding-left: 37px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pa0 {padding:0;}

.w100pa {width: 100%;}
.w90pa {width: 90%;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w85 {width: 85px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w110 {width: 110px;}
.w120 {width: 120px;}
.w125 {width: 125px;}
.w130 {width: 130px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w215 {width: 215px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w280 {width: 280px;}
.w300 {width: 300px;}
.w310 {width: 310px;}
.w315 {width: 315px;}
.w330 {width: 330px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w520 {width: 520px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w630 {width: 630px;}
.w700 {width: 700px;}
.w725 {width: 725px;}
.w740 {width: 740px;}
.w750 {width: 750px;}
.w800 {width: 800px;}
.w1000 {width: 1000px;}

.h100 {height: 100px;}

.radius2 {border-radius:2px;}
.radius3 {border-radius:3px;}
.radius5 {border-radius:5px;}

	
.border_t1 {border-top: #CFD2D7 1px solid;}
.border_b1 {border-bottom: #CFD2D7 1px solid;}
.border_l1 {border-left: #CFD2D7 1px solid;}
.border_r1 {border-right: #CFD2D7 1px solid;}   

.bsha {box-shadow:0px 1px 1px 0px #ddd;}

.bl0 {
	border-left:0px;
}
.br0 {
	border-right:0px;
}
.bt0 {
	border-top:0px;
}
.bb0 {
	border-bottom:0px;
}
.bsha {box-shadow:0px 2px 2px 0px #ddd;}
.tsha {box-shadow:0px 0px 2px 2px #aaa;}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.fleft {float:left;}
.fright {float:right;}

.note {color: #c82431; padding: 0 4px 0 0; font-weight: bold;}
.fwbold {font-weight:bold;}
.fwlighter {font-weight:lighter;}
.bg_gray {background:#F1F4F7;}