@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css);
.top_p01{
	background-image: url(../images/top_01.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	height: 215px;
	width: auto;
    margin-top: 59.4px;
}
.top_p02{
	background-image: url(../images/top_02.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	height: 200px;
	width: auto;
    margin-top: 59.4px;
}
.top_p03{
	background-image: url(../images/top_03.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	height: 200px;
	width: auto;
    margin-top: 59.4px;
}
.top_p04{
	background-image: url(../images/top_04.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	height: 200px;
	width: auto;
    margin-top: 59.4px;
}
.top_p05{
	background-image: url(../images/top_05.jpg);
	background-repeat: no-repeat;
	background-position: center ;
	height: 200px;
	width: auto;
    margin-top: 59.4px;
}
.top_p05-text{
	font-size: 16px;
	color: #7FAC49;
	width: 100%;
	text-align:center;
}
/*====== vote_step ======*/
.vote_step{
    width: 55%;
    padding: 20px;
    background: url(../images/election_paper_bg.jpg) repeat-y;
    left: 50%;
    top: 50%;
    margin-left: -25%;
    margin-top: -20%;
    position: absolute;
}
.vote_step h3{
    margin-bottom: 20px;
    color: #94243d;
}
.vote_step_joinfb{
    padding: 30px;
    border: 1px #94243d solid;
    margin-bottom: 20px;
    overflow: hidden;
}
.votes_btn{
    font-size: 16px;
    text-align: center;
    /*background: #94243d;*/
    background: url(../images/banner_bg-02.gif);
    padding: 5px 0 5px 0;
    color: #fff;
    display: block;
    text-decoration: none; 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.votes_btn:hover{
    /*background: #aa8535;*/
    color: #fff;
    background: url(../images/banner_bg-01.gif);
}
.next_btn{
    width: 150px;
    margin: 0 auto;
    height: 36px;
    line-height: 30px;
}

@media (max-width:990px) {
    .top_p01, .top_p02, .top_p03, .top_p04, .top_p05 {
        margin-top: 50px;
    }
    .vote_step{
        width: 90%;
        left: 0;
        top: 25%;
        margin-left: 5%;
        margin-top: -10%;
    }
    .vote_step h3{
        font-size: 20px;
        margin-bottom: 16px;
    }
}

/*====== rule ======*/
.rule_box{
	background-image: url(../images/line-point.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 35px;
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.rule_part{
	width: auto;
	padding: 10px;
}
.rule_label-01{
	background-image: url(../images/banner_bg-02.gif);
	background-repeat: repeat;
	border-radius: 10px;
	width: auto;
	font-size: 20px;
	color: #FFF;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	margin-bottom: 10px;
}
.rule_label-02{
	background-image: url(../images/banner_bg-01.gif);
	background-repeat: repeat;
	border-radius: 10px;
	width: auto;
	font-size: 20px;
	color: #FFF;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	margin-bottom: 10px;
}
.rule_label-03{
	border-radius: 7px;
	width: auto;
	display: inline-block;
	font-size: 18px;
	color: #691216;
	border: 1px solid #691216;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	white-space:nowrap;
}
.rule_label-04{
	border-radius: 7px;
	width: auto;
	display: inline-block;
	font-size: 18px;
	color: #5fa209;
	border: 1px solid #5fa209;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	white-space:nowrap;
}
.rule_text-box{
	width: auto;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #5a5a5a;
    text-align:justify;
}
.rule_text-boxinto{
	width: 100%;
	display: inline-block;
	float: none;
    text-align:justify;
}
.rule_text-01{
	font-size: 16px;
	color: #5a5a5a;
	display: inline-block;
	float: left;
}
.rule_text-02{
	font-size: 16px;
	color: #7fac49;
}
.rule_text-03{
	font-size: 16px;
	color: #691216;
	white-space:nowrap;
	font-weight: 600;
	display: inline-block;
	float: left;
}
.rule_text-04{
	font-size: 16px;
	color: #5fa209;
	white-space:nowrap;
	font-weight: 600;
	display: inline-block;
	float: left;
}
.rule_step-01{
	font-family: 'cwTeXYen';
	font-size: 25px;
	color: #ffba00;
	font-weight: 300;
	display: inline-block;
}
.rule_step-01b{
	font-family: 'cwTeXYen';
	font-size: 30px;
	color: #ffba00;	
}
.rule_step-02{
	font-family: 'cwTeXYen';
	font-size: 25px;
	color: #0096ff;	
	font-weight: 300;
	display: inline-block;
}
.rule_step-02b{
	font-family: 'cwTeXYen';
	font-size: 30px;
	color: #0096ff;	
}
.rule_step-text-1{
	font-size: 16px;
	line-height: 20px;
	color: #691216;
	display: inline-block;
}
.rule_step-text-2{
	font-size: 16px;
	line-height: 20px;
	color: #003b84;
	display: inline-block;
}
.rule_step-icon{
	width: auto;
	display: inline-block;
}
.rule_step-arrow{
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 23px;
	display: inline-block;
	margin: 10px;
}
.rule_step{
	text-align: center;
	padding-bottom: 25px;
}
.rule_step-box-1{
	border-radius: 30px;
	width: auto;
	display: inline-block;
	border: 2px solid #ffd051;
	margin: 5px;
	padding: 10px;
}
.rule_step-box-2{
	border-radius: 30px;
	width: auto;
	display: inline-block;
	border: 2px solid #83ccff;
	margin: 5px;
	padding: 10px;
}
.gift_box{
	background-image: url(../images/line-point.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 35px;
	position: relative;
	margin: 10px;
}
.gift_part{
	width: auto;
	padding: 20px;
	text-align: center;
}
.gift_btn{
	background-image: url(../images/banner_bg-02.gif);
	background-repeat: repeat;
	border-radius: 10px;
	width: auto;
	font-size: 25px;
	color: #FFF;
	float: left;
	border: 1px solid #5a8b1c;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}
.gift_btn_2{
	background-image: url(../images/banner_bg-02.gif);
	background-repeat: repeat;
	border-radius: 5px;
	width: auto;
	font-size: 16px;
	color: #FFF;
	border: 1px solid #5a8b1c;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.gift_container{
	width: auto;
	text-align: center;
	margin: 10px;
}
.gift_text-01{
	font-size: 16px;
	color: #7fac49;
	text-align: right;
	display: inline-block;
	padding: 15px;
	width: 29%;
}
.gift_text-02{
	font-size: 16px;
	color: #691216;
	text-align: right;
	display: inline-block;
	padding: 15px;
	width: 29%;
}
.gift_text-03{
	font-size: 16px;
	color: #5a5a5a;
	display: inline-block;
	width: auto;
}
.gift_textfield-box{
	width: 69%;
	display: inline-block;
	text-align: left;
}
.gift_textfield-01{
	width:75%;
	font-size: 16px;
	color: #5a5a5a;
	border-radius: 5px;
	border: 2px solid #d6e4c5;
	padding: 5px;
	margin: 5px;
}
.gift_textfield-01s{
	font-size: 16px;
	color: #5a5a5a;
	border-radius: 5px;
	border: 2px solid #d6e4c5;
	padding: 5px;
	margin: 5px;
}
.gift_textfield-02{
	width:90%;
	font-size: 16px;
	color: #5a5a5a;
	border-radius: 5px;
	border: 2px solid #ebd9d4;
	padding: 5px;
	margin: 5px;
}
.gift_textfield-02s{
	font-size: 16px;
	color: #5a5a5a;
	border-radius: 5px;
	border: 2px solid #ebd9d4;
	padding: 5px;
	margin: 5px;
}
.gift_container-btn{
	width: auto;
	text-align: center;
	margin: 10px;
	display: inline-block;
}
.works_container{
	width: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.works_container_line{
	width: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/line-point.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 30px;
	text-align: center;
}
.list_box{
	border-radius: 10px;
	color: #FFF;
	border: 3px solid #d6e4c5;
	padding: 20px;
	margin: 10px;
    height: 300px;
}
.works_box{
	border-radius: 10px;
	color: #FFF;
	border: 3px solid #d6e4c5;
	padding: 20px;
	margin: 10px;
    height: 422px;  /*0526�p�ηs�W*/
}
.list_photo{
	width: auto;
}
.list_photo2{
	width: 65%;
	margin-right: auto;
	margin-left: auto;
}
.works_photo{
	width: auto;
}
.works_name{
	width: auto;
	background-image: url(../images/line-point.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 20px;
	text-align: left;
}
.works_name-t1{
	font-size: 14px;
	color: #7fac49;
	background-image: url(../images/arrow-right-2.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
	margin-top: 10px;
}
.works_name-t2{
	font-size: 14px;
	color: #5a5a5a;
}
.works_text{
	font-size: 15px;
	color: #130f0c;
	line-height: 25px;
	text-align: left;
    text-align:justify;
	text-shadow: none;
}
.works_pages{
	width: auto;
	text-align: center;
}
.works_number{
	width: auto;
	margin: 5px;
	display: inline-block;
}
.works_number-links{
	font-size: 16px;
	color: #707070;
}
/*0526�p�ηs�W*/
@media(max-width: 760px){
    .works_box{
        height: 395px;
    }
	.list_box{
        height: 310px;
    }
	.works_photo{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	}
	.list_photo{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	}
	.list_photo2{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	}

}
@media(max-width: 524px){
    .works_box{
        height: 424px;
    }
	.list_box{
        height: 350px;
    }
	.works_photo{
		width: 100%;
}
.list_photo{
		width: 100%;
}
.list_photo2{
		width: 75%;
}
}

@media(max-width:640px){
.gift_text-01{
	width:100%;
	text-align: center;
}
.gift_text-02{
	width:100%;
	text-align: center;
}
.gift_textfield-box{
	width:100%;
	text-align: center;
}
.gift_textfield-01{
	width:90%;
}
.gift_textfield-01s{
	width:90%;
}
.gift_textfield-02{
	width:90%;
}
.gift_textfield-02s{
	width:90%;
}
.top_p01{
	background-size: cover ;
	height: 150px;
	width: auto;
}
.top_p02{
	background-size: cover ;
	height: 150px;
	width: auto;
}
.top_p03{
	background-size: cover ;
	height: 150px;
	width: auto;
}
.rule_step-arrow{
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	margin: 10px;
	height: 23px;
	width: 90%;
	background-position: center;
}
.rule_step-box-1{
	border-radius: 30px;
	width: auto;
	border: 2px solid #ffd051;
	margin: 5px;
	padding: 10px;
}
.rule_step-box-2{
	border-radius: 30px;
	width: auto;
	border: 2px solid #83ccff;
	margin: 5px;
	padding: 10px;
}
}