﻿@charset "utf-8";
/* CSS Document */
body {
	background-repeat: repeat;
	font-family: "Microsoft YaHei" ! important; 
}


/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.move {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.move2{-webkit-transition: all 0.2s;
    
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;}
/*BOOTSTRAP修正用*/
#farmer_wrapper .row{ margin-left:0px; margin-right: 0px;}
#farmer_wrapper .form-horizontal600{ max-width:900px; height:auto; display:block; margin:0 auto; font-size:16px;}
#farmer_wrapper .help-block{ text-align: left;}
.applytime{padding-left: 11%;}
.selecttime{padding-right: 11%;}
/*選單*/
#farmer_wrapper .navbar-default{background-color:#FFF;border:none;font-size: 17px;}
#farmer_wrapper .navbar{ margin-bottom:0px;}
.logo{margin: 25px 0 10px 0; }
/*BANNER*/
.banner{ position:relative; overflow:hidden;}
img.banner001, img.banner002, img.banner005, img.banner006, img.banner003_1, img.banner004_1, img.banner001_1, img.banner002_1, img.banner003_2, img.banner004_2, img.banner005_1, img.banner006_1, img.banner007_1{position:absolute;}
img.banner001{-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */ animation-delay: 0s;}
img.banner002{-webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */ animation-delay:0.3s;}
img.banner005{-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
img.banner006{-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
img.banner003_1{-webkit-animation-delay: 0.7s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
img.banner004_1{-webkit-animation-delay: 0.7s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
/*BANNER內頁用*/
img.banner001_1{-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */ animation-delay: 0s;}
img.banner002_1{-webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */ animation-delay:0.3s;}
img.banner003_2{-webkit-animation-delay: 0.7s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
img.banner004_2{-webkit-animation-delay: 0.7s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
img.banner005_1{-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}
img.banner006_1{-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */ animation-delay:0.6s;}





/*內容框架*/
.content{ background-color:#f8eacb}
.BRR{ height:0px;/*斷行工具*/}
.imgBOX{ display:block; position:relative;}
img.pic{ max-width:300px; width:100%; height:auto; margin:20px auto;display:block;/*PIC通用*/}
/*網站標題*/
.title{ background-image:url(../images/titleimg.png); background-repeat:no-repeat; text-align:left; display:block; max-width:400px; height:86px; width:100%; margin-bottom:15px;}
.title h2{ margin-left:120px; line-height:80px; font-size:35px; color:#0f6232; font-style:italic;font-weight: bold;margin-top: 20px;}
/*橘底報名*/
.Sign{ background-color:#f0533b; padding-top:15px; padding-bottom:15px;}

.participate_Button {
	width:200px; height:auto;
margin:0 auto; text-align:center;
	background-color:#fee500;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	display:block;
	cursor:pointer;
	color:#5a2d1d;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	padding:8px 24px;
	text-decoration:none;
	font-family:"微軟正黑體";
}
.participate_Button:hover {
	background-color:#5a2d1d;text-decoration:none;
	color:#FFF;
}
.participate_Button:active {
	position:relative;text-decoration:none;
	
	top:1px;
}
.Sign h2, .Sign h3{ margin-top:8px; margin-bottom:8px; line-height:28px;}
.Sign h2{font-style:italic;font-weight:bold; color:#FFF;}
.Sign h3{font-weight:bold; color:#fee500;}
/*我要投票*/
.search{padding-bottom:15px;}
.search .form-control{margin-bottom:5px;}
.stand{ text-align:center; padding-top:15px; padding-bottom:15px;}
.stand_block{ background-color:#e3d5b6; border:1px #d1c0a5 solid;padding:10px; text-align:left; margin-bottom:30px;}
.stand_block .Numbering{ font-size:17px; color:#0f6232;}
.stand_block h2{margin-top:5px; margin-bottom:5px;font-size:20px; color:#bd4832; font-weight: bold;}
.stand_block p{ font-size:15px;width: auto; height:115px; min-height:100px; max-height:180px;}
.stand_block .TXT{font-size:16px;min-height:40px; max-height:40px;display: block; font-weight: bold;}
.stand_block .people{ background-color:#bd4832;padding:15px; text-align:center;font-size:17px; color:#FFF;font-weight: normal;}
.stand_block .people .digital{ font-weight: bold; font-size:22PX; color:#f7e967;vertical-align: middle;}
/*分享按鈕*/
.fb_Share_web{
	max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	padding: 20px 0px 5px 0px;
}
.vote_Button {
	background-color:#588f27;
	display: block;
	color:#f7e967;
	font-size:17px;
	padding:15px;
	text-decoration:none; margin-top:10px; text-align:center; font-weight: bold;
}
.vote_Button:hover {
	background-color:#376112;text-decoration:none;color:#f7e967;
}
.vote_Button:active {
	position:relative;text-decoration:none;
}

/*活動辦法*/
.Method{ padding-top:15px; padding-bottom:15px;}
.Method h2{ font-size:17px; line-height:24px; padding-bottom:35px;}
.Method h2 .important{ font-weight:bold; font-size:20px; }
.Method h3{ background-image:url(../images/award.png); background-repeat:no-repeat; line-height:40px;margin-top:0px; margin-bottom:0px; padding-left:40px; color:#983f1e; margin-top:35px;margin-bottom: 10px;}
.Method h4{font-weight: bold;margin: 20px 0 12px 0;}
.Method p{ font-size:16px; line-height:22px;}
.Method .Remark{font-size:14px; color:#F00; line-height:22px;}
/*TABLE*/
.Method .table-bordered{font-size:16px; text-align:center; background-color:#FFF;margin-bottom:5px;}
.Method .table-bordered tr {}
.Method .table-bordered tr th{text-align:center; background-color:#f06060;color:#FFF; font-weight:normal;}
.Method .table-bordered tr td{}
.Method .REDTXT{font-size:20px; color:#F00; font-weight: bold;}
.Method .table-bordered tr:nth-child(even) {background: #CCC}
.Method .table-bordered tr:nth-child(odd) {background: #FFF}
.Method ul.Numerous{ padding-top:0px; padding-bottom:10px; color:#666;}
.Method ul.Numerous li{font-size:16px; list-style:square; line-height:30px; padding-bottom:10px;}
.Method .prize{vertical-align:middle;}

/*我要報名*/
.participate{ padding-top:15px; padding-bottom:15px;}
.participate p{ text-align:center;}
.RED{ color:#F00;}
.PHOTOTXT{ font-size:14px;}
/*Privacy*/
.Privacy{}
.Privacy h3{ text-align:center; font-size:20px; font-weight:bold; color:#FFF; background-color:#106634; line-height:35px;}
.CONN{ text-align:center;}
.form-control_H{ line-height:28px;}
/*FOOTER*/
.footer{ background-color:#794e29; text-align:center; padding-bottom:15px;}
.footer ul{ padding-top:15px; max-width:500px; display:block; height:auto; margin:0 auto;}
.footer li{ float:left; list-style:none; padding-left:10px; padding-right:10px; font-size:16px;color:#ffff9d}
.footer li a{ text-decoration:none;color:#ffff9d}
.footer li a:hover{ text-decoration:none;color:#fff}
.footer h3{ color:#FFF; font-size:14px;line-height:20px; clear:both; }
.footer_TOP{background-color:#f8eacb; background-image:url(../images/footerimg.png); min-height:60px; max-height:60px; width:100%}
/*	↓↓↓↓	螢幕尺寸大於960時頁面顯示效果↓↓↓↓	 */
@media (min-width:900px) {
.BRR{ display:none;/*斷行工具*/}
/*選單*/
#farmer_wrapper .navbar-nav>li>a{ margin-top:30px;}
/*banner*/
img.banner_big{	width: 100%;height: auto; display:block;}
img.banner_min{ display:none;}

img.banner001{display: block;top: 10%;left: 29%;z-index:1;max-width:1120px;height:auto;width: 58vw;}
img.banner002{display: block;bottom: 5%;left: 32%;z-index: 6;max-width:354px;height:auto;width: 18vw;}
img.banner003_1{display: block;top: 1%;right: 56.12%;z-index: 2;max-width:587px;height:auto;width: 29vw;}
img.banner004_1{display: block;top: 47%;right: 30%;z-index: 2;max-width:463px;height:auto;width: 20vw;}
img.banner005{display: block;bottom: 5%;right: 13%;z-index: 2;max-width:373px;height:auto;width: 18vw;}
img.banner006{display: block;top: 19%;right: 21%;z-index: 2;max-width:244px;height:auto;width: 11vw;}



/*BANNER內頁用*/
img.banner001_1{display: block;top: 10%;left: 29%;z-index:1;max-width:1120px;height:auto;width: 58vw;}
img.banner002_1{display: block;bottom: 5%;left: 34%;z-index: 6;max-width:1215px;height:auto;width: 18vw;}
img.banner003_2{display: block;top: 1%;right: 56.1%;z-index: 6;max-width: 587px;height:auto;width: 29vw;}
img.banner004_2{display: block;bottom: 40%;right: 28%;z-index: 6;max-width: 463px;height:auto;width: 20vw;}
img.banner005_1{display: block;bottom: 5%;right: 9%;z-index: 2;max-width:373px;height:auto;width: 18vw;}
img.banner006_1{display: block;top: 19%;right: 18%;z-index: 2;max-width:340px;height:auto;width: 12vw;}


/*綠底報名*/
.participate_Button{ margin-top:25px;}
.Sign h2{ font-size:20px;}
.Sign h3{ font-size:20px;}

}
/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
@media (min-width: 280px) and (max-width:959px) {
.BRR{ display: block;/*斷行工具*/}
/*選單*/
#farmer_wrapper .navbar-nav>li{ border-bottom: #E6E6E6 1px solid}
#farmer_wrapper .navbar-nav>li>a{ margin-top:0px;}

/*BANNER*/
img.banner_big{	display:none;}
img.banner_min{ width: 100%;max-width:960px;min-width:280px;height: auto; display:block;}
img.banner001{display: block;top: 24%;left: -7%;z-index:1;max-width:1120px;height:auto;width: 115vw;}
img.banner002{display: block;bottom: 3.8%;left: -3%;z-index: 6;max-width:354px;height:auto;width: 38vw;}
img.banner003_1{display: block;top: 1%;left: 18%;z-index: 2;max-width:587px;height:auto;width: 55vw;}
img.banner004_1{display: block;top: 47.5%;left: 19%;z-index: 5;max-width: 463px;height:auto;width: 46vw;}
img.banner005{display: block;bottom: 3.8%;right: -3%;z-index: 6;max-width:373px;height:auto;width: 38vw;}
img.banner006{display: block;top: 42%;right: 10%;z-index: 6;max-width:244px;height:auto;width: 21vw;}


/*BANNER內頁用*/
img.banner001_1{display: block;top: 24%;left: -7%;z-index:1;max-width:1120px;height:auto;width: 115vw;}
img.banner002_1{display: block;bottom: 3.8%;left: -3%;z-index: 6;max-width:354px;height:auto;width: 38vw;}
img.banner003_2{display: block;top: 1%;left: 18%;z-index: 2;max-width:587px;height:auto;width: 55vw;}
img.banner004_2{display: block;top: 47.5%;left: 19%;z-index: 5;max-width: 463px;height:auto;width: 46vw;}
img.banner005_1{display: block;bottom: 3.8%;right: -3%;z-index: 6;max-width:373px;height:auto;width: 38vw;}
img.banner006_1{display: block;bottom: 44%;right: 9%;z-index: 6;max-width:244px;height:auto;width: 23vw;}



/*橘底報名*/
.Sign h2{ font-size:17px;}
.Sign h3{ font-size:17px;}

/*我要投票*/
.stand_block h2{margin-top:5px; margin-bottom:5px;font-size:15px; color:#bd4832; font-weight: bold;}
.stand_block p{ font-size:15px;width: auto; height:150px; min-height:100px; max-height:180px;}
/*FOOTER*/
.footer li{ text-align:center; float:none; }


        /*	↓↓↓↓	螢幕尺寸大於960時頁面顯示效果↓↓↓↓	 */

    }

/*========================================================*/
@media only screen and (max-width: 1280px) {

}
/*↓↓↓↓ *螢幕尺寸【大於於】768時頁面顯示效果	↓↓↓↓ */
@media (max-width: 768px) {

}

/*↓↓↓↓ 	螢幕尺寸【大於】481時頁面顯示效果	↓↓↓↓ */
@media (min-width: 481px) {
}


/*↓↓↓↓ 	螢幕尺寸【小於】480時頁面顯示效果	↓↓↓↓ */
@media (max-width: 480px) {
}

/*↓↓↓↓ 螢幕尺寸【大於】1024時頁面顯示效果	↓↓↓↓ */
@media (min-width:1024px) {
}

/*	↓↓↓↓ 螢幕尺寸【小於】1024時頁面顯示效果	↓↓↓↓ */
@media (max-width: 1023px) {
}

@media only screen and (max-width: 1280px) {


}