@charset "utf-8";
/* CSS Document */
.activity_btn img{width: 13%;}
.activity_btn{position: absolute;z-index: 2;
    top: 86%;
    width: 100%;
    text-align: center;cursor: pointer;}
.activity{
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(14, 20, 55, .96);
	height: 100%;
	display: none;
}
.activity.op{
	display: block;
}
.activity_div{
	width: 94%;
    margin: 8% auto;
    max-width: 960px;
    height: 82%;
    overflow: auto;
	color: #7cc2ff;
	box-shadow: 0 0 6px 3px #4bb5ff;
    border-radius: 20px;
	padding: 3% 5%;
}
.activity_div span{margin-left: 4em;display: block;}
.activity_div p{margin-bottom:2em;}
.activity_div ul{margin-top: 0;}
.activity_div li{list-style: decimal;}
.activity h2{text-align: center;font-size: 180%;color: #fff;}
.activity h2 img{width: 70%;margin: auto;max-width: 500px;}
.activity strong{color: #fff;font-size: 120%;position: relative;top: -4px;}
.activity strong::after{content: '';display: inline-block;width: 80%;height: 1px;background:rgba(255, 255, 255, .2);}
.activity_x{display: inline-block;text-decoration: underline;}
	@media screen and (min-width: 200px) and (max-width: 840px){
	.activity_btn img{width: 70%;}
	.aop1{font-size: 70%;}	
	.activity_btn{top: 82%;width: 23%;right: 10%;text-align: left;}
.activity_div p{margin-bottom:2em;font-size: 12px;}
.activity_div ul{margin-top: 0;}
.activity_div li{list-style: decimal;font-size: 12px;}
}

@media screen and (min-width: 737px) and (max-width: 812px) and (min-height: 374px) and (max-height: 413px){
	.activity_btn{top: 86%;}
}
.ff_bg video{width: 100%;}
.formok a{display: inline-block;margin: 2% auto;}
html, body {
	margin: 0px;
	position:relative;
	font-size:16px;
	color:#fff;
	font-family:"Noto Sans TC",\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;
	height:100%;
	max-width: 1920px;
    margin: auto;
}
body {background:url(../img/bg2.jpg) center top no-repeat #080e34;}
section { position:relative; margin:auto;}
*{position: relative;box-sizing: border-box;}

.font_weight1 { font-weight: 100;}
.font_weight3 { font-weight: 300;}
.font_weight4 { font-weight: 400;}
.font_weight5 { font-weight: 500;}
.font_weight7 { font-weight: 700;}
.font_weight9 { font-weight: 900;}

.section .center,.ff_bg .center { position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%); /* IE 9 */
-moz-transform:translate(-50%,-50%); /* Firefox */
-webkit-transform:translate(-50%,-50%); /* Safari and Chrome */
-o-transform:translate(-50%,-50%); /* Opera */
}

.top_logo{position: absolute;display: block;margin: 2%;cursor: pointer;z-index: 100;}
.top_logo img{width: 100%;}
.logo {max-width:140px;}
.logo_tit {max-width: 220px;position: absolute;top: 3%;right: 7%;}
.logo a { width:100%; height:100%;}
body #gotop{width: 3em;height: 3em; display: none;position: fixed;right: 20px;bottom: 20px;cursor: pointer;z-index: 999;}
body #gotop a{color: #fff;position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%); /* IE 9 */
-moz-transform:translate(-50%,-50%); /* Firefox */
-webkit-transform:translate(-50%,-50%); /* Safari and Chrome */
-o-transform:translate(-50%,-50%);
}
.root_menu_closed .icon-bar {background-color: #fff;position: absolute;top: 0;right: 0;}
.root_menu_closed .icon-bar:first-child {-webkit-transform: translateY(0)rotate(45deg);-ms-transform: translateY(0)rotate(45deg);transform: translateY(0)rotate(45deg);}
.root_menu_closed .icon-bar:nth-child(2) {opacity: 0;}
.root_menu_closed .icon-bar:last-child {-webkit-transform: translateY(-0)rotate(-45deg);-ms-transform: translateY(-0)rotate(-45deg);transform: translateY(-0)rotate(-45deg);}
a { display:block; position:relative;}
a { text-decoration:none; top:0;
transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;	/* Opera */
}
a:hover{opacity:0.8;filter:alpha(opacity=80); top:0px;}

.menu { display:block; transition:all 0.4s linear 0s;-moz-transition:all 0.4s linear 0s;-webkit-transition:all 0.4s linear 0s;-o-transition:all 0.4s linear 0s;}
.menu a{ color:#FFFFFF; font-size:2vw; font-weight:300; text-decoration:none;}
.cd-vertical-nav { position: fixed;width: 100%;height:  100%; top: 0;left: 0;text-align: center;z-index: 101;display: none;}
.cd-vertical-nav ul {background-color:rgba(8, 14, 52, .95);padding: 0;margin: auto;height:  100%; }
.cd-dot { display: inline-block; border-right: solid 0; height: 0; margin: 0;position: absolute;left: 12%;top: 1%;
	padding: 1em;}
.cd-vertical-nav li { display:block; width: 90%; margin: auto; padding: 2% 0 0%;max-width: 460px;background: url(../img/nav_li_icon.png)center bottom no-repeat;background-size: contain;}/*border-bottom: dashed 1px rgba(255, 255, 255, .2);*/
.menu_rotate {transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s;}
.menu_open {z-index:200;display: block;}


.top_menu { top: 3%; right: 0%; position: fixed; z-index: 201; cursor: pointer; font-size: 12px; background-color:hsla(232, 70%, 30%, .2); margin: 2%;
	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}
.icon-bar { display: block; width: 60px; height: 2px; border-radius: 0; background-color: #fff; margin: 10px;box-shadow: 0 0 6px 3px #4bb5ff;
    -webkit-transition: background-color .35s,-webkit-transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1);
    transition: background-color .35s,transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translateY(0)translateZ(0);    transform: translateY(0)translateZ(0);}
.root_menu_closed .menu_line_1 {-webkit-transform: translateY(12px)rotate(45deg);-ms-transform: translateY(12px)rotate(45deg);transform: translateY(12px)rotate(45deg);}
.root_menu_closed .menu_line_2 {opacity: 0;}
.root_menu_closed .menu_line_3 {-webkit-transform: translateY(-12px)rotate(-45deg);-ms-transform: translateY(-12px)rotate(-45deg);transform: translateY(-12px)rotate(-45deg);}
	
.menu_closed_txt {
    display: inline-block;
}
.menu_closed_txt {
    margin: 8% auto 0;
    color: #fff;
}
a img { border:none;}
.is-selected { }

	.menu_ds{width: 80px;display: none;height: auto;left: auto;right: -2px;top: 340px;z-index: 1;position: fixed;text-align: center;}
	.menu_ds a{width: 1.2em;margin:2em;text-align: center;color: #fff;font-size: 120%;}
	.menu_ds a img {width: 100%; margin-top:.6em;}

footer { text-align:center; color:#999; padding: 1vw;font-size: 14px;}

.pc { display:block;}
.pc2 { display: inline-block;}
.sp { display: none;}
.sp2 { display: none;}

/*------------------step3-----------------------*/
.warp { width:100%; height:100%; margin:auto; }

.bg_color { background-color:#FFF; border-top:solid 4px; overflow:hidden; margin-top: 4%;
box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.2); 
-moz-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.2); 
}
/*loading ===============*/
    .loading{}
        .loadingloading{
            background: #080e34 /*url(../img_12/common/bg_lightblueCarben.jpg)*/ repeat; background-position:center;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            position: fixed;
            text-align:center;
            z-index: 200;}
        .loading_logo{    
            width: 500px;
            height: 117px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -250px;
            margin-top: -121px;}
        .loading_bar{
            height: 231px;
            width: 320px;
            background: /*url(../img_12/common/loadingbg.png)*/ no-repeat scroll left top rgba(0, 0, 0, 0);
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -160px;
            margin-top: -115.5px;}
        .loader{
            width:1%;
            height:100%;
            background:/*url(../img_12/common/loading.png)*/ no-repeat left top;}
        .load_status{
            width: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -51px;
            margin-top: 106px;
            color: #fff;
            font-family: Arial;
            font-size: 17px;
            text-align: center;}
        .temp{
            width:4px;
            height:4px;
            overflow:hidden;
            position: absolute;
            left:-50%;
            top:-50%;}
        .temp img{
            width:4px;
            height:4px;}

@media screen and (min-width: 200px) and (max-width: 800px){
	
	.activity{font-size: 70%;}
.top_menu { display:block}
.menu {display: none;}
.menu_open { display:block;background-color: rgb(4, 66, 32); height: 100%; z-index: 101;}
.cd-vertical-nav {text-align: center; height:100%;}
.menu a { font-size: 200%;}
.cd-dot { display: inline-block; border-right: solid 0; height: 0; margin: 0;}
.cd-vertical-nav li { display:block;border-bottom: dashed 1px rgba(5, 34, 69, 0.4); width: 60%; margin: auto; padding: 6% 0 4%;}

.nav_icon img { margin: 0 3vw;}
body {font-size: 24px;}
.logo { width: 12vw; height: auto;}
.top_logo.ok {display: none;}
.th3{ padding:5vw 0;}
.tp1 { display:block; width:66%;}
.tp2 {width: 22vw;}
.tp3 { margin-top: 6px; width: 25%;}


.menu_ds{width: 80px;display: none;height: auto;left: auto;right: -2px;top: 340px;z-index: 1;position: fixed;background: url(../img/shopping-cart.png)no-repeat;text-align: center;}
.menu_ds a{width: 1.2em;margin:2em;text-align: center;color: #fff;font-size: 120%;}
.menu_ds a img {width: 100%; margin-top:.6em;}

			img{width: 100%;}
			.kv_txt{width: 100%;}
			.characteristic {width:100%;margin: auto;}
			.title {width: 90%;font-size: 220%;padding: 88px 0px 85px 0;top: -40px;margin-bottom: -40px;}
			.kv .th3 {width: 100%;}
			.pro_li {width: calc(80% / 1);float: inherit;margin: 0 auto 3%;}
		.cf{width: 100%;margin: auto;border: 8px solid #fff;}
		.cf_txt {width: 100%;margin:0 auto 3%; text-align: center;}

.menu_ds a {width: 58%;margin: 7% auto;font-size: 140%;}
.menu_ds a img {width: 20%;margin-left: 4%;margin-bottom: -4px;margin-top: 8px;margin-right: -16px;}
		}/**/


			.portrait{display: none; }
			.cf_ok .op1{display:inline-block;}
			.cf_ok .op2{display:none;}
			.cf_ok.ok .op1{display:none;}
			.cf_ok.ok .op2{display:inline-block;}
			.cf_link_rules{position: absolute;display: none;}
			.cf_link_rules.op{display:block;}
			.cf_link_rules img{width: 100%;}
			body {overflow-x: hidden;}
/*			body #section2,body #section3,body #section4,body #section5{display: none;}*/
			body.ok #section2,body.ok #section3,body.ok #section4,body.ok #section5{display: block;}
			.section1_bgbox {position:absolute;z-index: 1;top: 0;width: 100%;height: 830px;overflow: hidden;}
			body.ok {overflow:auto;overflow-x: hidden;}
			.section1{height: 100%;}
			.cf_link{width: 100%; height: 100%; position: absolute;z-index: 1;text-align: center;}
			.cf_link.op{pointer-events: none;}
			.cf_link.go{pointer-events: auto;}
			.cf_link_box{display: inline-block;width:calc(25% - 0px); margin:auto 0px;text-align: center;float: left;}
			.cf_link_box img{opacity:1;width: 100%;}
			.cf_link_list {width: 50%;top: 118%;text-align: center;margin: auto;position: absolute;left: 0;right: 0;}
			.cf{width: 960px; border: 0px solid #fff; margin: auto;top: 22px;background: url("../img/pattern.png")center no-repeat;background-size: 70%;z-index: 100;}
		.cf.off{background: none;}
			.video-container{border: 8px solid #fff;opacity: 0;}
			.video-container.go{opacity: 1;}
			.pro_in{display: none;margin-top: 20%;width: 10%;position: absolute;}
/*			.pro_in.go:hover{box-shadow: 0 0 10px 5px #fff;cursor:pointer;}*/
			.pro_in.go.ok{display: none!important;}
			.cfpro,.cfpro2 {position: absolute;width: 20%;display: none;}
			.cfpro img,.cfpro2 img{width: 100%;}
			.pro_cf1{top:50%;left:40%;}
/*			.pro_cf2{top:26%;left:5%;}*/
			.pro_cf2{top:10%;left:3%;}
			.pro_cf3{top:9%;left:5%;width: 40%;}
			.pro_cf4{top:40%;left:2%;}
			.pro_cf5{top:0%;left:0%;width: 88%;right: 0;margin: auto;}
			.cfpro.go,.cfpro2.go {display: block;}
/**/
.cfpro.go,.cfpro2.go {
animation:myfirst 2s;
-moz-animation:myfirst 2s;
-webkit-animation:myfirst 2s;
-o-animation:myfirst 2s;
}
@keyframes myfirst
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);}
}

@-moz-keyframes myfirst
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);}
}

