@charset "utf-8";

/*基礎框架 */
.section{position:relative; max-width:1920px; margin:0 auto;} /*限制 1920寬 */
.centerwrap{  position:relative; width:72%;  margin:0 auto;}
.videowrap{  position:relative;  margin:0 auto;}
.presswrap{  position:relative; width:1000px;  margin:0 auto;}
.section.noflow{overflow:hidden;}

/*css class */
.btn{cursor: pointer;}

/*pop*/
#pop{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(51,44,40,0.9);}
#popin{position:absolute;z-index:9;top:50%;left:50%;width:40%;max-width:800px;max-height:500px;min-height:250px;transform:translate(-50%,-50%);background:#fff;border-radius:30px;transition: all 1s;margin-top:-300px;opacity:0;}
#popin.on{margin-top:0;opacity:1;}
#popincontent{position:relative;padding:50px 80px;max-height: calc(100% - 100px);}
.popclosebg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;}
.popclosebtn{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:30px;background:#333333;overflow:hidden;text-align:center;}
.popclosebtn i{font-size:24px;line-height:40px;color:#fff;margin:0 auto;}
.popbtn{display:inline-block;padding:5px 30px;background:#736357;}
#popincontent input{width:calc(100% - 26px);padding:5px 10px;border:3px solid #534741; }



.hcenter{position:absolute;top:50%;transform: translateY(-50%);}
.nomargin{margin:0!important;}
.z001{z-index: 1;}
.z002{z-index: 2;}
.z003{z-index: 3;}
.z004{z-index: 4;}

/* css 動態 */
.mover{transition: all 1s;margin-top:100px;opacity:0;}
.moverleft{transition: all 1s;margin-left:100px;opacity:0;}
.mover.on{margin-top:0px;opacity:1;}
.moverleft.on{margin-left:0px;opacity:1;}
/* FONT */
/* color */
.fbold{font-weight:600;}
.fbbold{font-weight:900;}
.fcolor000{color:#000;}
.fcolorfff{color:#fff;}
.fcolor70{color:#707070;}
.fcolorc2fec0{color:#c2fec0;}
.fcolorbfbfbf{color:#bfbfbf;}
.fcolorec6828{color:#ec6828;}
.fcolor4065BC{color:#4065BC;}
.fcolorEA560F{color:#EA560F;}
.fcolor736357{color:#736357;}
/*SIZE */
.fsize100{font-size:100px;line-height:1.8;}
.fsize50{font-size:50px;line-height:1.8;}
.fsize44{font-size:44px;line-height:1.8;}
.fsize32{font-size:32px;line-height:1.8;}
.fsize30{font-size:30px;line-height:1.8;}
.fsize28{font-size:28px;line-height:1.8;}
.fsize26{font-size:26px;line-height:1.8;}
.fsize24{font-size:24px;line-height:1.8;}
.fsize20{font-size:20px;line-height:1.8;}
.fsize18{font-size:18px;line-height:1.8;-webkit-text-size-adjust: none;}
.fsize16{font-size:16px;line-height:1.8;-webkit-text-size-adjust: none;}
.fsize14{font-size:14px;line-height:1.8;-webkit-text-size-adjust: none;}

.fonts{line-height:1!important;}/*設定相等於字高*/
.fonts2{line-height:1.2!important;}/*設定相等於1.2倍 字高*/
.fontl{line-height:2!important;}/*設定相等於字高*/
/* bgcolor */
.bgcolorfff{background:#fff;}
.bgcolor000{background:#000;}
.bgcolor08080a{background:#08080a;}
.bgcolor4065BC{background:#4065BC;}
.op10{opacity:0.1;}
.op15{opacity:0.15;}
.op20{opacity:0.2;}
.op25{opacity:0.25;}
.op30{opacity:0.30;}
.op35{opacity:0.35;}
.op40{opacity:0.40;}
.op45{opacity:0.45;}
.op50{opacity:0.5;}
.op55{opacity:0.55;}
.op60{opacity:0.6;}
.op65{opacity:0.65;}
.op70{opacity:0.7;}
.op75{opacity:0.75;}
.op80{opacity:0.8;}
.op85{opacity:0.85;}
.op90{opacity:0.9;}
.op95{opacity:0.95;}
/* layer */
.z1{z-index:1!important;}
.z2{z-index:2!important;}
.z3{z-index:3!important;}


/* width */
.w40{width:40%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.mx100{max-width:100%;}
/* height */
.h100{height:100%;}
.h90{height:90%;}

/* margin in %*/
.mr01{margin-right:1%;}
.mr02{margin-right:2%;}
.mr05{margin-right:5%;}
.mr10{margin-right:10%;}
.mv10{margin-top:10px;margin-bottom:10px;}
.mv30{margin-top:30px;margin-bottom:30px;}

/* pad */
.vpad10{padding:10px 0;}
.vpad20{padding:20px 0;}
.vpad25{padding:25px 0;}
.vpad30{padding:30px 0;}
.vpad40{padding:40px 0;}
.vpad50{padding:50px 0;}
.vpad60{padding:60px 0;}
.vpad70{padding:70px 0;}
.vpad90{padding:90px 0;}
.hpad10{padding:0 10px;}
.hpad20{padding:0 20px;}
.hpad25{padding:0 25px;}
.hpad30{padding:0 30px;}
.hpad40{padding:0 40px;}
.hpad50{padding:0 50px;}
.hpad70{padding:0 70px;}
.apad10{padding:10px;}
.apad20{padding:20px;}
.apad25{padding:25px;}
.apad30{padding:30px;}
.apad40{padding:40px;}
.apad50{padding:50px;}

.btb{border-top:1px solid #333;padding: 0 10px;border-bottom:1px solid #333;letter-spacing:8px;}
/*切換 */
.show400{display:none!important;}
.hide400{}


/*header*/
header{position:relative;}

/* formblock */
/* 總高度  45 + 4 + 40 =89 */ 
.formblock{margin:-44px 60px -45px 60px;border:3px solid #534741;background:#fff;border-radius:25px;overflow:hidden;}
.formblock span{display:inline-block;height:45px;font-size:28px;line-height:45px;color:#534741;float:left;border-right:3px solid #534741;;}
.formblock span img{float:left;margin-right:10px;height:100%;}
.formblock span img:nth-child(2){float:right;margin-right:0;}
.formblock span:nth-child(1){width:calc(34% - 3px);padding:20px 1.2%;}
.formblock span:nth-child(2){width:calc(25% - 3px);padding:20px 1.2%;}
.formblock span:nth-child(3){width:calc(25% - 3px);padding:20px 1.2%;}
.formblock span:nth-child(4){width:6.6%;margin-right:-0.2%;padding:20px 1.2%;color:#fff;background:#bf956d;text-align:center;border-right:0;}

/* contents */
.contents{position:relative;padding:100px 0 0 0;background-image:url("../image/cbg.jpg") ;background-size: 100% auto;text-align:center;}
.contenttext{width:1100px;margin:0 auto;}
.contenttext p{letter-spacing:3px;}
.cbg2{position:absolute;height:105%;right:0;top:0;}
.bline{margin-top:-14px;}
/* popimg */
.popimg{position:absolute;top:0;height:100%;width:23%;}
.popimg.img1{left:2%;}
.popimg.img2{left:26%;}
.popimg.img3{left:51%;}
.popimg.img4{left:74%;}
#popimgin{position:absolute;z-index:9;top:50%;left:50%;width:80%;max-width:1600px;height:90%;max-height:800px;transform:translate(-50%,-50%);background:#000;transition: all 1s;margin-top:-300px;opacity:0;}
#popimgin.on{margin-top:0;opacity:1;}
#popimgin #popinconten{position:relative;height:calc(100% - 100px);width:calc(100% - 160px);}
#popimgin img{max-width:100%;max-height:100%;}




footer{background:#736357;}






/* 1920內 全尺寸之物件 */
@media screen and (max-width: 1920px) {
		
	/* css 動態 */
	.mover{margin-top:calc(100vw / 19.2);}

	/*SIZE */
	.fsize100{font-size:calc(100vw / 19.2);}
	.fsize50{font-size:calc(50vw / 19.2);}
	.fsize44{font-size:calc(44vw / 19.2);}
	.fsize32{font-size:calc(32vw / 19.2);}
	.fsize30{font-size:calc(30vw / 19.2);}
	.fsize28{font-size:calc(28vw / 19.2);}
	.fsize26{font-size:calc(26vw / 19.2);}
	.fsize24{font-size:calc(24vw / 19.2);}
	.fsize20{font-size:calc(20vw / 19.2);}
	.fsize18{font-size:calc(18vw / 19.2);-webkit-text-size-adjust: none!important;}
	.fsize16{font-size:calc(16vw / 19.2);-webkit-text-size-adjust: none!important;}
	.fsize14{font-size:calc(14vw / 19.2);-webkit-text-size-adjust: none!important;}

	/* margin in %*/
	.mv30{margin-top:calc(30vw / 19.2);margin-bottom:calc(30vw / 19.2);}

	/* pad */
	.vpad10{padding:calc(10vw / 19.2) 0;}
	.vpad20{padding:calc(20vw / 19.2) 0;}
	.vpad25{padding:calc(25vw / 19.2) 0;}
	.vpad30{padding:calc(30vw / 19.2) 0;}
	.vpad40{padding:calc(40vw / 19.2) 0;}
	.vpad50{padding:calc(50vw / 19.2) 0;}
	.vpad60{padding:calc(60vw / 19.2) 0;}
	.vpad70{padding:calc(70vw / 19.2) 0;}
	.vpad90{padding:calc(90vw / 19.2) 0;}
	.hpad10{padding:0 calc(10vw / 19.2);}
	.hpad20{padding:0 calc(20vw / 19.2);}
	.hpad25{padding:0 calc(25vw / 19.2);}
	.hpad30{padding:0 calc(30vw / 19.2);}
	.hpad40{padding:0 calc(40vw / 19.2);}
	.hpad50{padding:0 calc(50vw / 19.2);}
	.apad10{padding:calc(10vw / 19.2);}
	.apad20{padding:calc(20vw / 19.2);}
	.apad25{padding:calc(25vw / 19.2);}
	.apad30{padding:calc(30vw / 19.2);}
	.apad40{padding:calc(40vw / 19.2);}
	.apad50{padding:calc(50vw / 19.2);}

	/*pop*/
	#popin{border-radius:calc(30vw / 19.2);}
	#popincontent{position:relative;padding:calc(50vw / 19.2) calc(80vw / 19.2); max-height: calc(100% - calc(100vw / 19.2));    margin: calc(50vw / 19.2) calc(80vw / 19.2);}
	.popclosebtn{position:absolute;top:calc(15vw / 19.2);right:calc(15vw / 19.2);width:calc(40vw / 19.2);height:calc(40vw / 19.2);border-radius:calc(30vw / 19.2);}
	.popclosebtn i{font-size:calc(24vw / 19.2);line-height:calc(40vw / 19.2);}
	.popbtn{padding:calc(5vw / 19.2) calc(30vw / 19.2);}
	#popincontent input{width:calc(100% - calc(26vw / 19.2));padding:calc(5vw / 19.2) calc(10vw / 19.2);border:calc(3vw / 19.2) solid #534741; }

	/* formblock */
	/* 總高度  45 + 4 + 40 =89 */ 
	.formblock{margin:calc(-44vw / 19.2) calc(60vw / 19.2) calc(-45vw / 19.2) calc(60vw / 19.2);border:calc(3vw / 19.2) solid #534741;background:#fff;border-radius:calc(25vw / 19.2);}
	.formblock span{font-size:calc(28vw / 19.2);height:calc(45vw / 19.2);line-height:calc(45vw / 19.2);border-right:calc(3vw / 19.2) solid #534741;;}
	.formblock span img{margin-right:calc(10vw / 19.2);}
	.formblock span:nth-child(1){padding:calc(20vw / 19.2) 1.2%;}
	.formblock span:nth-child(2){padding:calc(20vw / 19.2) 1.2%;}
	.formblock span:nth-child(3){padding:calc(20vw / 19.2) 1.2%;}
	.formblock span:nth-child(4){padding:calc(20vw / 19.2) 1.2%;border-right:0;}

	/* contents */
	.contents{padding:calc(100vw / 19.2) 0 0 0;}
	.contenttext{width:calc(1100vw / 19.2);}
	.contenttext p{letter-spacing:calc(3vw / 19.2);}
	.bline{margin-top:calc(-14vw / 19.2);}
	.btb{padding: 0 calc(10vw / 19.2);letter-spacing:calc(8vw / 19.2)}

	/* popimg */
	#popimgin #popinconten{position:relative;height:calc(100% - calc(100vw / 19.2));width:calc(100% - calc(160vw / 19.2));}


}

/* 手機板  */
@media screen and (max-width: 1070px) {
	.show400{display:block!important;}
	.hide400{display:none!important;}
	/* css 動態 */
	.mover{margin-top:calc(100vw / 6);}
	/*SIZE */
	.fsize100{font-size:calc(100vw / 6);}
	.fsize50{font-size:calc(50vw / 6);}
	.fsize44{font-size:calc(44vw / 6);}
	.fsize32{font-size:calc(32vw / 5.5);}
	.fsize30{font-size:calc(30vw / 5.5);}
	.fsize28{font-size:calc(28vw / 5.5);}
	.fsize26{font-size:calc(26vw / 5.5);}
	.fsize24{font-size:calc(24vw / 5.5);}
	.fsize20{font-size:calc(22vw / 5.5);}
	.fsize18{font-size:calc(18vw / 5.5);}
	.fsize16{font-size:calc(16vw / 5.5);}
	.fsize14{font-size:calc(14vw / 5.5);}
	/* margin in %*/
	.mv30{margin-top:calc(30vw / 6);margin-bottom:calc(30vw / 6);}
	/* pad */
	.vpad10{padding:calc(10vw / 6) 0;}
	.vpad20{padding:calc(20vw / 6) 0;}
	.vpad25{padding:calc(25vw / 6) 0;}
	.vpad30{padding:calc(30vw / 6) 0;}
	.vpad40{padding:calc(40vw / 6) 0;}
	.vpad50{padding:calc(50vw / 6) 0;}
	.vpad60{padding:calc(60vw / 6) 0;}
	.vpad70{padding:calc(70vw / 6) 0;}
	.vpad90{padding:calc(90vw / 6) 0;}
	.hpad10{padding:0 calc(10vw / 6);}
	.hpad20{padding:0 calc(20vw / 6);}
	.hpad25{padding:0 calc(25vw / 6);}
	.hpad30{padding:0 calc(30vw / 6);}
	.hpad40{padding:0 calc(40vw / 6);}
	.hpad50{padding:0 calc(50vw / 6);}
	.apad10{padding:calc(10vw / 6);}
	.apad20{padding:calc(20vw / 6);}
	.apad25{padding:calc(25vw / 6);}
	.apad30{padding:calc(30vw / 6);}
	.apad40{padding:calc(40vw / 6);}
	.apad50{padding:calc(50vw / 6);}



	.formblock{position:absolute;top:5vw;left:0;margin:5vw 10vw 0 10vw;border:1vw solid #534741;background:#fff;border-radius:5vw;overflow:hidden;}
	.formblock span{display:inline-block;height:8vw;font-size:5vw;line-height:8vw;border-right:1vw solid #534741;;}
	.formblock span img{float:left;margin-right:2vw;height:100%;}
	.formblock span img:nth-child(2){float:right;margin-right:0;}
	.formblock span:nth-child(1){width:94.1%;padding:4vw 3%;border-right:0;margin-right:1%;border-bottom:1vw solid #534741;}
	.formblock span:nth-child(2){width:94.1%;padding:4vw 3%;border-right:0;margin-right:1%;border-bottom:1vw solid #534741;}
	.formblock span:nth-child(3){width:calc(64% - 3px);padding:4vw 3%;}
	.formblock span:nth-child(4){width:25%;margin-right:-2%;padding:4vw 3%;}

	





	/* contents */
	.contents{position:relative;padding:75vw 0 0 0;background-image:url("../image/cbgm.png") ;}
	.contenttext{width:90%;}
	.contenttext p{letter-spacing:0;}
/*	.cbg2{position:absolute;height:75%;right:0;top:auto;bottom:0vw;}*/
	.bline{margin-top:calc(-14vw / 6);}
	.btb{padding: 0 2vw;letter-spacing:1vw}
	/*pop*/
	#popin{width:90%;height:50%;max-width:auto;max-height:auto;border-radius:calc(30vw / 6);}
	#popincontent{position:relative;padding:15vw 5vw;}
	.popclosebtn{position:absolute;top:2vw;right:2vw;width:calc(40vw / 6);height:calc(40vw / 6);border-radius:calc(30vw / 6);}
	.popclosebtn i{font-size:calc(24vw / 6);line-height:calc(40vw / 6);}
	.popbtn{padding:calc(5vw / 6) calc(30vw / 6);}
	#popincontent input{width:calc(100% - calc(26vw / 6));padding:calc(5vw / 6) calc(10vw / 6);border:calc(3vw / 6) solid #534741; }

	/* popimg */
	.popimg{position:absolute;top:0;height:45%;width:45%;}
	.popimg.img1{top:3%;left:2%;}
	.popimg.img2{top:3%;left:52%;}
	.popimg.img3{top:53%;left:2%;}
	.popimg.img4{top:53%;left:52%;}
	#popimgin{position:absolute;z-index:9;top:50%;left:50%;width:100%;height:50%;transform:translate(-50%,-50%);background:#000;transition: all 1s;margin-top:-300px;opacity:0;}
	#popimgin.on{margin-top:0;opacity:1;}
	#popimgin #popincontent{position:relative;padding:15vw 3vw;height:calc(100% - 30vw);width:calc(100% - 6vw);    margin: 0;}
	#popimgin img{max-width:100%;max-height:100%;}






}