@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html,body{font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-repeat:no-repeat;
font-weight:500;line-height:1.2;}
*{font-family: 'Noto Sans TC',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}

/*** reset ***/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

html,
body {
margin: 0;
padding: 0;
width: 100%;
font-size: 13px;
overflow-x:hidden;
}

ol,
ul,
li,
dl {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

legend,
caption {
visibility: hidden;
overflow: hidden;
height: 0;
font-size: 0;
line-height: 0
}

a {
text-decoration: none
}

a:hover,
a:active,
a:focus {
text-decoration: none;
}

select,textarea,
input[type="image"],
input[type="text"],
input[type="submit"],
input[type="password"] {
-webkit-appearance: none;
border-radius:0;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

a,
input,
button {
outline: none;
border:none;
}

.txt_hidden {
display: inline;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
font-size: 0;
text-indent: -1000px;
}


::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #686164;
font-size: 0.3rem
}

::-moz-placeholder {
/* Firefox 19+ */
color: #686164;
font-size: 0.3rem
}

:-ms-input-placeholder {
/* IE 10+ */
color: #686164;
font-size: 0.3rem
}

:-moz-placeholder {
/* Firefox 18- */
color: #686164;
font-size: 0.3rem
}



/*** layout ***/

body {
position: relative;
background: url("../images/bg_bodyM.jpg") no-repeat center top #ffecec;
background-size: 100%;
width: 100%;
height:100%;
}

.wrap {
margin: 0 auto;
}


/* header */

header {
background: url("../images/bg_bodyM.jpg") no-repeat center top;
background-size: 100%;
height: 15.1rem;
width: 100%;
}

header .rorLogo {
position: absolute;
right: 0.3rem;
top: 0.3rem;
background: url("../images/bg_rorlogo.png") no-repeat left top;
background-size: 100% auto;
height: 1.09rem;
width: 1.80rem
}

header .rorLogo a {
display: inline-block;
width: 100%;
height: 100%;
}

header .rosLogo {
position: absolute;
left: 0.3rem;
top: 0.3rem;
background: url("../images/bg_roslogo.png") no-repeat left top;
background-size: 100% auto;
height: 1.04rem;
width: 1.8rem
}

header .rosLogo a {
display: inline-block;
width: 100%;
height: 100%;
}


header ul{
    position: absolute;
    top:8rem;
    bottom:auto;
    left:0.8rem;
}

header ul li{
    width:100%;
    height:100%;
    text-indent: -9999px;
}
header ul li a{
    background-repeat:no-repeat;
    background-position: left center;
    background-size: 100%;
    display:block;
    width:3.6rem;
    height:1.3rem;
    margin-bottom:0.4rem
}

header ul li.btn1 a{
    background-image: url(../images/btn_menu1_off.png);
}
header ul li.btn2 a{
    background-image: url(../images/btn_menu2_off.png);
}
header ul li.btn3 a{
    background-image: url(../images/btn_menu3_off.png);
}

header ul li.btn1 a:hover{
    background-image: url(../images/btn_menu1_on.png);
}
header ul li.btn2 a:hover{
    background-image: url(../images/btn_menu2_on.png);
}
header ul li.btn3 a:hover{
    background-image: url(../images/btn_menu3_on.png);
}



/* eventArea1 */

.eventArea1{
    background-size: 100% auto;
}
.eventArea1 h3 {
    width: 5rem;
    height: 3rem;
    margin:0 auto;
    text-indent: -9999px;
    background: url(../images/img_event1_title.png) no-repeat;
    background-size: 100% auto
}
.eventArea1 .eventBox {
    width:100%;
    margin: 0 auto;
    text-align:justify;
    color: #fff;
    font-size: 0.32rem;
    padding-top:0.2rem;
}
.eventArea1 .eventBox ul{
    background:#d94d58;
    padding:0.7rem 0.7rem 1rem 0.35rem;
    font-weight:500;
}
.eventArea1 .eventBox ul li{
    background:url(../images/img_bulletM.png) no-repeat 0.1rem 0.22rem;
    background-size:0.15rem 0.15rem;
    padding-left:0.4rem;
    line-height: 0.63rem;
    line-height:1.7;
    text-align:left;
    word-break:break-all;
}
.eventArea1 .eventBox ul li.last{
    background:none;
    margin:0.2rem 0 0 0 ;
    text-align: center;
    padding-left: 0;
    font-size: 0.22rem;
}
.eventArea1 .eventBox ul li.last div{
    display:inline-block;
    width:94%;
    height:1.5rem;
    line-height:1.5rem;
    text-align:left;
    background:#ffced0;
    color:#48001c;
    vertical-align:top;
    margin:0.1rem 0.1rem 0.1rem 5%;
    font-size:0.4rem;
    font-weight:600;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
 }
.eventArea1 .eventBox ul li.last em{
    display: inline-block;
    width:1.5rem;
    height:100%;
    background:#ffd84f;
    padding-top:0;
    font-size:0.6rem;
    text-align:center;
    font-style: normal;
    margin-right:0.35rem;
    margin-left:0rem;
    line-height: 1.5rem;
	vertical-align:top;
    font-weight:800;
}
.eventArea1 .eventBox ul li.last div:hover{
    filter:brightness(1.1);
}
.eventArea1 .eventBox ul li.last em.em1, .eventArea1 .eventBox ul li.last em.em4{
    margin-left:0;
}
.eventArea1 .eventBox p.txt {
    font-size: 0.33rem;
    line-height:0.46rem;
    text-align:justify;
    box-sizing:border-box;
    padding-top:0.7rem;
    padding-left:1.2rem;
    padding-right:1.2rem;
    padding-bottom:0.45rem;
    background:#ec8d94;
    color:#48001c;
    font-weight:500;
} 
.eventArea1 .eventBox p.txt b{
    display:block;
    font-size:0.4rem;
    font-weight:800;
    margin-left:-0.42rem;
    margin-bottom:-0.3rem;
}
.eventArea1 .eventBox p.txt span{
    display:inline-block;
    margin-left:-0.42rem;
}
.eventArea1 .eventBox p.greeting {
    background:#ffced0;
    height:5.35rem;
    margin-bottom:0;
    padding-top:0.7rem !important;
    padding-left:0.7rem;
    padding-right:0.7rem;
    color:#48001c;
    font-weight:500;
    text-align:justify;
    font-weight:500;
    box-sizing:content-box;
}
.eventArea1 .eventBox .join{
    display:block;
    width:3rem;
    height:1.2rem;
    margin:0 auto;
    padding-top:0.1rem;
    padding-bottom:0.5rem;
}
.eventArea1 .eventBox .join img{
    width:100%;
    height:100%;
}

/* eventArea2 */

.eventArea2 {
    position: relative;
    padding-bottom:1rem;
    background: url(../images/bg_eventArea2M.jpg) repeat;
    width:100%;
    height:auto;
}

.eventArea2 h3 {
    width: 4.8rem;
    height: 3rem;
    margin: 0 auto;
    background: url(../images/img_event2_title.png) no-repeat center;
    background-size: 100%;
    text-indent: -9999px;
    padding-top:1rem;
}

.eventArea2 ul{
    width:9rem;
    height:5.5rem;
    margin:-0.2rem auto 0 auto;
}
.eventArea2 ul li{
    float:left;
    width:4.15rem;
    height:5rem;
    text-align:center;
    
}
.eventArea2 ul li dl dt{
    margin:6px auto 0;
    width:2.5rem;
    height:4rem;
}
.eventArea2 ul li dl img{
    width:1.7rem;
    margin-top:1.352rem;
    vertical-align:middle;
}

.eventArea2 ul li dl dd{
    font-size:0.3rem;
    text-align: center;
    color:#ffe854;
}

.eventArea2 ul li.item1{
    background:url(../images/bg_item1.png) no-repeat;
    background-size: 100%;
    margin-right:0.5rem;
}

.eventArea2 ul li.item2{
    background:url(../images/bg_item2.png) no-repeat;
    background-size: 100%;
}
.eventArea2 p{
    width:90%;
    height:auto;
    margin:0 auto;
    font-size:0.32rem;
    line-height:1.5;
    text-align:center;
    color:#48001c;
}
.eventArea2 p br{
    display:none;
}
/* eventArea3 */

.eventArea3 {
position: relative;
background-color: #ffecec;
margin-top:0.39rem;
padding-bottom:1.04rem
}

.eventArea3 h3 {
    width: 4.5rem;
    height: 3.5rem;
    margin:0.6rem auto;
    padding:0;
    background: url(../images/img_event3_title.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
}
.eventArea3>section {
    width: 8.8rem;
    margin: 0 auto;
    position: relative;
}
.eventArea3 ul{
    width:90%;
    margin:0 auto 0 7.5%;
}
.eventArea3 ul li {
    font-size: 0.33rem;
    margin-bottom: 0.3rem;
    color:#555555;
    padding-left:0.2rem;
    text-indent: -0.3rem;
    line-height:1.5;
    text-align:justify;
}

.eventArea3 ul li span {
    display:inline-block;
    color:#22ae59;
    font-size: 0.35rem;
    margin-right:0.2rem;
}
.eventArea3 ul li a{
    color:#e92c58;
}


/* sideMenu */

.sideMenu {
background: url(../images/bg_sideMenu.png) repeat-x;
background-size: 100% 1.56rem;
width: 100%;
height: 1.56rem;
position: fixed;
left: 0;
bottom: 0;
z-index:999;
}

.sideMenu:after {
clear: both;
display: block;
content: ""
}

.sideMenu li {
float: left;
display: inline-block;
}

.sideMenu li a {
display: inline-block;
color: #fff;
line-height: 1.56rem;
text-align: center;
font-size: 0.32rem;
height: 1.56rem;
}

.sideMenu li.menu1 a, .sideMenu li.menu2 a, .sideMenu li.menu3 a {
width: 1.64rem;
}

.sideMenu li.menu4 a {
width: 1.95rem;
}
.sideMenu li.menu5 a {
width: 2.5rem;
}



/*popup*/
.blind {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    z-index:999;
}

.popup {
    display: none;
    position: fixed;
    left:0;
    top:5%;
    width:100%;
    height:90%;
    margin-left:0;
    color: #fff;
	z-index:1000;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
}
.popup::-webkit-scrollbar{
    display:none
}
.popup::-moz-scrollbar {
    display: none; 
}

.btn_close {
    position:fixed;
    right:0.5rem;
    top:1rem;
    z-index: 10;
}

.btn_close img {
    width: 0.7rem
}


.popup .container {
    width:92%;
    margin-left:8%;
    height:auto;
    overflow:hidden;
    background: url(../images/bg_popup1M.png) no-repeat;
    background-size:100%;
    padding: 0;
    box-sizing: border-box;
}

.popup .container form {
    position: unset;
    width:93.8%;
    height:auto;
    margin:4rem auto 0 0.199rem;
    padding-top:0.4rem;
    background:#ac5e2a;
    border:0.029rem solid #391b00;
    border-top:0;
}

.popup .container form div {
    margin-bottom:0.3rem;
}

.popup .container form div:after {
    clear: both;
    display: block;
    content: "";
}
.popup .container form div.paperChk {
    width:80%;
    height: 0.5rem;
    background:none;
    color: #fff;
    font-size: 0.33rem;
    text-align:left;
    margin-left:2%;
    margin-top:0.1rem;
    margin-bottom:0.5rem;
}
.popup .container form .paperChk input {
    width:0.6rem; 
    height:0.6rem;
    display:inline-block;
    vertical-align:top;
}

.popup .container form .paperChk label {
    display:inline-block;
    width:4rem;
    height:0.6rem;
    box-sizing:border-box;
    text-align:left;
    padding-left:0.2rem;
    margin-top:0.1rem;
    margin-left:0;
    font-size:0.4rem;
    cursor:pointer;
    background-color:transparent;
    color:#fff;
}

.popup .container form div input {
    width:80%;
    height: 0.75rem;
    margin-left:10%;
    padding: 0 0.3rem;
    background: #fff;
    color: #44061e;
    font-size: 0.3rem;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #fff;
}

.popup .container form div select {
    width:80%;
    margin-left:10%;
    height: 0.75rem;
    padding: 0 0.5rem 0 0.3rem;
    background: #fff;
    color: #44061e;
    font-size: 0.254rem;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #fff;
    font-weight: bold;
    background:#fff url(../images/img_arrow.png) no-repeat right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    background-size: 0.4rem 0.2rem;
}
select::-ms-expand { display: none; }
.popup .container form div.paper07 select {
    width:24%;
	padding:0 0.2rem;
	font-size:0.27rem;
    background-color:#fceca1;
}
.popup .container form div.paper07 input {
    width:55%;
    margin-left:-0.04rem;
    vertical-align:top;
}

.popup .container form div label {
    color: #fff;
    width:80%;
    margin-left:10%;
    height:0.5rem;
    display: inline-block;
    text-align:left;
    padding-right:0;
    box-sizing:border-box;
    padding-left:0.3rem;
    font-size: 0.24rem;
    line-height: 0.5rem;
    background:#572605;
}

.popup .container form p {
    width:80%;
    color: #ffe58c;
    font-size: 0.22rem;
    text-align:justify;
    margin:-0.2rem 0 0.3rem 10%;
    line-height:1.5;
    letter-spacing:1px;
    font-weight:400;
}


.popup .container form .btn {
    background: url(../images/btn_popup1.png) no-repeat;
    background-size: 100% auto;
    position:relative;
    width: 4rem;
    height: 1.8rem;
    bottom:1rem;
    left:50%;
    margin-left:-2rem;;
    text-indent:-9999px;
    display: block;
	margin-bottom:-0.4rem;
}

#codeBox {
    width:80%;
    margin:0.4rem auto 1.8rem auto;
}


@media (min-width:769px) {
body {
    background: url(../images/kv.jpg) no-repeat center top #ffecec;
    width: 100%;
    margin: 0 auto;
}
header {
    background: none;
    background-size: 100%;
    height: 780px;
    width: 1000px;
    margin: 0 auto;
    position: relative
}

header .rorLogo {
    left: 0;
    top: 24px;
    background: url(../images/bg_rorlogo.png) no-repeat left top;
    background-size: 100% auto;
    height: 88px;
    width: 138px;
}
header .rosLogo {
    left: 155px;
    top: 25px;
    background: url(../images/bg_roslogo.png) no-repeat left top;
    background-size: 100% auto;
    height: 90px;
    width: 140px;
}


header ul{
    position: absolute;
    top:auto;
    bottom:0;
    left:43px;
    width:915px;
}

header ul li{
    float:left;
    width:298px;
    height:108px;    
    text-indent: -9999px;
    margin-left:10px;
}
header ul li.btn1{
    margin-left:0;
}
header ul li a{
    background-repeat:no-repeat;
    background-position: left center;
    background-size: 100% auto;
    display:block;
    width:298px;
    height:108px
}

header ul li.btn1 a{
    background-image: url(../images/btn_menu1_off.png);
}
header ul li.btn2 a{
    background-image: url(../images/btn_menu2_off.png);
}
header ul li.btn3 a{
    background-image: url(../images/btn_menu3_off.png);
}

header ul li.btn1 a:hover{
    background-image: url(../images/btn_menu1_on.png);
}
header ul li.btn2 a:hover{
    background-image: url(../images/btn_menu2_on.png);
}
header ul li.btn3 a:hover{
    background-image: url(../images/btn_menu3_on.png);
}


/* eventArea1 */
.eventArea1 {
    position: relative;
    width: 915px;
    height:auto;
    margin: 0 auto 100px auto;
    background-size:915px 1312px; 
    box-sizing: border-box;
}
.eventArea1 h3 {
    width: 370px;
    height: 210px;
    margin-top:58px;
    margin-left:250px;
    text-indent: -9999px;
    background: url(../images/img_event1_title.png) no-repeat;
    background-size: 100% auto
}
.eventArea1 .eventBox .boxHead{
    background:url('../images/text_head.png');
    width:915px;
    height:106px;
    margin:18px auto 0 auto;
}
.eventArea1 .eventBox {
    background: none;
    text-align: left;
    margin:0 auto 20px;
    padding:0;
    position: relative;
    box-sizing: border-box;
    width:915px;
    line-height: 45px;
    font-size:24px;
}
  
.eventArea1 .eventBox p {
    font-size: 23px;
    margin-top:60px
}
.eventArea1 .eventBox p.txt {
    font-size: 24px;
    padding:40px 100px 0 100px; 
    margin:0 auto; 
    position: relative;
    background:url('../images/text_body_03.png');
    line-height:1.3;
}
.eventArea1 .eventBox p.greeting {
    height:auto;
    margin-top:-20px;
    margin-bottom:0;
    padding-top:0px !important;
    padding-left:65px;
    padding-right:65px;
    padding-bottom:45px; 
    color:#48001c;
    font-size: 24px;
    background:url('../images/text_body.png');
}

.eventArea1 .eventBox p.txt b{
    font-size:24px;
    text-indent:-13px;
    margin-bottom:-22px;
}

.eventArea1 .eventBox p.txt span {
    text-indent:-13px;
}
.eventArea1 .eventBox p.txt:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0;
    top:0
}
.eventArea1 .eventBox ul{
    background:url('../images/text_body_02.png');
    padding:40px 0px 30px 0;
}
.eventArea1 .eventBox ul li{
    background:url(../images/img_bulletW.png) no-repeat 10px 20px;
    margin-left:60px;
    padding-left:35px;
    line-height: 42px;
}
.eventArea1 .eventBox ul li.last{
    background:none;
    margin:10px auto;
    text-align: center;
    font-size:0px;
    line-height:35px;
    padding:0 30px 0 0;
  
}
.eventArea1 .eventBox ul li.last div{
    width:300px;
    height:60px;
    line-height:60px;
    margin:10px;
    font-size:20px;
    text-align:left;
 }
.eventArea1 .eventBox ul li.last em{
    display:inline-block;
    width: 50px;
    background:#ffd84f;
    text-align:center;
    border-radius:6px;
    font-style: normal;
    line-height:60px;
    font-size:22px;
    vertical-align:top;
    margin-right:10px;
}
.eventArea1 .eventBox ul li.last em.em1, .eventArea1 .eventBox ul li.last em.em4{
    margin-left:0;
}

.eventArea1 .eventBox .join{
    display:block;
    width:298px;
    height:108px;
    margin:10px auto 0 auto;
}
.eventArea1 .eventBox .box_bottom{
    width:915px;
    height:100px;
    background:url('../images/text_botton.png') center bottom;
}

/* eventArea2 */
.eventArea2 {
    position: relative;
    width: 100%;
    height:686px;
    padding:10px 0 180px 0;
    margin: 0 auto;
    text-align: center;
    background:none;
    background-image:url('../images/bg_eventArea2M.jpg');
}
.eventArea2 h3 {
    width: 370px;
    height: 210px;
    margin-top:40px;
    background: url(../images/img_event2_title.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
}
.eventArea2 ul{
    width:708px;
    height:376px;
    margin:0 auto 40px;
}
.eventArea2 ul li{
    width:315px;
    height:376px;
    background-size: 100%;
}
.eventArea2 ul li dl dt{
    margin:65px auto 0;
    width:160px;
    height:160px;
}
.eventArea2 ul li dl img{
    width:70%;
    height:auto;
    margin-top:50px;
}

.eventArea2 ul li dl dd{
    margin-top:90px;
    font-size: 20px;
    text-align: center;
    color:#ffe854;
}

.eventArea2 ul li.item1{
    background:url(../images/bg_item1.png) no-repeat;
    margin-right:78px;
}

.eventArea2 ul li.item2{
    background:url(../images/bg_item2.png) no-repeat;
}
.eventArea2 p{
    height:auto;
    margin:0 auto;
    font-size:20px;
    line-height:1.5;
}
.eventArea2 p br{
    display:block;
}
/* eventArea3 */
.eventArea3 {
    position: relative;
    background:none;
    width: 915px;
    height:auto;
    margin: 0 auto;
}
.eventArea3 h3{
    width: 370px;
    height: 285px;
    margin:98px 0 15px 225px;
    padding:0;
    background: url(../images/img_event3_title.png) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
}
.eventArea3>section {
    width: 915px;
    margin: 0 auto;
    position: relative;
}
.eventArea3 ul{
    width:860px;
    margin:40px auto 80px 19px;
    line-height:1.5;
}
.eventArea3 ul li {
    font-size: 20px;
    margin-bottom: 8px;
    color:#555555;
    padding-left:14px;
    text-indent: -19px;
    letter-spacing: -1px;
}

.eventArea3 ul li span {
    display:inline-block;
    color:#22ae59;
    font-size: 20px;
    margin-right:15px;
}
.eventArea3 ul li a{
    color:#e92c58;
}
.eventArea3>section:after {
    width: 137px;
    height: 189px;
    left: 242px;
    top: -25px
}

.sideMenu {
    background: url(../images/bg_sideMenuW.png) no-repeat;
    width: 135px;
    height: 288px;
    position: fixed;
    left:auto;
    bottom:auto;
    right: 20px;
    top: 60px;
    padding-top:70px !important;
    padding-left:10px;
}
.sideMenu li {
    width: 120px;
    height: 38px;
    background: none;
    text-align: center;
    margin-bottom: 4px;
}
.sideMenu li a {
    width: 120px !important;
    height: 38px !important;
    font-size: 18px;
    line-height: 19px;
}
.sideMenu li.menu3 a,
.sideMenu li.menu4 a {
    background: none;
}
.sideMenu li.menu5 a {
    font-size:16px;
}


/*popup*/
.blind {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}

.popup {
    display: none;
    position: fixed;
    left: 50%;
    top:5%;
    width:798px;
    height:90%;
    overflow-y:hidden;  
    margin-left:-399px;
    margin-top:0;
    color: #fff;
}

.btn_close {
    position: absolute;
    right: 50px;
    top: 60px;
    z-index: 10;
}

.btn_close img {
    width: 45px
}


.popup .container {
    width:777px;
    height:1200px;
    margin-left:0;
    background: url(../images/bg_popup1W.png) no-repeat;
    padding:0;
    box-sizing: border-box;
}

.popup .container form {
    position: relative;
    width: 700px;
    height:688px;
    margin:0 auto 0;
    padding-top:260px;
    border:none;
    background-color:transparent;
}

.popup .container form div {
    margin-bottom:15px
}

.popup .container form div:after {
    clear: both;
    display: block;
    content: ""
}
.popup .container form div.paperChk {
    width: 330px;
    height:38px;
    background:none;
    color: #fff;
    font-size: 20px;
    border:none;
    margin-left:265px;
    text-align:left;
    margin-top:20px;
    margin-bottom:10px;
}
.popup .container form .paperChk input {
    width:27px; 
    height:27px;
    display:inline-block;
}
.popup .container form .paperChk label {
    display:inline-block;
    width:280px; 
    height:38px;
    box-sizing:border-box;
    text-align:left;
    padding-left:10px;
    margin-top:-4px;
    cursor:pointer;
    font-size:24px;
}
.popup .container form div input {
    width:380px;
    height:38px;
	line-height:38px;
    margin-left:0;
    padding: 0px 15px 0 15px;
    background: #fff;
    color:#44061e;
    font-size:18px;
    box-sizing: border-box;
    box-shadow: none;
    border:1px solid #fff;
    float:left;
}
.popup .container form div select {
    width: 380px;
    height:38px;
    margin-left:0;
    line-height:38px;
    padding: 0 15px;
    color: #44061e;
    font-size:18px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #fff;
    float: left;
    font-weight:500;
    background:#fff url(../images/img_arrow.png) no-repeat right center;
    -webkit-appearance: none;
    background-size: 25px 12px;
}

.popup .container form div.paper07 select {
    width:125px;
	font-size:18px;
    padding:0 14px;
	margin-right:8px;
    background-color:#fff;
}
.popup .container form div.paper07 input {
    width:250px;
    margin-left:0px;
}

.popup .container form div label {
    color: #fff;
    width: 265px;
    margin-left:0;
    display: inline-block;
    text-align: right;
    padding-right: 14px;
    font-size: 20px;
    line-height: 40px;
    float:left;
    background-color:transparent;
}

.popup .container form p {
    width:381px;
    color: #ffe58c;
    font-size: 14px;
    text-align:justify;
    padding-right:0px;
    padding-left:0;
    box-sizing:border-box;
    margin-top:-8px;
    margin-left:267px;
    margin-bottom:21px;
    line-height:1.3;
}

.popup .container form .btn {
    background: url(../images/btn_popup1.png) no-repeat;
    background-size: 100% auto;
    width: 250px;
    height: 90px;
    position: absolute;
    top:1060px;
    bottom:0px;
    left:50%;
    margin-left:-125px;
    text-indent:-9999px;
    cursor:pointer;
}
.popup .container form .btn:hover{
    top:1062px;
}
    ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #686164;
    font-size: 18px
}
    ::-moz-placeholder {
    /* Firefox 19+ */
    color: #686164;
    font-size: 18px
}
    :-ms-input-placeholder {
    /* IE 10+ */
    color: #686164;
    font-size: 18px
}
    :-moz-placeholder {
    /* Firefox 18- */
    color: #686164;
    font-size: 18px
}
#codeBox {
    width:90%;
    margin:20px auto;
}
}

.noScroll{
    overflow:hidden;
}
footer{
    width:100%;
    background:#fffafa;
	position:relative;
	z-index:10;
}