@charset "utf-8";
/*default setting start*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body,
html{
	margin: 0px;
	padding: 0px;
}
img {
	max-width: 100%;
	border: none;
	display:block;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}
.tr-ef{
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
img.full{
	width:100%;
}
body{
	font-family: "Apple LiGothic Medium","Microsoft JhengHei","微軟正黑體",arial,"新細明體",sans-serif;
	font-size: 16px;
	color:#000;
}
body.noscroll, {
	width: 100vw;
    height: 100vh;
    overflow: hidden;
}
p{
	font-size: 16px;
	line-height: 24px;
}
.transition-effect{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
ul{
	margin:0;
	padding: 0;
}
img{
	max-width: 100%;
	border: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
a,
a:hover,
a:active,
a:focus{
	color:#000;
	outline: 0;
}
a:focus{
	text-decoration:none;
}
button{
	outline:none;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
select{
	font: inherit;
    appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
     background: url(../images/gsc_arrow_icon.png) right 28px center no-repeat;
}
select::-ms-expand{ display:none; }

.wrap{
	width: 750px;
	padding-top:2700px;
	position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/gsc_main_bg_4.jpg) top center no-repeat;
}
.container-fluid{
	padding:0; 
	background-color: transparent;
}
.container{
	padding-right: 15px;
	padding-left: 15px;
}
.bgf{
	background-size:100%;
	background-repeat:no-repeat;
}
/*default setting end*/
.error{
	display:inline-block;
	color:#e60012;
	font-size:14px;
	margin-top:4px;
}
.error-focus{
	background-color:#fce8eb;
	padding:10px;
	margin: 0 -10px;
}
.img-title{
	line-height: 0
}

/*form*/
.act_page{
	width:650px;
	height:700px;
	position:absolute;
	top: 1554px;
	left:50px;
}
.act-input,
.act-select{
	width:100%;
	height:80px;
	border:2px solid #5cc7ff;
	padding:10px 24px;
	font-size: 38px;
	margin-bottom:28px;
	background-color:#fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
.act-select option{
	font-size: 20px;
}
.check-label{
	margin-top:10px;
	font-size:32px;
	display: inline-block;
	cursor:pointer;
}
#confirm-btn{
	cursor:pointer;
}
.act-btn{
	position:absolute;
	bottom:0;
	left:0;
	border:0;
	outline:0;
	padding:0;
	background-color:transparent;
}
.check-input{
	width:29px;
	height:29px;
	margin-right: 2px;
	cursor:pointer;
}
.check-label input,
.check-label span{
	vertical-align:middle;
}
.pop-up{
	width:650px;
	height:986px;
	position:absolute;
	left:50px;
	top:1425px;
	z-index:10;
	display:none;
}
.pop-overlay{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.5);
	z-index:9;
	display:none;
}
.pop-close{
	position:absolute;
	width:55px;
	height:55px;
	top:30px;
	right:30px;
	background-image: url(../images/gsc_close_icon.png);
	background-repeat:no-repeat;
	cursor:pointer;	
}
#supply_page{
	background-image: url(../images/gsc_supply.jpg);
	background-repeat:no-repeat;
	padding: 500px 30px 0;
}
#supply_page .act-input{
	width:590px;
}
#supply_page .act-btn{
	position:static;
	margin-top:58px;
	cursor:pointer;
}
.open-supply {
    width: 105px;
    height: 30px;
    position: absolute;
    top: 2350px;
    left: 453px;
    cursor:pointer;
}
.go_trial{
	width:750px;
	position:fixed;
	bottom:0;
	cursor:pointer;
}
#form_target{
	position:absolute;
	top:1180px;
}
.privacy-link{
	text-decoration:none;
	border-bottom:2px solid #000;
}
.logo{
	width:100px;
	height:100px;
	position:absolute;
	top:40px;
	right:50px;
}
.footer{
    text-align: center;
    font-size: 20px;
    padding: 18px 10px;
    background: #53bcee;
    color: #fff;
}