@charset "utf-8";
/********************************************************************************************************************************************************************/
/*font*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

/********************************************************************************************************************************************************************/
/*float_banner*/
#float_banner{ display: block; width: 120px; height: 120px;  position: absolute; z-index: 999; }
#float_banner img{ width: 100%;}


/*head*/
.head_full{overflow: hidden; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; background: #fff;}
.head_center{width: 1100px; height: 100px; margin: 0 auto; overflow: hidden; position: relative;}
.head_logo{ float: left; margin:31px 0 0 50px; display: block;}

.menu_group{ position: absolute; right: 90px; top: 52px;}
.menu_group li{ display: inline-block; float: left; margin-right: 10px; }
.menu_group li a{ color: #5463a3; display: block; padding: 5px 15px;}
.menu_group .current a {background: #5463a3; color: #fff;}

.icon_share_fb{ position: absolute;  width: 25px; height: 25px; top: 54px; right: 50px;}

#fb_group{ position: absolute; right: 50px; top: 10px; overflow: hidden; }
#fb_group li{ float: left; display: inline-table; font-size: 13px; margin-left: 15px; line-height: 23px;}
#fb_group li a{ text-decoration: none; color: #666;}
#fb_group li a:hover{ color: #dd2052;}



/*kv*/
.kv_full{overflow: hidden; width: 100%;  position: relative; background: url(../image/kv_bg_cloud.jpg) center 100px no-repeat; }
.kv_center{width: 1100px; height: 600px; margin: 100px auto 50px auto; text-align: center; color: #fff; position: relative;}
.kv_center .kv_title{ overflow: hidden; position: absolute; top: 20px; left: 0px;}
.kv_center .kv_a350{ position: absolute; top: 220px; left: 75px;}
/* .kv_center .kv_btn_vote{ position: absolute; top: 390px; right: 120px; cursor: pointer;} */
.kv_center .kv_btn_vote{ position: absolute; top: 500px; right: 130px; cursor: pointer;}



/*info*/
.info_full{overflow: hidden; width: 100%;  position: relative; }
.info_center{width: 1100px; margin: 30px auto 60px auto; overflow: hidden; }
.info_center h2{ margin: 0 50px 20px 50px; text-align: center; color: #5463a3; font-size: 40px;}
.info_center h3{ margin: 0 50px 20px 50px; text-align: center; color: #5463a3; font-size: 22px;}
.info_center p{ margin: 0 50px 20px 50px; text-align: justify; color: #666; font-size: 16px; line-height: 24px;}
.info_center .btn_profile{ display: block; width: 150px; background: #5463a3; font-size: 20px; color: #fff; padding: 5px 10px 6px 10px; margin: 10px auto 0 auto; border-radius: 20px; text-align: center;}


/*plan*/
.plan_full{overflow: hidden; width: 100%;  position: relative; background: #f1f5ff; }
.plan_center{width: 1000px; margin: 80px auto; overflow: hidden; }
.plan_center h2{ margin: 0 50px 20px 50px; text-align: center; color: #5463a3; font-size: 40px;}
.plan_center .plan_btn_list{ margin: 0 0px 20px 0px; text-align: center; color: #666; font-size: 16px; line-height: 24px;}
.plan_center .plan_btn_list .btn_notice{ text-decoration: underline; color: #5463a3; margin: 0 10px;}
.plan{ width: 450px; height: 205px; padding: 20px; background: #5463a3; text-align: center; color: #fff;}
.plan h4{ font-size: 26px; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 10px;}
.plan p{ text-align: justify; color: #fff; font-size: 16px; line-height: 24px;}
.plan1{float: left;  -moz-border-radius: 20px 0px 0px 20px; -webkit-border-radius: 20px 0px 0px 20px; border-radius: 20px 0px 0px 20px;}
.plan2{float: right; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;}

/*vote*/
.vote_full{overflow: hidden; width: 100%;  position: relative; background: #fff; }
.vote_center{width: 1100px; margin: 80px auto; overflow: hidden; position: relative;}
.vote_center h2{ margin: 0 50px 20px 50px; text-align: center; color: #5463a3; font-size: 40px;}
.vote_center h3{ margin: 0 50px 30px 50px; text-align: center; color: #5463a3; font-size: 18px;}

.plus_text{ text-align: center; background: #5463a3; color: #fff; padding: 10px 20px; margin: 0 auto 30px auto; width: 620px; font-size: 18px; -moz-border-radius: 20px 0px; -webkit-border-radius: 20px 0px 20px 0px; border-radius: 20px 0px;}
.plus_text .num{ font-size: 36px; font-family: 'Oswald', sans-serif; font-weight: 300; }
.plus_text .bigfont{ font-size: 36px; font-weight: bold;}

.must_3vote{ background: #E9EAED; width: 100%; overflow: hidden; margin-bottom: 30px; z-index: 10; -moz-border-radius: 0px 0px 30px 30px;-webkit-border-radius: 0px 0px 30px 30px;border-radius: 0px 0px 30px 30px;}
.must_3vote p{text-align: center; margin: 10px 0 15px 0; font-size: 18px;}
.must_3vote p span{ font-size: 40px; color: #e50049; margin: 0 5px;}

.vote_list{overflow: hidden; margin: 50px 0 0 50px;}
.vote_list li{ display: inline-block; float: left; width: 1000px; margin:0 0px 70px 0px; padding-bottom: 100px; text-align: center; border-bottom: 2px dashed #999; position: relative;}
.vote_list li:last-child { margin:0 0px 0px 0px; border-bottom: 0px dashed #999;}
.vote_list li .fonts_img{ position: absolute; top: 10px; left: 20px;}
.vote_list li .airplane_img{}
.vote_list li .fonts_name{ position: absolute; left: 30px; bottom: 50px; color: #666; font-size: 18px;}
.vote_list li .vote_nmu{ position: absolute; bottom: 40px; right: 130px; color: #324272; font-size: 20px;}
.vote_list li .vote_nmu span{ font-size: 50px; font-family: 'Oswald', sans-serif; font-weight: 300; }
.vote_list li .btn_vote{ position: absolute; right: 10px; bottom: 50px; width: 100px; height: 100px;}
.vote_list li .btn_vote img{ width: 100%;}








/*award*/
.award_full{overflow: hidden; width: 100%;  position: relative; background: #f1f5ff; }
.award_center{width: 1000px; margin: 80px auto; overflow: hidden; }
.award_center h2{ margin: 0 50px 20px 50px; text-align: center; color: #5463a3; font-size: 40px;}
.award_center p{ margin: 0 0px 20px 0px; text-align: center; color: #666; font-size: 16px; line-height: 24px;}

/*award*/
.award_h3{ margin-bottom: 5px; text-align: center; color: #e50049;}
table.award_table { display: table; width: 100%; font-size:14px; border-collapse: collapse; border: solid 0px #CCC;}
table.award_table th { color:#fff; padding:15px  10px; border-bottom: solid 1px #fff; border: solid 1px #5463a3;  background-color:#5463a3; text-align:center;}
table.award_table th:first-child {border-left: solid 1px #5463a3;}
table.award_table td { color:#666; padding: 15px 10px;  border-bottom: dashed 1px #CCC;  /* border-right: solid 1px #fff; */ background-color: #ffffff; text-align:center;}
table.award_table td:first-child {/* border-left: solid 1px #fff; */ }


/*footer*/
.footer_full{overflow: hidden; width: 100%; height: 40px; background: #ccc;}
.footer_center{width: 1100px; line-height: 40px; margin: 0 auto; overflow: hidden; text-align: center; color: #666; font-size: 12px;}













/********************************************************************************************************************************************************************/
/*fancybox*/
#plan{ width: 840px; padding: 30px; background: #fff;}
#plan h4{ font-size: 24px; margin-bottom: 10px;}

#award{ width: 840px; padding: 30px; background: #fff;}
#award h4{ font-size: 24px; margin-bottom: 10px;}


/*vote_form*/
#vote_form{ width: auto; padding: 40px; background: #fff;}
#vote_form h2{ margin-bottom: 20px;  color: #5463a3; font-size: 30px; text-align: center;}
#vote_form .form{width: 550px; margin: 0 auto;}
#vote_form td{ padding: 5px 0px;}
#vote_form .td_right{ width: 70px; line-height: 44px; text-align: right; vertical-align: top;}
#vote_form input,#vote_form select{color: #000; font-size: 16px; width: 100%; background-color:#E2E9F9; border: 2px solid #E2E9F9; padding: 0px 10px; outline: none;  height: 34px;line-height: 34px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;  box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
#vote_form select,#city_zip{ margin-right: 10px; width: 140px !important;}
#vote_form .agree_text{ font-size: 14px; /* line-height: 40px; */}
#vote_form .agree_text a{color: #5463a3;}
#vote_form .check{width: 20px; float: left; }
.form_btn{text-align: center; overflow: hidden;}
.btn_close{ display:inline-block; background: #999; padding: 10px 15px; font-size: 16px; color: #fff; border: 0px; outline: none; cursor: pointer; margin: 20px 10px 0 auto; text-decoration: none; text-align: center;}
.btn_close:hover{background: #666;}
.btn_submit_share{ display:inline-block; background: #5463a3; padding: 10px 15px; font-size: 16px; color: #fff; border: 0px; outline: none; cursor: pointer; margin: 20px auto 0 auto; text-decoration: none; text-align: center;}
.btn_submit_share:hover{background: #e50049;}

/*vote_tks*/
#vote_tks{ width: auto; padding: 40px; background: #fff;}
#vote_tks h2{ margin-bottom: 20px;  color: #5463a3; font-size: 30px; text-align: center;}
#vote_tks p{ margin: 0 0px 20px 0px; text-align: center; color: #666; font-size: 16px; line-height: 24px;}

/*vote_like_page*/
#vote_like_page{ width: auto; padding:100px 0px 80px 60px; background: #fff;}
.btn_show_form{display:inline-block; background: #5463a3; padding: 10px 15px; font-size: 16px; color: #fff; border: 0px; outline: none; cursor: pointer; margin: 20px 10px 0 auto; text-decoration: none; text-align: center;}

/*profile_popup*/
.profile_popup{ width: 700px; padding: 40px; position: relative; background: #fff;}
.profile_popup h2{ margin-bottom: 20px;  color: #5463a3; font-size: 30px;}
.profile_popup h3{ margin-bottom: 10px; color: #5463a3; font-size: 18px;}
.profile_popup p{ margin-bottom: 30px; color: #666; font-size: 16px; line-height: 24px;}
.profile_popup .A350_Shot{ margin: -10px 0 30px 0;}
.profile_popup .A350_Shot img{ width: 100%;}

/*notice_popup*/
.notice_popup{ width: 700px; padding: 40px; position: relative; background: #fff;}
.notice_popup h2{ margin-bottom: 20px;  color: #5463a3; font-size: 30px;}
.notice_popup ul{ overflow: hidden;}
.notice_popup ul li{font-size: 14px; color: #666; list-style: decimal; margin-left: 20px; margin-bottom: 10px; line-height: 20px; text-align:justify; text-justify:inter-ideograph;}


/*bird_popup*/
.bird_popup{ width: 700px; padding: 40px; position: relative; background: #fff;}
.bird_popup h3{ font-size: 24px; margin-bottom: 5px; color: #000;}
.bird_popup h4{ font-size: 24px; margin-bottom: 5px; color: #000; text-align: center; display: none;}
#galleria{display: none !important;}
.bird_popup .bird_img_big{overflow: hidden; position: relative;}
.bird_popup .bird_img_big img{ width: 100%;}
.bird_popup .bird_img_big .feature{ overflow: hidden; position: absolute; top: 10px; right: 10px;}
.bird_popup .bird_img_big .feature li{ display: inline-block; margin-left: 2px; padding: 8px 15px; background: #000; color: #fff; font-size: 14px;}

/* .bird_info{overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #666;} */
.bird_info{overflow: hidden; margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px dashed #666;}
.bird_info_left{ float: left; font-size: 14px; width: 610px;}
.bird_info_left table tr td{ vertical-align: top;}
.bird_info_right{ float: right; font-size: 14px;}
.flickr_text{text-align:center; display: none;}
.srcurl{ color: #777;}








/* RWD before hide *******************************************************************************************************************************************************************/
.mobile_kv,.mobile_kv_btn_vote{ display: none;}


/* RWD *******************************************************************************************************************************************************************/
@media screen and (max-width: 980px) {
	
	.menu_group,.icon_share_fb,.kv_title,.kv_a350,.kv_btn_vote{ display: none;}
	
	.head_full{}
	.head_center{width: auto; }
	.head_logo{margin:45px auto 0px auto; float: none; text-align: center;}
	#fb_group{ right: 10px;}
	
	.kv_full{ background: none;}
	.kv_center{ width: auto; height: auto; margin: 100px auto 0px auto;}
	.kv_center .kv_btn_vote{ display: none;}
	
	.mobile_kv{ display: block; margin-bottom: 20px;}	
	.mobile_kv img{ width: 100%;}
	.mobile_kv_btn_vote{ display: block; }
	.mobile_kv_btn_vote img{width: 100px;}
	
	
	.info_center{ width: auto; margin: 30px 20px;}
	.info_center h3{ margin: 0 0px 20px 0px;}
	.info_center p{  font-size: 14px; line-height: 20px; margin: 0 0px 20px 0px;}
	
	.plan_center{ width: auto; margin: 30px 20px;}
	.plan_center h2{ margin: 0 0px 10px 0px; font-size: 30px;}
	.plan_center .plan_btn_list{ text-align: justify; font-size: 14px; line-height: 20px;}
	.plan{ width: auto; height: auto; margin-bottom: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
	.plan h4{ font-size: 20px;}
	.plan p{ margin-bottom: 0px; text-align: justify; font-size: 14px; line-height: 20px;}	
	.vote_center{ width: auto; margin: 30px 20px;}
	.vote_center h2{ margin: 0 0px 10px 0px; font-size: 30px;}
	.vote_center h3{ margin: 0 0px 30px 0px;}
	.plus_text{ width: auto;}
	

	
	.vote_list{ margin: 0px;}
	.vote_list li{margin: 0 auto 30px auto; padding-bottom: 30px; width: 100%; }
	.vote_list li .fonts_img{ position: relative; top: auto; left: auto;}
	.vote_list li .fonts_img img{ width: 80%;}
	.vote_list li .airplane_img{ display: block;}
	.vote_list li .airplane_img img{width: 100%;}
	.vote_list li .fonts_name{ position: relative; bottom: auto; left: auto; margin-top: 20px;}
	.vote_list li .vote_nmu{ position: relative; bottom: auto; right: auto; margin: 20px 0;}
	.vote_list li .btn_vote{ position: relative; bottom: auto; right: auto; display: block; width: 110px; height: 110px; margin: 0 auto 0 auto;}
	
	
	
	.award_center{ width: auto; margin: 30px 20px;}
	.award_center h2{ margin: 0 0px 10px 0px; font-size: 30px;}
	
	table.award_table{ }

	
	.footer_center{ width: auto;}
	
	
	/*fancybox*/
	#vote_like_page{ padding: 60px 20px;}
	#vote_like_page iframe{ width: 100%; height: 120px;}
	
	#vote_form{ padding: 40px 20px;}
	#vote_form h2{ font-size: 24px;}
	#vote_form .form{ width: 100%;}
	#vote_form select,#city_zip{ margin-bottom: 5px; width: 100%;}
	.btn_close{ margin: 20px auto 0px auto; width: auto; display: none;}
	.btn_submit_share{width: auto;}
	
	
	
}



@media screen and (max-width: 700px) {
	
	.profile_popup{ padding: 40px 20px; width: auto;}
	.profile_popup h2{ font-size: 24px;}
	.profile_popup p{font-size: 14px; line-height: 20px;}
	
	.notice_popup{ padding: 40px 20px; width: auto;}
	.notice_popup h2{ font-size: 24px;}
	
	.bird_popup{ padding: 40px 20px; width: auto;}
	.bird_popup h3{ font-size: 20px; line-height: 22px;}
	.bird_popup .bird_img_big .feature{ position: relative; top: auto; right: auto; margin-top: 10px; }
	.bird_popup .bird_img_big .feature li{margin: 0px 5px 5px 0 ; padding: 5px 10px;}
	.bird_info_left{width: auto;}
	
	
}








