body {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, sans-serif;
	font-size:14px;
	color:#091e0b;
}
a{
	color:#091e0b;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover{color:#4fb133;}

input, textarea,select {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, sans-serif;
	color:#666;
	font-size:12px;
	margin:0 6px 0 0 ;
	padding:2px;
}
input:focus, textarea:focus{
	border-color: #95C8F1;
	box-shadow: 0 0 4px #95C8F1;
}


table{
	width:100%;
}

.radius{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
input[type="submit"],input[type="button"]{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}


/*隱藏&顯示*/
.block,.block01{
	display:block !important;
}
.none,.none01{
	display:none !important;
}
@media only screen and (max-width: 1100px){
.none{
	display: block !important;
}
.block{
	display:none !important;
}

}

/*清浮動*/
div:after,ul:after,header:after,nav:after,footer:after {
	content: "";
    display: block;
    clear: both;
	font-size:0;
}
a:after {
    display: inline-block;
}

img{
	max-width:100%;
}



/*寬度*/
[class^='width-'] {
	float:left;
}
.width-100{
	width:100% !important;
}
.width-99{
	width:99% !important;
}
.width-98{
	width:98% !important;
}
.width-97{
	width:97% !important;
}
.width-96{
	width:96% !important;
}
.width-95{
	width:95% !important;
}
.width-94{
	width:94% !important;
}
.width-93{
	width:93% !important;
}
.width-92{
	width:92% !important;
}
.width-91{
	width:91% !important;
}
.width-90{
	width:90% !important;
}
.width-89{
	width:89% !important;
}
.width-88{
	width:88% !important;
}
.width-87{
	width:87% !important;
}
.width-86{
	width:86% !important;
}
.width-85{
	width:85% !important;
}
.width-84{
	width:84% !important;
}
.width-83{
	width:83% !important;
}
.width-82{
	width:82% !important;
}
.width-81{
	width:81% !important;
}
.width-80{
	width:80% !important;
}
.width-79{
	width:79% !important;
}
.width-78{
	width:78% !important;
}
.width-77{
	width:77% !important;
}
.width-76{
	width:76% !important;
}
.width-75{
	width:75% !important;
}
.width-74{
	width:74% !important;
}
.width-73{
	width:73% !important;
}
.width-72{
	width:72% !important;
}
.width-71{
	width:71% !important;
}
.width-70{
	width:70% !important;
}
.width-69{
	width:69% !important;
}
.width-68{
	width:68% !important;
}
.width-67{
	width:67% !important;
}
.width-66{
	width:66% !important;
}
.width-65{
	width:65% !important;
}
.width-64{
	width:64% !important;
}
.width-63{
	width:63% !important;
}
.width-62{
	width:62% !important;
}
.width-61{
	width:61% !important;
}
.width-60{
	width:60% !important;
}
.width-59{
	width:59% !important;
}
.width-58{
	width:58% !important;
}
.width-57{
	width:57% !important;
}
.width-56{
	width:56% !important;
}
.width-55{
	width:55% !important;
}
.width-54{
	width:54% !important;
}
.width-53{
	width:53% !important;
}
.width-52{
	width:52% !important;
}
.width-51{
	width:51% !important;
}
.width-50{
	width:50% !important;
}
.width-49{
	width:49% !important;
}
.width-48{
	width:48% !important;
}
.width-47{
	width:47% !important;
}
.width-46{
	width:46% !important;
}
.width-45{
	width:45% !important;
}
.width-44{
	width:44% !important;
}
.width-43{
	width:43% !important;
}
.width-42{
	width:42% !important;
}
.width-41{
	width:41% !important;
}
.width-40{
	width:40% !important;
}
.width-39{
	width:39% !important;
}
.width-38{
	width:38% !important;
}
.width-37{
	width:37% !important;
}
.width-36{
	width:36% !important;
}
.width-35{
	width:35% !important;
}
.width-34{
	width:34% !important;
}
.width-33{
	width:33% !important;
}
.width-32{
	width:32% !important;
}
.width-31{
	width:31% !important;
}
.width-30{
	width:30% !important;
}
.width-29{
	width:29% !important;
}
.width-28{
	width:28% !important;
}
.width-27{
	width:27% !important;
}
.width-26{
	width:26% !important;
}
.width-25{
	width:25% !important;
}
.width-24{
	width:24% !important;
}
.width-23{
	width:23% !important;
}
.width-22{
	width:22% !important;
}
.width-21{
	width:21% !important;
}
.width-20{
	width:20% !important;
}
.width-19{
	width:19% !important;
}
.width-18{
	width:18% !important;
}
.width-17{
	width:17% !important;
}
.width-16{
	width:16% !important;
}
.width-15{
	width:15% !important;
}
.width-14{
	width:14% !important;
}
.width-13{
	width:13% !important;
}
.width-12{
	width:12% !important;
}
.width-11{
	width:11% !important;
}
.width-10{
	width:10% !important;
}
.width-9{
	width:9% !important;
}
.width-8{
	width:8% !important;
}
.width-7{
	width:7% !important;
}
.width-6{
	width:6% !important;
}
.width-5{
	width:5% !important;
}
.w-auto{
	width:auto !important;
}
@media only screen and (max-width: 1100px){

[class^='width-']{
	width:100% !important;
}
}

/*外距*/

.margin-top5{
	margin-top:5px;
}
.margin-top10{
	margin-top:10px;
}
.margin-top20{
	margin-top:20px;
}
.margin-top30{
	margin-top:30px;
}
.margin-bottom5{
	margin-bottom:5px;
}
.margin-bottom10{
	margin-bottom:10px;
}
.margin-bottom20{
	margin-bottom:20px;
}
.margin-bottom30{
	margin-bottom:30px;
}
.margin-left1{
	margin-left:1%;
}
.margin-left2{
	margin-left:2%;
}
.margin-left3{
	margin-left:3%;
}
.margin-right1{
	margin-right:1%;
}
.margin-right2{
	margin-right:2%;
}
.margin-right3{
	margin-right:3%;
}
.margin-no{
	margin:0 !important;
}
.margin-auto{
	margin:0 auto;
	float:none !important;
}
@media only screen and (max-width: 767px){
.margin-right1,.margin-right2,.margin-right3{
	margin-right:0;
}

}

/*內距*/
.padding-no{
	padding:0 !important;
}
.padding-all10{
	padding:10px !important;
}
.padding-all20{
	padding:20px !important;
}
.padding-all30{
	padding:30px !important;
}
.padding-all40{
	padding:40px;
}
.padd-left10{
	padding-left:10px;
}
.padd-left20{
	padding-left:20px;
}
.padd-left30{
	padding-left:30px;
}
.padd-left40{
	padding-left:40px;
}
.padd-left50{
	padding-left:50%;
}
.padd-right10{
	padding-right:10px;
}
.padd-right20{
	padding-right:20px;
}
.padd-right30{
	padding-right:30px;
}
.padd-right40{
	padding-right:40px;
}
.padd-top5{
	padding-top:5px;
}
.padd-top10{
	padding-top:10px;
}
.padd-top20{
	padding-top:20px;
}
.padd-top25{
	padding-top:25px;
}
.padd-top30{
	padding-top:30px;
}
.padd-top40{
	padding-top:40px;
}
.padd-bottom10{
	padding-bottom:10px;
}
.padd-bottom20{
	padding-bottom:20px;
}
.padd-bottom25{
	padding-bottom:25px;
}
.padd-bottom30{
	padding-bottom:30px;
}
.padd-bottom40{
	padding-bottom:40px;
}

/*文字*/
.fontsize12{
	font-size:12px;
}
.fontsize13{
	font-size:13px;
}
.fontsize14{
	font-size:14px;
}
.fontsize15{
	font-size:15px;
}
.fontsize16{
	font-size:16px;
}
.fontsize17{
	font-size:17px;
}
.fontsize18{
	font-size:18px;
}
.fontsize19{
	font-size:19px;
}
.fontsize20{
	font-size:20px;
}
.fontsize21{
	font-size:21px;
}
.fontsize22{
	font-size:22px;
}
.fontsize23{
	font-size:23px;
}
.fontsize24{
	font-size:24px;
}
.fontsize25{
	font-size:25px;
}
.fontsize26{
	font-size:26px;
}
.fontsize27{
	font-size:27px;
}
.fontsize28{
	font-size:28px;
}
.fontsize29{
	font-size:29px;
}
.fontsize30{
	font-size:30px;
}



/*字高*/
.line-height16{
	line-height:16px;
}
.line-height18{
	line-height:18px;
}
.line-height20{
	line-height:20px;
}
.line-height22{
	line-height:22px;
}
.line-height24{
	line-height:24px;
}
.line-height25{
	line-height:25px;
}
.line-height30{
	line-height:30px;
}
.line-height35{
	line-height:35px;
}
.line-height40{
	line-height:40px;
}
.line-height45{
	line-height:45px;
}
.line-height50{
	line-height:50px;
}
.line-height55{
	line-height:55px;
}
.line-height60{
	line-height:60px;
}

/*文字顏色*/
.fontcolor-red{
	color:#db0000 !important;/*紅色*/
}
.fontcolor-blue{
	color:#1354c0 !important;/*藍色*/
}
.fontcolor-yellow{
	color:#ffd65a !important;/*黃色*/
}
.fontcolor-or{
	color:#f0553b !important;/*橘色*/
}
.fontcolor-green{
	color:#4fb133 !important;/*綠色*/
}
.fontcolor-gray{
	color:#bbb !important;/*灰色*/
}
.fontcolor-gray999{
	color:#999 !important;/*灰色*/
}
.fontcolor-gray444{
	color:#444 !important;/*灰色*/
}
.fontcolor-black{
	color:#000 !important;/*黑色*/
}
.fontcolor-primary{
	color:#0063a7 !important;/*天空藍*/
}
.font-bold{
	font-weight:bold !important;
}
.fontcolor-pink{
	color:#ec6f85 !important;
}
.fontcolor-white{
	color:#fff !important;
}
.fontcolor-fb{
	color:#2a4d87 !important;
}
.fontcolor-tw{
	color:#00d2ff !important;
}


/*底色*/
.bg-or{/*橘*/
	background:#f0553b;
}
.bg-darkblue{/*深藍*/
	background:#0f375e;
}
.bg-powderblue{
	background:#c6dffe;/*淡藍色*/
}
.bg-powderblue-1{
	background:#d9eafa;/*淡藍色*/
}
.bg-darkgray{/*深灰*/
	background:#111;
}
.bg-white{/*白*/
	background:#fff;
}
.bg-pink{
	background:#ec6f85;
}
.bg-grayeee{
	background:#eee;
}
.bg-green{
	background:#44962D;
}
.bg-powdergreen{
	background:#b7f4ef;/*淡綠色*/
}
.bg-powdergreen-1{
	background:#ccf3f0;/*淡綠色*/
}
.bglightyellow{
	background:#fef8ea;/*淺黃色*/
}
.bg-graycec{
	background:#cecece;
}
.bg-grayf5f{
	background:#f5f5f5;
}
.bg-gray999{
	background:#999 !important;
}
.bg-gray666{
	background:#666;
}
.bg-gray555{
	background:#555;
}
.bg-gray444{
	background:#444;
}
.bg-red{
	background:#e23333;
}


/*線*/
.border0{
	border:0 !important;
}
.border1{
	border:1px solid #dbdbdb !important;
}
.border2{
	border:2px solid #dbdbdb;
}
.border3{
	border:3px solid #4FB133;
}
.border-top1{
	border-top:1px solid #dbdbdb;
}

/*文字左中右*/
.align-center{
	text-align:center !important;
}
.align-right{
	text-align:right !important;
}
.align-left{
	text-align:left !important;
}
@media only screen and (max-width: 1100px){
.align-right{
	text-align:left !important;
}

}


/*按鈕*/
.btn {
	padding: 5px 20px;
	position: relative; 
	box-shadow: none; 
	text-shadow: none;
	color: #444;
	cursor:pointer;
	margin:0 6px 0 0;
}
.btn:hover * {
	cursor: pointer;
}
.btn {
	transition:none !important;
}
.btn:hover {
	transition:none !important;
	
}
.btn:focus {
	transition:none !important;
}
.btn-primary {
	background-color: #0063a7;
	color: rgb(255, 255, 255);
	border:1px solid #0063a7;
}
.btn-primary:hover {
	background-color: rgb(50, 118, 177);
	color: rgb(255, 255, 255);
}
.btn-primary:focus {
	background-color: rgb(50, 118, 177);
}
.btn-primary:active {
	background-color: rgb(50, 118, 177);
}
.btn-warning {
	background-color: rgb(255, 210, 2);
}
.btn-warning:hover {
	background-color: rgb(234, 192, 0);
}
.btn-warning:focus {
	background-color: rgb(237, 156, 40);
}
.btn-warning:active {
	background-color: rgb(237, 156, 40);
}
.btn-orange {
	background-color: #ff9600;
	color:#fff;
}
.btn-orange:hover {
	background-color: #ff5a00;
	color:#fff;
}
.btn-orange:focus {
	background-color: #ff5a00;
	color:#fff;
}
.btn-orange:active {
	background-color: #ff5a00;
	color:#fff;
}
.btn-danger {
	background-color: #c63d3d;
	color:#fff;
	border:1px solid #c63d3d;
}
.btn-danger:hover {
	background-color: #d0492a;
	color:#fff;
}
.btn-danger:focus {
	background-color: #d0492a;
}
.btn-danger:active {
	background-color: #d0492a;
}
.btn-danger-1 {/*點選確認後用*/
	background-color: rgb(217, 83, 79);
	color:#fff !important;
	cursor:pointer;
}
.btn-lightdanger {/*淺紅*/
	background-color: rgb(245, 184, 184);
	color:#fff !important;
	cursor:pointer;
}
.btn-lightdanger:hover {
	background-color: rgb(255, 220, 220);
}
.btn-lightdanger:focus {
	background-color: rgb(255, 220, 220);
}
.btn-lightdanger:active {
	background-color: rgb(255, 220, 220);
}
.btn-darkdanger {/*深紅*/
	background-color: rgb(145, 25, 20);
}
.btn-darkdanger:hover {
	background-color: rgb(100, 20, 15);
}
.btn-darkdanger:focus {
	background-color: rgb(100, 20, 15);
}
.btn-darkdanger:active {
	background-color: rgb(100, 20, 15);
}
.btn-success {
	background-color: #4FB133;
	border:1px solid #4FB133;
	color: rgb(255, 255, 255);
}
.btn-success:hover {
	background-color: #378621;
	color: rgb(255, 255, 255);
}
.btn-success:focus {
	background-color: #378621;
	color: rgb(255, 255, 255);
}
.btn-success:active {
	background-color: #378621;
	color: rgb(255, 255, 255);
}
.btn-success-1 {/*點選確認後用*/
	background-color: rgb(71, 164, 71);
	color:#fff !important;
	cursor:pointer;
}
.btn-lightsuccess {/*淺綠*/
	background-color: rgb(190, 255, 190);
	color:#fff !important;
	cursor:pointer;
}
.btn-lightsuccess:hover {
	background-color: rgb(220, 255, 220);
}
.btn-lightsuccess:focus {
	background-color: rgb(220, 255, 220);
}
.btn-lightsuccess:active {
	background-color: rgb(220, 255, 220);
}
.btn-darksuccess {/*深綠*/
	background-color: rgb(25, 120, 25);
}
.btn-darksuccess:hover {
	background-color: rgb(10, 70, 10);
}
.btn-darksuccess:focus {
	background-color: rgb(10, 70, 10);
}
.btn-darksuccess:active {
	background-color: rgb(10, 70, 10);
}
.btn-info {
	background-color: rgb(91, 192, 222);
}
.btn-info:hover {
	background-color: rgb(57, 179, 215);
}
.btn-info:focus {
	background-color: rgb(57, 179, 215);
}
.btn-info:active {
	background-color: rgb(57, 179, 215);
}
.btn-gray {/*淺灰*/
	background-color: rgb(227, 227, 227);
	color:#6d6d6d;
	border:1px solid #909090;
}
.btn-gray:hover {
	background-color: rgb(183, 183, 183);
	color:#494949;
}
.btn-gray:focus {
	background-color: rgb(183, 183, 183);
	color:#494949;
}
.btn-gray:active {
	background-color: rgb(183, 183, 183);
	color:#494949;
}
.btn-slateblue {/*帶藍的灰*/
	background: #404344;
}
.btn-slateblue:hover {
	background-color: #36393A;
}
.btn-slateblue:focus {
	background-color: #36393A;
}
.btn-slateblue:active {
	background-color: #36393A;
}
.btn-darkgray {/*深灰*/
	background-color: #444;
	color:#fff;
	border:1px solid #444;
}
.btn-darkgray:hover {
	background-color: #000;
	color:#fff;
}
.btn-darkgray:focus {
	background-color: #444;
}
.btn-darkgray:active {
	background-color: #444;
}
.btn-pink{
	background:#ec6f85;
	color: rgb(255, 255, 255);
}
.btn-pink:hover{
	background:#d33a55;
	color: rgb(255, 255, 255);
}
.btn-pink:focus{
	background:#d33a55;
	color: rgb(255, 255, 255);
}
.btn-pink:active{
	background:#d33a55;
	color: rgb(255, 255, 255);
}
.btn-fb{
	background:#3a5795;
	color: rgb(255, 255, 255);
}
.btn-fb:hover{
	background:#5370ae;
	color: rgb(255, 255, 255);
}
.btn-fb:focus{
	background:#5370ae;
	color: rgb(255, 255, 255);
}
.btn-fb:active{
	background:#5370ae;
	color: rgb(255, 255, 255);
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}