@-webkit-keyframes myfirst
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);}
}

@-o-keyframes myfirst
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);}
}
/**/	
.pro_cf1.go {
animation:myfirst2 2s;
-moz-animation:myfirst2 2s;
-webkit-animation:myfirst2 2s;
-o-animation:myfirst2 2s;
}
@keyframes myfirst2
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
}

@-moz-keyframes myfirst2
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
}

@-webkit-keyframes myfirst2
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
}

@-o-keyframes myfirst2
{
0%   {opacity:0;filter:alpha(opacity=0);-webkit-transform: scale(2.6);transform: scale(2.6);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
100%   {opacity:1;filter:alpha(opacity=100);-webkit-transform: scale(1);transform: scale(1);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
}
/**/	
/**/
.section1_bg {
animation:section1_bg 6s infinite;
-moz-animation:section1_bg 6s infinite;
-webkit-animation:section1_bg 6s infinite;
-o-animation:section1_bg 6s infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;
}
@keyframes section1_bg
{
0%   {-webkit-transform: scale(1);transform: scale(1);}
100%   {-webkit-transform: scale(1.05) translateY(10px);transform: scale(1.08) translateY(10px);}
}

@-moz-keyframes section1_bg
{
0%   {-webkit-transform: scale(1);transform: scale(1);}
100%   {-webkit-transform: scale(1.05) translateY(10px);transform: scale(1.08) translateY(10px);}
}

@-webkit-keyframes section1_bg
{
0%   {-webkit-transform: scale(1);transform: scale(1);}
100%   {-webkit-transform: scale(1.05) translateY(10px);transform: scale(1.08) translateY(10px);}
}

@-o-keyframes section1_bg
{
0%   {-webkit-transform: scale(1);transform: scale(1);}
100%   {-webkit-transform: scale(1.05) translateY(10px);transform: scale(1.08) translateY(10px);}
}
/**/
			
			.cf_link_box{background-size: 100%;background-repeat: no-repeat;}
			.cf_link_list >  div:nth-child(1){background-image: url("../img/f1.png");}
			.cf_link_list >  div:nth-child(2){background-image: url("../img/f2.png");}
			.cf_link_list >  div:nth-child(3){background-image: url("../img/f3.png");}
			.cf_link_list >  div:nth-child(4){background-image: url("../img/f4.png");}
/*			.cf_link_list >  div:nth-child(5){background-image: url("../img/f5.png");}*/
			.cf_link_box img{opacity:0;filter:alpha(opacity=0);}
			.cf_link_box img.ok{opacity:1;filter:alpha(opacity=100);}
			.cf_link_list .cf_left,.cf_link_list .cf_right{position: absolute;background-image: none;width: 200%;font-size: 120%;color: #84b0e7;
			background-position: bottom;background-repeat: no-repeat;background-size: 100%;padding-bottom: 10%;}
			.cf_link_list .cf_left{left: -220%;margin-left: 20%;background-image: url("../img/cf_left.png");}
			.cf_link_list .cf_right{right: -220%;margin-right: 0%;background-image: url("../img/cf_right.png");}
/*			.cf_left span:nth-child(1) {top: -2em;left: .6em;}*/
			.cf_left strong ,.cf_right strong {
				color: #fff;font-size: 400%;text-shadow: 0 0 5px white, 0 0 10px #2373cb, 0 0 15px #2373cb, 0 0 40px #2373cb, 0 0 70px #2373cb;}
			.section1{z-index: 2;}
			.cf_right strong small{font-size: 60%;}
			.cf_right span {position:absolute;width: 25%;left: -4%;top: 32%;z-index: 1;}
			.cf_right span img{opacity:1;filter:alpha(opacity=100);}
			.section1_bg,.section1_bg2{position: absolute;}
			.section1_bg{ width: 100%;height: 884px;background: url("../img/kv_bg2.jpg")center top no-repeat;background-size: 1920px;}
			.section1_bg2{ width: 100%;height: 1097px;background: url("../img/kv_bg1.png")center top no-repeat;background-size: 1920px;z-index: 2;}
			body.ok .section1_bgbox {height: 1097px; overflow-x: hidden;}
	
			/*RWD Youtube 以及 Vimeo*/
.video-container{position:relative;padding-bottom:51.25%;padding-top:30px;height:0;overflow:hidden;}/*56.25%*/
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
			
			
			@media screen and (orientation: landscape) and (min-width: 1px) and (max-width: 960px){
				.section1_bgbox {height: 420px;overflow: hidden;}
				.form {color: #fff;width: 100%;overflow-x: hidden;}
				.section1_bgbox div {background-size: 820px;}
				.cd-vertical-nav li {padding: 3% 0 2%;}
				.menu a {font-size: 100%;}
				.video-container {border: 0px solid #fff;}
				.cf{width: 100%;max-width: 480px; top:0px;}
				.cf_link_list {width:54%;top: 102%;}
				.cf_link_list .cf_left,.cf_link_list .cf_right{position: absolute;font-size: 40%;}
				.cf_link_box {width: calc(25% - 8px);margin: auto 4px;}
				.icon-bar {width: 40px;height: 2px;margin: 6px;}
				.logo {max-width: 80px;}				
				.cf_link_list .cf_left span{font-size: 13px;}
			}/**/
			/*11*/
			@media screen and (min-width: 737px) and (max-width: 812px) and (min-height: 374px) and (max-height: 413px){
				.section1_bgbox div {background-size: 880px;}
				.cf{width: 100%;max-width: 518px; top:0px;}
				.cf_link_list {width:54%;top: 102%;}
				.cf_link_list .cf_left,.cf_link_list .cf_right{font-size: 60%;}
				.cf_link_list .cf_left{left: -220%;}
				.cf_link_list .cf_right{right: -220%;}
			}/**/
			/*6~10plus*/
			@media screen and (min-width: 668px) and (max-width: 736px) and (min-height: 376px) and (max-height: 414px){
				.section1_bgbox div {background-size: 880px;}
				.cf{width: 100%;max-width: 518px; top:0px;}
				.cf_link_list {width:54%;top: 102%;}
			}/**/

.ff_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0;}
.ff_bg.go{z-index: 999;opacity: 1;}

			.ff_bg.op{z-index: 999;opacity: 1;display: block;}
			.ff_bg img{width: 100%;}
			.ff_bg2{width: 100%;height: 100%;background-color:rgba(7, 11, 43, .95);}
			.ff_op{width: 100%;height: 120px;display: block;cursor: pointer;}
			.ff_bg .center {width: 100%;z-index: 1;}
			.qa_box small{
				display: none;
	position: absolute;
    background-color: rgba(255, 255, 255, .8);
    width: 96%;
    padding: 0.2em 1.2em;
    color: #ff658e;
    border: solid #fff;
    border-width: 0 2px 2px 2px;
    border-radius: 0px 0px 20px 20px/0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px/0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px/0px 0px 20px 20px;
			}
			.qa_box.op small{display: block;}

			#section1 {padding-bottom: 330px;}
			.qa_box{background: url("../img/qa_bg.png") center top no-repeat;padding-top: 6%;z-index: 1;text-align: center;}
			.qa_box{background: url("../img/qa_bg2.png") center top no-repeat;padding-top: 6%;z-index: 1;text-align: center;color: #008fe6;}
			.qa_tit{height: 110px;}
			.qa_box ul{list-style: none;margin: auto;font-size: 120%;letter-spacing: .1em;padding-left: 3.5em;display: inline-block;text-align: left;}
			.qa_box li{margin: 2em;font-weight: bold;}
			.qa_box span{font-size: 160%;font-family: initial;}
			.qa_box font.error{color: #c11d28;}
			.qa_box strong{font-size: 160%;margin-left: -2.4em;text-shadow: 2px 2px 0 #ffffff;padding-right: 10px;}
			.qa_box p{margin: 0;background: url("../img/qa_line.png") right bottom no-repeat;padding-bottom: .4em;padding-right: 2em;color: #becfe2;color:#577186;}
			.qa_box .checkbox{-webkit-transform: translateY(0px) scale(1);transform: translateY(0px) scale(1);margin: 0 1em 0 2em;}
			.qa_box {}
			.mission{display: inline-block;margin: 20px auto 80px;}
			.mission.ok{background: url("../img/mission_ok.png") center top no-repeat;background-size: 100%;}
			.mission.ok img{opacity:0;filter:alpha(opacity=0);}
			.mission_ok{text-align: center;margin: 6% auto 2%;}
			.mission_ok strong{font-size: 160%;color: #5ec9ff;display: block;margin-top: -.8em;}
			.gift{margin: auto;width: 100%;max-width: 1100px;overflow: hidden;text-align: center;}
			.gift_box{width: calc(100% / 4);max-width: 235px; display: inline-block;margin: 0 1%;}
			.gift_box a,.gift_tit,.gift_txt{position: absolute;top: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
			.gift_tit{top: .4em; font-size: 160%; font-weight: bold; letter-spacing: .1em;color: #fff;}
			.gift_txt{top: auto; bottom: .4em;color: #5dc8fe; letter-spacing: .1em;}
			.gift_txt strong{font-size: 140%;}
			.gift_pic img{width: 96%;}
			.gift_light{position: relative;top: 0;left: 0;z-index: 4;width: 100%;}
			.gift_img{position: absolute;top: 0;z-index: 3;}
/**/
.gift_pic:hover .gift_img {
animation:gift_img 1s infinite;
-moz-animation:gift_img 1s infinite;
-webkit-animation:gift_img 1s infinite;
-o-animation:gift_img 1s infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;
}
@keyframes gift_img
{
0%   {top: 0%;}
100%   {top: 5%;}
}

@-moz-keyframes gift_img
{
0%   {top: 0%;}
100%   {top: 5%;}
}

@-webkit-keyframes gift_img
{
0%   {top: 0%;}
100%   {top: 5%;}
}

@-o-keyframes gift_img
{
0%   {top: 0%;}
100%   {top: 5%;}
}
/**/	
			.gift_top{color: #23a3dd;background: url("../img/gift_top.png")bottom left no-repeat;text-align: right;margin-bottom: .2em;}
			.gift_top span{font-size:120%;position: relative;top: .8em;right: .4em;}
			.gift_top i{font-size:240%;font-family: "sans-serif"}
			.footer_pic{text-align: center;}
			.footer_pic img{width: 100%;max-width: 1343px;}
.form{background: url("../img/form_bg.png")center top no-repeat;margin-top: 6%;}			
.form .form_pro{width: 7em;position: absolute;right: 0;}
.form form{margin: auto;width: 96%;max-width: 580px;position: relative;padding: 7% 0;left: 130px;}
.form form p span{font-size: 120%;color: #fff;padding-right: .4em;}
.form input.form_input--block{width: calc(100% - 6em);}
.form select.form-input2{width: calc(50% - 7.3em);background-color: #fff;height: 2.4em;}
.form input,.form select{width: calc(100% - 6em - 130px);display: inline-block;font-size: 16px;border-radius: 5px;border: none;padding: 8px;margin: 0;vertical-align: middle;box-shadow: 0 0 2px rgba(0, 0, 0, .2);}
.form {color: #fff;}
.form .form_checkbox{width: auto;}
			.form_tit{width: 90%;max-width: 960px;text-align: right;margin:-1.2em auto;left: 0;right: 0;color: #5cc9fe;font-size: 180%;position: absolute;}
		.form_tit span{color: #fff;font-weight: bold; font-size: 160%;position: relative;bottom: -0.1em;width: 2em;height:2em;line-height: 2em;display: inline-block;text-align: center;background: url("../img/form_tit_bg.png")center no-repeat;background-size: 100%;}
			form .gift_pic{position: absolute;left: -60%;top: 4%;}
		.btn_pic{padding-top: 2em;}			

	.tap{position: absolute;width: 100%;bottom: -20%;}
	.tap img{max-width: 60px;}
	.pro_cf3 .tap {margin-bottom: 16%;}

/**/
.tap {
animation:tap .4s infinite;
-moz-animation:tap .4s infinite;
-webkit-animation:tap .4s infinite;
-o-animation:tap .4s infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;
}
@keyframes tap
{
0%   {bottom: -20%;}
100%   {bottom: -16%;}
}

@-moz-keyframes tap
{
0%   {bottom: -20%;}
100%   {bottom: -16%;}
}

@-webkit-keyframes tap
{
0%   {bottom: -20%;}
100%   {bottom: -16%;}
}

@-o-keyframes tap
{
0%   {bottom: -20%;}
100%   {bottom: -16%;}
}
/**/	
.tap2{position: absolute;
    top: 0;
    left: 0;
    padding: 40% 0;width: 100%;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.in_link{max-width: 1100px;margin:0 auto 4%;overflow: hidden;z-index: 100;}
.in_link div{width: calc(100% / 3 - 4%);
    float: left;
    border-radius: 20px;
    border: solid 5px #fff;
    box-shadow: -5px 5px 0 0 rgba(133, 84, 68, .3);
    margin: 0 5px 50px;
    box-shadow: 0 0 6px 3px #4bb5ff;
    -webkit-transition: background-color .35s,-webkit-transform .175s cubic-bezier(.215,.61,.355,1),opacity .175s cubic-bezier(.215,.61,.355,1);
    margin: 2% 2% 4%;}
.in_link div img{width: 100%;display: block;border-radius: 14px;}
.in_link div a{position: absolute;display: block;margin: auto;width: 10em;left: 0;right: 0;bottom: -2em;top: auto;text-align: center;}
.in_link a{
    position: relative;
    border-radius: 2em;
    display: inline-block;
    padding: .5em 2em;
    color: #fff;
    font-size: 120%;
	background-color: #1a99d7;
    box-shadow: 1px 2px 0 2px rgba(0, 72, 117, 1);
}
.in_link a:hover{opacity: .96;}
	.pro_cf1,.pro_cf1 .tap{-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}
	.pro_cf1 img{-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);}

		
@media screen and (orientation: portrait) and (min-width: 1px) and (max-width: 960px){
	.portrait{display: block; position: fixed;z-index: 9999;width: 100%;height: 100%;background:url("../img/landscape_icon.png")center no-repeat  rgba(8, 14, 52, 1);background-size: 50%; }
}/**/
@media screen and (orientation: landscape){
	.portrait{display: none;}
}
@media screen and (orientation: landscape) and (min-width: 1px) and (max-width: 960px){
	.in_link a{font-size: 70%;}
.tap img {max-width: 30px;}
.qa_box .checkbox{-webkit-transform: translateY(0px) scale(1.2);transform: translateY(0px) scale(1.2);}
#section1 {padding-bottom: 70px;overflow: hidden;}
.qa_tit {height: 100px;}
.qa_box ul {font-size: 70%;}
.qa_box li {margin: 0em 0em 4em;}
.qa_box strong {font-size: 130%;}
.qa_box p {font-size: 80%;}
.qa_box.op small {font-size: 80%;}
.qa_box .checkbox {margin: 0 .4em 0 .4em;}
.qa_box {background-size: 780px;}
.cf {background-size: 100%;}
.mission{margin-top: 50px;}
.mission_ok strong {font-size: 120%;margin-top: -1.4em;}
.gift_box {width: calc(100% / 4 - 2%);margin: 0 .5%;}
.gift_box img{width: 100%;}
.gift_pic img{width: 96%;}
.gift_top {font-size: 60%;background-size: 60%;}
.gift_box a {font-size: 70%;}
.gift_tit {font-size: 130%;}
.form {background:url(../img/form_bg_sp.png)0 40px no-repeat;background-size: 100%;}
.form_tit {margin: -0.2em auto;font-size: 120%;}
.form form {font-size: 70%;padding: 18% 0 10%;}
.form input.form_input--block {width: calc(77% - 6em);}
.btn_pic img {width: 50%;}

form .gift_pic {position: absolute;left: -32%;top: 9%;}
form .gift_pic img{width: 65%;}
.pc { display: none;}
.pc2 { display: none;}
.sp { display:block;}
.sp2 { display: inline-block;}
}/**/
/*11*/
@media screen and (max-width: 960px) and (min-width: 737px) and (orientation: landscape){
.qa_box ul {font-size: 100%;}
.gift_box a {font-size: 100%;}
.mission_ok strong {font-size: 160%;}
.form_tit {font-size: 160%;}
.form form {font-size: 70%;}
form .gift_pic {left: -45%;}
form .gift_pic img {width: 85%;}
.qa_box li {margin: 0em 0em 3em;}
.qa_box {background-size: 100%;}
.qa_box.op small {font-size: 60%;}
.in_link a{font-size: 90%;}
}/**/
/*6~10*/
@media screen and (min-width: 569px) and (max-width: 667px) and (min-height: 321px) and (max-height: 375px){
.section1_bgbox {background-size: 836px;}
.cf{width: 100%;max-width: 480px; top:0px;}
.cf_link_list {width:54%;top: 102%;}
.qa_box ul {font-size: 66%;}
.gift_box a {font-size: 60%;}
.mission_ok strong {font-size: 120%;}
.form_tit {font-size: 100%;}
.form form {font-size: 60%;}
.qa_box li {margin: 0em 0em 3em;}
			}/**/
			/*5*/
@media screen and (min-width: 1px) and (max-width: 568px) and (min-height: 1px) and (max-height: 320px){
	.section1_bgbox div {background-size: 730px;}
	.cf{width: 100%;max-width: 420px; top:0px;}
	.cf_link_list {width:46%;top: 103%;}
	.cf_link_list {width: 50%;}
	.cf_link_list .cf_left {left: -300%;top: -10%;width: 280%;}
	.cf_link_list .cf_right {right: -300%;top: -10%;width: 280%;}
	.qa_box ul {font-size: 60%;}
	.qa_box li {margin: 0em 0em 2em;}
	.gift_box a {font-size: 50%;}
	.mission_ok strong {font-size: 80%;}
	.form_tit {font-size: 90%;}
	.form form {font-size: 40%;}
	form .gift_pic {position: absolute;left: -27%;top: 12%;}
	form .gift_pic img {width: 50%;}
}/**/