/* CSS Reset *//**********************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

/* Global *//**********************************************************/

html {scroll-behavior: smooth;}
body{font-size:16px; font-family:Helvetica, Arial, "Microsoft JhengHei","\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1", sans-serif; color:#333; line-height:22px; background-color:#fff; background-image:url(../images/bg.png); background-size:cover; background-attachment:fixed; background-position:center}
a{ text-decoration:none; color:#666; transition:all .3s}
a:hover{ color:#555}
p{ margin-bottom:20px}
h2{ font-size:24px; color:#6c4099; margin-bottom:10px; line-height:30px}
h3{ font-size:20px; color:#6c4099; margin-bottom:5px; line-height:26px}
select{font-size:16px; font-family:Helvetica, Arial, "Microsoft JhengHei","\5FAE\x8EDF\6B63\9ED1\9AD4","Microsoft Yahei","\5FAE\8F6F\96C5\9ED1", sans-serif; line-height:22px;}
.clear{ clear:both}

/* Site *//**********************************************************/

.siteArea{}
.header{ width:100%; height:140px; background-color:#fff; box-sizing:border-box; padding:24px 0 0; position:relative}
.header .logo{ width:200px; margin:0 auto}
.header .lang{ position:absolute; right:60px; top:50%; transform:translateY(-50%)}
.header .lang a{ color:#999;}
.header .lang a:hover{ color:#555;}

.content{ padding: 110px 20px 90px;}
.content .box{box-sizing:border-box; border:1px solid #fff; margin:0 auto 40px; max-width:1000px; padding:42px 60px; color:#fff; font-size:40px; min-height:300px; background-color:rgba(71,71,71,0.25); display: flex; justify-content: center; align-items: center;}
.content .box p {font-size: 20px;}
.content .btnArea{margin:0 auto;max-width:900px;text-align:center;}
.content .btnArea a{ display:inline-block;box-sizing:border-box; border:1px solid #fff;  width:220px; padding: 16px 0; background-color: rgba(199,31,60,1.0); color:#fff; font-size:17px; margin: 0 9px}
.content .btnArea a:hover{background-color: rgba(199,31,60,1)}

.footer{ width:100%;}
.footer .inside{ margin:0 60px; border-top: 1px solid #fff; color:#fff; padding: 12px 0 20px; font-size:14px}
.footer .copyright { float:left }
.footer .copyright span{ display:inline-block}
.footer .disclaimer {float:left }
.footer .disclaimer a{ color:#fff; }
.footer .disclaimer a:hover{ text-decoration:underline }

.disclaimer-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 1200px; margin: 20px auto;}

@media (orientation: landscape) and (min-width: 1200px) {
	.footer{ position:fixed; bottom:0}
}

@media only screen and (max-width: 800px) {
	.content .btnArea a{ display:block; margin: 9px auto}
}

@media only screen and (max-width: 768px) {
	.header{ height:140px; padding:18px 0 0;}
	.header .logo{ width:200px;}
	.header .lang{right:20px;}
	.content .box{padding:12px 20px;}
	.footer .inside{ margin:0 20px;}
	.footer .copyright, .footer .disclaimer {float:none; text-align:center }
}