@charset "utf-8";
/*CSS Document */
 /*@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);*/
body {
	background-image: url(../images/bg.jpg);
	background-size: 10% auto;
	background-repeat: repeat;
	font-family: 'cwTeXHei', sans-serif;
}
.form-control{ margin-bottom:5px;}
.menunav {
	background-color: #FFF;
}

.menunav .menunav_width {
	max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
}
.logo {
	width: 30vw;
	height: auto;
	max-width: 290px;
	min-width: 240px;
	padding-left: 1%
}
.logo2 {
	width: 30vw;
	height: auto;
	max-width: 354px;
	min-width: 300px;
	padding-left: 1%
}

/*投票區*/
.vote {
	max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
	
}
.vote .vote_box {
	background-color: #FFF;
	-moz-box-shadow: 0 0 8px #666;
	box-shadow: 0 0 8px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 10px 10px 10px;margin-bottom:20px;
}
.vote .vote_box h3{ font-size:1.5em; color:#d24372; line-height:0.5em}
.vote .vote_box .name{ font-size:1.5em; color:#525252;}
.vote .vote_box .name .markA{ margin-left:5px;margin-right:5px;}
.vote .vote_box p{font-size:1.1em; color:#797979;}
.vote .vote_box .recommend{font-size:1.3em; color:#525252;}
.vote .vote_box .recommend .Attractions{}
img.photo{ max-width:600px; height:auto; width:100%}
.vote .vote_box .Features{ margin-top:4%;}
.vote .vote_box .Features .Quantity{ background-color:#e6e6e5; min-height:90px;-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
 color:#d24372; text-align:center; padding-top:15%; font-size:16px;}

.vote .vote_box .Features .VIDEO{background-color:#d24472;min-height:90px;-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
 color:#FFF; text-align:center; padding-top:10%; font-size:16px;
}
.vote .vote_box .Features a:hover .VIDEO{background-color:#ff8814;}
.vote .vote_box .Features .VIDEO .glyphicon{ font-size:35px;}

.vote .vote_box .Features .Put_in{ background-color:#459a37;min-height:90px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; text-align:center;
 color:#FFF; text-align:center;font-size:16px;
}
.vote .vote_box .Features a:hover .Put_in{background-color:#1e5415;}
.vote .vote_box .Share_personal{ padding-top:3%;}
.fb_Share_web{
	max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	padding: 20px 0px 5px 0px;
}
/*標題語介紹*/
.titleA{max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;}
	
.titleA h2{
	color: #2d883a;
	font-size: 3.5em;
	line-height: 45px;
}

.titleA p{color:#000; font-size:1.3em; line-height:35px;}
.Sequence{max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
	padding-bottom:20px;}
	
.banner{position:relative;}	
.copyright{
	background-image: url(../images/footer_bgg.png);
	background-repeat: repeat;
	height:160px; width:100%;
	color:#FFF; text-align:center; margin-top:10px;
	}
.copyright p{ padding-top:100px;}
.footer{ background-color:#515252; padding-bottom:2%;}
.footer .footer_con{	max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;
	color:#FFF;
	}
.footer .footer_con p{ padding-top:25px;}
/*活動辦法*/
.Method{max-width: 1280px;
	min-width: 300px;
	width: 100%;
	margin: 0 auto;}
	
.Method h2{ font-size:22px; color:#f95b20; line-height:20px;}
.Method h3{font-size:20px; color:#00F; line-height:13px;}
.Method p{font-size:18px; color:#333; line-height:28px; padding-bottom:5px;}
.Method ul.Little{ padding-top:0px; padding-bottom:10px; color:#666;}
.Method ul.Little li{font-size:18px; list-style:none; line-height:30px;}
.Method ul.Numerous{ padding-top:0px; padding-bottom:10px; color:#666;}
.Method ul.Numerous li{font-size:18px; list-style:square; line-height:30px; padding-bottom:10px;}
.Method .Breakdown{ padding-left:20px; margin-left:20px;}
/*獎項的表格*/
.Method .Awards .table-bordered{font-size:18px; text-align:center; background-color:#FFF;}
.Method .Awards .table-bordered tr {}
.Method .Awards .table-bordered tr th{text-align:center; background-color:#F60;color:#FFF; font-weight:normal;}
.Method .Awards .table-bordered tr td{}
.Method .Awards .REDTXT{font-size:18px; color:#F00;}

/*評選標準的表格*/
.Method .Choose .table-bordered{font-size:18px; text-align:center; background-color:#FFF;}
.Method .Choose .table-bordered tr {}
.Method .Choose .table-bordered tr th{text-align:center; background-color:#F60;color:#FFF; font-weight:normal;}
.Method .Choose .table-bordered tr td{}
.Method .Choose .table-bordered tr td.OTT{ text-align:left;}
.Method .Choose .REDTXT{font-size:18px; color:#F00;}

/*活動時程的表格*/
.Method .datatime .table-bordered{font-size:18px; text-align:center; background-color:#FFF;}
.Method .datatime .table-bordered tr {}
.Method .datatime .table-bordered tr th{text-align:center; background-color:#F60;color:#FFF; font-weight:normal;}
.Method .datatime .table-bordered tr td{}
.Method .datatime .table-bordered tr td.OTT{ text-align:left;}
.Method .datatime .REDTXT{font-size:18px; color:#F00;}
/*	↓↓↓↓	螢幕尺寸大於960時頁面顯示效果↓↓↓↓	 */
@media (min-width: 960px) {
/*BANNER-紅色*/
.banner img.red{
width:12vw;
height: auto;
position: absolute;
z-index:19;
display: block;
top:39%;
left:22%;
max-width: 241px;
animation-delay: 0.1s;
-webkit-animation-delay:0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
        }

/*BANNER背景*/
.banner img.bannerimgbgg{
	width:100%;
	height: auto;
	display: block;
	max-width: 1920px;
}
/*BANNER背景*/
.banner img.bannerimgbgg2{
	display: none;
}
/*BANNER臺中英語觀光大使*/
.banner img.bannerimg001{
	width:30vw;
	height: auto;
	position: absolute;
	z-index: 10;
	display: block;
	top:0%;
	left:16%;
	max-width: 700px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}
/*BANNER獎金10萬*/
.banner img.bannerimg002{
	width:30vw;
	height:auto;
	position:absolute;
	z-index:9;
	display:block;
	top:12%;
	left:15.5%;
	max-width:585px;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;}
/*BANNER你實在愛台中麻*/
.banner img.bannerimg003{
width:25vw;
	height: auto;
	position: absolute;
	z-index: 10;
	display: block;
	top:28%;
	left:18%;
	max-width: 445px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;	
	}
/*BANNER橘色區塊*/
.banner img.bannerimg004{
width:100%;
	height: auto;
	position: absolute;
	z-index:20;
	display: block;
	top: 81%;
	left: 0%;
	max-width: 1920px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	}
.banner img.bannerimg004_1{
	display: none;

	}
/*BANNER人物*/
.banner img.bannerimg005{
width:55vw;
	height: auto;
	position: absolute;
	z-index:18;
	display: block;
	top:10%;
	right:4%;
	max-width: 1035px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	}




.navbar-default .navbar-nav>li>a {
	font-size: 1.5em;
	line-height: 65px;
	padding-left: 50px;
	
}
.vote .vote_box .Features .Put_in{ margin-left:10px;padding-top:10%;}
.titleA{ text-align:left;}
.footer .footer_con{text-align:left;}
.footer .footer_con .mark2{margin-top:50px; display:block; width:100%}

}
/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 481 < x <960 時,顯示效果 ↓↓↓↓  */
@media (min-width: 481px) and (max-width:960px) {
    /*BANNER-紅色*/
.banner img.red{
width:20vw;
height: auto;
position: absolute;
z-index:19;
display: block;
top:68%;
left:18%;
max-width: 241px;
animation-delay: 0.1s;
-webkit-animation-delay:0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
        }

.navbar-default .navbar-nav>li>a {
	font-size: 1.1em;
	line-height: 30px;
	border-bottom: 1px #CCC solid;
}
.vote .vote_box .Features .Put_in{ margin-top:10px;padding-top:5%;}
.titleA{ text-align: left;}


/*BANNER背景*/
.banner img.bannerimgbgg{
	display: none;
}
/*BANNER背景*/
.banner img.bannerimgbgg2{
	width:100%;
	height: auto;
	display: block;
	max-width: 960px;}
	

/*BANNER臺中英語觀光大使*/
.banner img.bannerimg001{
	width:60vw;
	height: auto;
	position: absolute;
	z-index: 10;
	display: block;
	top:3%;
	left:23%;
	max-width: 700px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}
/*BANNER獎金10萬*/
.banner img.bannerimg002{
	width:50vw;
	height:auto;
	position:absolute;
	z-index:9;
	display:block;
	top:14%;
	left:25%;
	max-width:585px;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;}
/*BANNER你實在愛台中麻*/
.banner img.bannerimg003{
width:45vw;
	height: auto;
	position: absolute;
	z-index: 10;
	display: block;
	top:25%;
	left:27%;
	max-width: 445px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;	
	}
/*BANNER橘色區塊*/
.banner img.bannerimg004{
	display: none;


	}
.banner img.bannerimg004_1{
width:100%;
	height: auto;
	position: absolute;
	z-index:20;
	display: block;
	top: 91%;
	left: 0%;
	max-width: 970px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	}
	
/*BANNER人物*/
.banner img.bannerimg005{
width:90vw;
	height: auto;
	position: absolute;
	z-index:18;
	display: block;
	top:41%;
	right:4%;
	max-width: 1035px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	}
.footer .footer_con{text-align:center;}
.footer .footer_con .mark2{ display:none;}
}

/*========================================================*/
@media only screen and (max-width: 1280px) {
}
/*↓↓↓↓ *螢幕尺寸【大於於】768時頁面顯示效果	↓↓↓↓ */
@media (max-width: 768px) {
}

/*↓↓↓↓ 	螢幕尺寸【大於】481時頁面顯示效果	↓↓↓↓ */
@media (min-width: 481px) {
}


/*↓↓↓↓ 	螢幕尺寸【小於】480時頁面顯示效果	↓↓↓↓ */
@media (max-width: 480px) {
.navbar-default .navbar-nav>li>a {
	font-size: 1em;
	line-height: 25px;
	border-bottom: 1px #CCC solid;
	
}
.vote .vote_box .Features .Put_in{ margin-top:10px;padding-top:5%;}
.titleA{ text-align: center;}
/*BANNER背景*/
.banner img.bannerimgbgg{
	display: none;
}
/*BANNER背景*/
.banner img.bannerimgbgg2{
	width:100%;
	height: auto;
	display: block;
	max-width: 960px;}
	

/*BANNER臺中英語觀光大使*/
.banner img.bannerimg001{
	width:80vw;
	height: auto;
	position: absolute;
	z-index: 10;
	display: block;
	top:1%;
	left:10%;
	max-width: 700px;
	animation-delay: 0.1s;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}
/*BANNER獎金10萬*/
.banner img.bannerimg002{
	width:60vw;
	height:auto;
	position:absolute;
	z-index:9;
	display:block;
	top: 14%;
	left:18%;
	max-width:585px;
	-webkit-animation-delay:0.1s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	}
/*BANNER你實在愛台中麻*/
.banner img.bannerimg003{width: 69vw;height: auto;position: absolute;z-index: 10;display: block;top: 27%;left: 15%;max-width: 445px;animation-delay: 0.1s;-webkit-animation-delay:0.1s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
/*BANNER橘色區塊*/
.banner img.bannerimg004{
	display: none;

	}
.banner img.bannerimg004_1{width:100%;height: auto;position: absolute;z-index:20;display: block;top: 91%;left: 0%;max-width: 970px;animation-delay: 0.1s;-webkit-animation-delay:0.1s;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}
	
/*BANNER人物*/
.banner img.bannerimg005{width: 87vw;height: auto;position: absolute;z-index:18;display: block;top: 40%;right: 5%;max-width: 1035px;animation-delay: 0.1s;-webkit-animation-delay:0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;}
.footer .footer_con{text-align:center;}
.footer .footer_con .mark2{ display:none;}
 /*BANNER-紅色*/
.banner img.red{width: 24vw;height: auto;position: absolute;z-index:19;display: block;top:68%;left: 12%;max-width: 241px;animation-delay: 0.1s;-webkit-animation-delay:0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;}
}

/*↓↓↓↓ 螢幕尺寸【大於】1024時頁面顯示效果	↓↓↓↓ */
@media (min-width:1024px) {
}

/*	↓↓↓↓ 螢幕尺寸【小於】1024時頁面顯示效果	↓↓↓↓ */
@media (max-width: 1023px) {
}