@charset "utf-8";
.forminput {
    background: red !important;
}
.myerr {
    color: red;
}
/*基礎框架 */
.section{position:relative; max-width:1920px; margin:0 auto;} /*限制 1920寬 */
.centerwrap{  position:relative; width:82%;  margin:0 auto;}
.centerwrap2{  position:relative; width:72%;  margin:0 auto;}
.centerwrapabout{  position:relative; width:90%;  margin:0 auto;}


.presswrap{  position:relative; width:1000px;  margin:0 auto;}
.section.noflow{overflow:hidden;}


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



.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{margin-top:0;margin-left:100px;opacity:0;}
.moverright{margin-top:0;margin-left:-100px;opacity:0;}
.mover.on{margin-top:0px;opacity:1;}
.moverleft.on{margin-left:0px;}
.moverright.on{margin-left:0px;}
/* FONT */
/* color */
.fbold{font-weight:600;}
.fbbold{font-weight:900;}
.fcolor000{color:#000;}
.fcolorfff{color:#fff;}
.fcolor50{color:#505050;}
.fcolor74{color:#747474;}
.fcolor8A{color:#8A8A8A;}
.fcoloraa{color:#aaaaaa;}
.fcolor3e3a39{color:#3e3a39}

/*SIZE */
.fsize100{font-size:100px;line-height:1;}
.fsize80{font-size:80px;line-height:1.4;}
.fsize50{font-size:50px;line-height:1.5;}
.fsize44{font-size:44px;line-height:1.5;}
.fsize40{font-size:40px;line-height:1.5;}
.fsize36{font-size:36px;line-height:1.5;}
.fsize32{font-size:32px;line-height:1.5;}
.fsize30{font-size:30px;line-height:1.5;}
.fsize28{font-size:28px;line-height:1.5;}
.fsize26{font-size:26px;line-height:1.5;}
.fsize24{font-size:24px;line-height:1.5;}
.fsize22{font-size:22px;line-height:1.5;}
.fsize20{font-size:20px;line-height:1.5;}
.fsize18{font-size:18px;line-height:1.5;-webkit-text-size-adjust: none;}
.fsize16{font-size:16px;line-height:1.5;-webkit-text-size-adjust: none;}
.fsize14{font-size:14px;line-height:1.5;-webkit-text-size-adjust: none;}
.fsize12{font-size:14px;line-height:1.5;-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;}
.bgcolorF6F5F3{background:#F6F5F3;}
.bgebe7e4{background:#ebe7e4;}
.bgdbdcdc{background:#dbdcdc;}
.bgcolor3e3a39{background:#3e3a39;}
.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%;}
.w100{width:100%;}
.mx100{max-width:100%;}
/* height */
.h100{height:100%;}


/* 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;}
.vpad15{padding:15px 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;}

/* letter spacing */
.ls01{letter-spacing:0.1em;}
.ls02{letter-spacing:0.2em;}
.ls03{letter-spacing:0.3em;}
/*切換 */
.show400{display:none!important;}
.hide400{}


/*header*/
header{position:fixed;z-index:99;top:0;left:0;height:104px;width:100%;box-shadow:1px 1px 10px rgba(0,0,0,0.2);}
header .section{height:100%;}
.header{position:relative;height:104px;}
.headerin{position:relative;display:inline-block;height:104px;z-index:1;float:right;}
.headerin .navitem{ position:relative;display:inline-block;float:left;text-align:center;height:100%;border:0;margin:0 30px;}
.headerin .navitem:last-child{margin-right:90px;}
.navitem a{display:block;height:100%;width:100%;}
.navitemin{position:relative;top:50%; transform:translateY(-50%);text-align:center;}
.navitemin h1{letter-spacing:4px;color:#3e3a39;font-weight:400;}
.navitemin p{letter-spacing:2px;color:#3e3a39;font-weight:400;position:absolute;top:0;width:140%;left:-20%;text-align:center;}
.naviteminline{position:absolute;opacity:0;left:0;bottom:0;border-top:2px solid #000000;width:100%;}
.navitem.on .naviteminline{opacity:1;}
.navitem.on .ch1{opacity:0!important;}
.navitem.on .ch2{opacity:1!important;}
.navitemin .ch1{opacity:1;transition: all 0.3s;}
.navitemin .ch2{opacity:0;transition: all 0.3s;}
.navitemin:hover .ch1{opacity:0;}
.navitemin:hover .ch2{opacity:1;}	 

/* sidebar */
#sidebar{position:fixed;left:calc(50% + 870px);top:70%;transform: translateY(-50%);z-index:45;}
.sideitem{position:relative;display:block;height:50px;width:50px;margin-bottom:10px;}
.sideitem img{width:100%;}
/* index banner 設定 */
.bannerblock{position:relative;background:#000;overflow:hidden;z-index:1;}
.bannerblock .bannerbg{position:relative;z-index:0;opacity:0;width:100%;}
.bannerblock .banneritem{position:absolute;top:0;left:0;width:100%;height:100%;transition: all 2.5s; opacity:0;overflow:hidden; z-index:1;}
.bannerblock .banneritem.on{opacity:1;z-index:2;}
.bannerblock .banneritem .bannerimg{width:100%;z-index:0;transition: all 2.5s; opacity:0;}
.bannerblock .banneritem.on .bannerimg{opacity:1;}
.bannerblock .banneritem .bannertext{position:absolute;width:100%;z-index:1;transition-delay: 1s;  transition-property: all;  transition-duration: 2s; opacity:0;}
.bannerblock .banneritem.on .bannertext{opacity:1;}
.bannericonwrap{position:absolute;bottom:110px;left:300px;width:calc(100% - 300px);z-index:9;}
.bannericonwrap img{width:67px;float:left;margin-right:10px;}
.indexbannertext{position:absolute;top:110px;right:0;width:40%;z-index:8;}
.indexbannertext p{width:360px;margin:0 auto;}


/* pitem */
.pitemwrap{position:relative;}
.pitemwrap::after{  content:'';  display:table;  clear:both;}
.pitem{position:relative;display:inline-block;float:left;width:32.4%;margin-right:1.4%;margin-bottom:30px;overflow:hidden;box-shadow:1px 1px 10px rgba(0,0,0,0);}
.pitembg{width:calc(100% - 2px);border:1px solid #fff;}
.pitem:hover{ box-shadow:1px 1px 10px rgba(0,0,0,0.3);}
.pitem:nth-child(3n){margin-right:0;}
.pitem p{position:absolute;z-index:3;left:5%;bottom:4%;letter-spacing:0.1em;}
.pitem .ibox{position:absolute;z-index:3;left:5%;top:4%;height:51px;width:50%;}
.pitem .ibox img{height:100%;margin-right:3%;float:left;}





/* more */
.more{display:inline-block;padding:0 40px;border:1px solid #cccccc;}

/* i video */
#indexvideowrap{position:relative;}
#indexvideowrap::after{  content:'';  display:table;  clear:both;}
.ivideoitem{position:relative;float:left;width:30.4%;margin-right:4.4%;overflow:hidden;}
.ivideoitem:nth-child(3n){margin-right:0;}
.ivimgbox{position:relative;width:100%;}
.ivimgbox img.z000{width:calc(100% - 2px);border:1px solid #fff;}
.ivtextbox{position:relative;height:150px;}
.ivideoitem p{}
.ivideoitem .vicon{position:absolute;top:50%;left:50%;width:22%;z-index:4;transform:translate(-50% , -50%);}
.ivlink{display:inline-block;}

/* i report */
.ritemwrap{position:relative;}
.ritemwrap::after{  content:'';  display:table;  clear:both;}
.ritem{position:relative;display:inline-block;float:left;width:32%;margin-right:2%;margin-bottom:30px;overflow:hidden;box-shadow:1px 1px 10px rgba(0,0,0,0);}
.ritembg{width:calc(100% - 2px);border:1px solid #fff;}
.ritem:hover .ritembg{ box-shadow:1px 1px 10px rgba(0,0,0,0.3);}
.ritem:nth-child(3n){margin-right:0;}
.ritem .irtextbox{position:relative;height:100px;}



/* index contact */
.contactbox{position:relative;}
.contactbox .split2{width:48.5%;float:left;margin-right:3%;}
.contactbox .split2:nth-child(2n){margin-right:0;}
.contactbox::after{  content:'';  display:table;  clear:both;}
.contactimg{width:calc(100% - 2px);border:1px solid #fff;box-shadow:1px 1px 10px rgba(0,0,0,0.3);}
.contactbox2{position:relative;}
.contactbox2 .split2:nth-child(2){width:74%;float:left;margin-right:1%;}
.contactbox2 .split2:nth-child(3){width:25%;float:left;}
.contactbox2::after{  content:'';  display:table;  clear:both;}
.contactbox3{position:relative;}
.contactbox3::after{  content:'';  display:table;  clear:both;}
.contactitem{width:33%;float:left;}
.contactitem img{width:15%;float:left;margin-right:10px;}

/*footer*/
footer{overflow:hidden;}
.footershadow{position:relative;height:10px;margin-top:-10px;box-shadow: 0 0 10px rgba(0,0,0,0.3);z-index:2;}
.footerbottom{position:relative;z-index:1;}
/* ############################################# */
/* about us */
.aboutbox1{position:relative;}
.aboutbox1::after{  content:'';  display:table;  clear:both;}
.aboutbox1 img{float:right;margin-left:40px;width:500px;}
.aboutbox1 .abouttext{width:410px;float:left;}
.abouttitle {position:relative;}
.abouttitle h3{position:relative;display:inline-block;padding-right:20px;}
.abouttitle .aboutline{position:absolute;top:50%;left:0;width:100%;border-top:1px solid #ccc;}
.iconbox{position:relative;}

.iconbox a{display:inline-block;width:70px;height:70px;margin:20px 17px;}
.iconbox a img{width:100%;}
.iconbox div{display:inline-block;width:60px;height:60px;margin:20px 17px;}
.iconbox div img{width:100%;}
.abouttext2{width:530px;margin:0 auto;}



/*tag */
.tagbox{position:relative;}
.tagbox span{display:inline-block;margin:0 3px;padding:10px 20px;BACKGROUND:#ebe7e4;}
.tagbox span.on{background:#dbdcdc;}








/* video page */
#videowrap{position:relative;}
#videowrap::after{  content:'';  display:table;  clear:both;}
#videowrap .ivideoitem{margin-bottom:30px;}
/* video  inpage */
.videowrap{  position:relative; width:100%; margin:0 auto;}
.videowrap iframe{width:100%;height:50vw;}

/* press */
.nitemwrap{position:relative;}
.nitemwrap::after{  content:'';  display:table;  clear:both;}
.nitem{position:relative;display:inline-block;float:left;width:24%;height:500px;margin-right:1.33%;margin-bottom:50px;overflow:hidden; }
.nitembg{width:100%;}
.nitem:nth-child(4n){margin-right:0;}
.nitem p{position:relative;}
.nitem p:nth-child(2){height:60px;}
.nitem p:nth-child(3){height:80px;}
.nitem  a:hover p:nth-child(2){border-top:10px solid #000;margin-top:-10px;}

/* contact form */

.formline{position:relative;margin:20px 0;} 
.formline::after{  content:'';  display:table;  clear:both;}
.formline input[type=text],.formline input[type=password]{width:calc(100% - 12px);padding:8px 5px;border:1px solid #BFBFBF;background:#fff;}
.formline select{width:calc(100% - 2px);padding:8px 5px;border:1px solid #BFBFBF;background:#fff;appearance:auto;}
.formline textarea{width:calc(97% - 12px);height:220px;padding:5px 5px;border:1px solid #BFBFBF;}
.formline #capchk{width:calc(100% - 18px);margin:0!important;text-align:center;padding:10px 8px!important;}
.formbtn{width:100%;padding: 20px 0;margin-right:10px;border-radius:5px;text-align:center;}

/* map */
.contactmap iframe{width:100%;height:580px;}

/* process*/
.processline{padding: 35px 0;}
.processline::after{  content:'';  display:table;  clear:both;}
.processline .processitem{display:inline-block;height:394px;}
.processline .processitem:nth-child(1){float:left;}
.processline .processitem:nth-child(1) img{height:352px;border:1px solid #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.processline .processitem:nth-child(2){float:right;}
.processline .processitem:nth-child(2) img{height:100%;}

/* 1920內 全尺寸之物件 */
@media screen and (max-width: 1920px) {
		
	/* css 動態 */
	.mover{margin-top:calc(100vw / 19.2);}
	.moverright{margin-top:0;margin-right:calc(100vw / 19.2);}
	.moverleft{margin-top:0;margin-left: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);}
	.fsize40{font-size:calc(40vw / 19.2);}
	.fsize36{font-size:calc(36vw / 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);}
	.fsize22{font-size:calc(22vw / 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;}
	.vpad15{padding:calc(15vw / 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);}

	/*header*/
	header{height:calc(104vw / 19.2);}
	.header{height:calc(104vw / 19.2);}
	.headerin{height:calc(104vw / 19.2);}
	.navitem{marging:0 calc(30vw / 19.2);}
	.headerin .navitem:last-child{margin-right:calc(90vw / 19.2);}
	.navitemin{}
	.navitemin h1{letter-spacing:calc(4vw / 19.2);}
	.navitemin p{letter-spacing:calc(2vw / 19.2);}
	
	/* sidebar */
	#sidebar{left:auto;right:calc(60vw / 19.2);}
	.sideitem{height:calc(50vw / 19.2);width:calc(50vw / 19.2);margin-bottom:calc(10vw / 19.2);}


	
	/* index banner 設定 */
	
	.bannericonwrap{bottom:calc(110vw / 19.2);left:calc(300vw / 19.2);width:calc(100% - calc(300vw / 19.2));}
	.bannericonwrap img{width:calc(67vw / 19.2);margin-right:calc(10vw / 19.2);}
	.indexbannertext p{width:calc(360vw / 19.2);margin:0 auto;}




	/*tag */
	.tagbox span{margin:0 calc(3vw / 19.2);padding:0 calc(20vw / 19.2);border-radius:calc(5vw / 19.2);}

	/* pitem */
	.pitem{margin-bottom:calc(30vw / 19.2);}
	.pitembg{box-shadow:1px 1px calc(10vw / 19.2) rgba(0,0,0,0.5);}
	.pitem .ibox{height:calc(51vw / 19.2);}

	/* iicon */
	.iiconbox a{width:calc(66vw / 19.2);height:calc(66vw / 19.2);margin:calc(10vw / 19.2) calc(5vw / 19.2);}
	



	/* more */
	.more{padding:0 calc(40vw / 19.2);}
	
	/* i video */
	.ivtextbox{height:calc(150vw / 19.2);}
	
	/* i report */
	.ritem{margin-bottom:calc(30vw / 19.2);}
	.ritem .irtextbox{height:calc(100vw / 19.2);}

	
	/* contact */
	.contactitem img{margin-right:calc(25vw / 19.2);}
	
	


	/*footer*/
	.footershadow{height:calc(10vw / 19.2);margin-top:-calc(10vw / 19.2);box-shadow: 0 0 calc(10vw / 19.2) rgba(0,0,0,0.5);}
	
	/* ############################################# */
	/* about us */
	.aboutbox1 img{margin-left:calc(40vw / 19.2);width:calc(500vw / 19.2);}
	.aboutbox1 .abouttext{width:calc(410vw / 19.2);}
	.abouttitle h3{padding-right:calc(20vw / 19.2);}
	.iconbox a{display:inline-block;width:calc(70vw / 19.2);height:calc(70vw / 19.2);margin:calc(20vw / 19.2) calc(17vw / 19.2);}
	.abouttext2{width:calc(530vw / 19.2);}


	/* video page */
	#videowrap .ivideoitem{margin-bottom:calc(30vw / 19.2);}
	/* video  inpage */
	.vback{margin:calc(30vw / 19.2) calc(200vw / 19.2) calc(160vw / 19.2) calc(200vw / 19.2);padding:0 calc(80vw / 19.2);}

	/* press */
	.nitem{height:calc(500vw / 19.2);margin-bottom:calc(50vw / 19.2);}
	.nitem p:nth-child(2){height:calc(60vw / 19.2);}
	.nitem p:nth-child(3){height:calc(80vw / 19.2);}
	
	/* contact */
	.contactwrap.stly1{border-radius:calc(10vw / 19.2);overflow:hidden;}
	.contactitem span img{margin-right:calc(10vw / 19.2);}

	/* contact form */
	.formline{margin:calc(12vw / 19.2) 0;}
	.formline input[type=text],.formline input[type=password]{padding:calc(8vw / 19.2) 5px;}
	.formline select{padding:calc(8vw / 19.2) 5px;}
	.formline textarea{width:calc(97% - 12px);height:calc(220vw / 19.2);padding:calc(5vw / 19.2) 5px;}
	.formline #capchk{width:calc(100% - 18px);margin:0!important;text-align:center;padding:calc(10vw / 19.2) 8px!important;}
	.formbtn{padding: calc(20vw / 19.2) 0;margin-right:calc(10vw / 19.2);border-radius:calc(5vw / 19.2);}

	/* map */
	.contactmap iframe{height:calc(580vw / 19.2);}
	
	/* process*/
	.processline{padding: calc(35vw / 19.2) 0;}
	.processline .processitem{height:calc(394vw / 19.2);}
	.processline .processitem:nth-child(1) img{height:calc(calc(354vw / 19.2) - 2px);box-shadow: 1px 1px calc(10vw / 19.2) rgba(0,0,0,0.3);}

}

/* 手機板  */
@media screen and (max-width: 1070px) {
	header{position:fixed;z-index:91;width:100%;top:0;left:0;height:14vw;}
	.header{height:14vw;display:block;}
	.hmicon{position:absolute;height:8vw;top:3vw;left:4vw;z-index:7;color:#707070;}
	#hmicon.hmicon{left:auto;right:4vw;top:2vw;height:10vw;}
	.headerin .hmicon{opacoty:0;color:#fff;}
	.headerin{position:fixed;z-index:50;top:0;left:100%;width:100%;height:100%;background:#fff;overflow:hidden;transition:all 0.5s;opacity:0;}
	.headerin.on{left:0;opacity:1;}
	.headerin.on .hmicon{opacoty:1;}
	.headerin .navitem{ position:relative;display:block;float:none;width:40vw;text-align:center;height:8vw;border:0;margin:0 auto;opacity:0;transition:all 0.8s;}
	.headerin .navitem:nth-child(1){transition-delay: 200ms;}
	.headerin .navitem:nth-child(2){transition-delay: 400ms;}
	.headerin .navitem:nth-child(3){transition-delay: 600ms;}
	.headerin .navitem:nth-child(4){transition-delay: 800ms;}
	.headerin .navitem:nth-child(5){transition-delay: 1000ms;}
	.headerin .navitem:nth-child(6){transition-delay: 1200ms;}
	.headerin .navitem:nth-child(7){transition-delay: 1400ms;}
	.headerin .navitem:nth-child(8){transition-delay: 1600ms;}
	.headerin.on .navitem{margin:10vw auto;opacity:1;}	

	/*header*/
	#mlogoin{height:20vw;margin:40vw auto 0 auto;}
	.navitemin{padding:0 calc(30vw / 6);}
	.navitemin h1{font-size:calc(30vw / 5);letter-spacing:0.5vw;font-weight:normal;}
	.navitemin p{font-size:calc(30vw / 5);letter-spacing:1vw;font-weight:bold;}
	.navitem .naviteminline{display:none;}
	#mcopyright{position:absolute;bottom:8vw;width:100%;left:0;text-align:center;}
	.centerwrap{position:relative;width:93%;margin:0 auto;}
	.centerwrap2{  position:relative; width:88%;  margin:0 auto;}
	.centerwrapabout{position:relative;width:100%;}
	.show400{display:block!important;}
	.hide400{display:none!important;}
	/* css 動態 */
	.mover{margin-top:calc(100vw / 6);}
	.moverright{margin-top:0;margin-right:calc(100vw / 6);}
	.moverleft{margin-top:0;margin-left:calc(100vw / 6);}
	/*SIZE */
	.fsize100{font-size:calc(100vw / 6);}
	.fsize50{font-size:calc(50vw / 6);}
	.fsize44{font-size:calc(44vw / 6);}
	.fsize40{font-size:calc(40vw / 6);}
	.fsize36{font-size:calc(36vw / 6);}
	.fsize32{font-size:calc(32vw / 6);}
	.fsize30{font-size:calc(30vw / 6);}
	.fsize28{font-size:calc(28vw / 6);}
	.fsize26{font-size:calc(26vw / 5.5);}
	.fsize24{font-size:calc(24vw / 5.5);}
	.fsize22{font-size:calc(22vw / 5);}
	.fsize20{font-size:calc(20vw / 5);}
	.fsize18{font-size:calc(18vw / 5);}
	.fsize16{font-size:calc(16vw / 5);}
	.fsize14{font-size:calc(14vw / 5);}
	.fsize12{font-size:calc(12vw / 5);}
	/* margin in %*/
	.mv30{margin-top:calc(30vw / 6);margin-bottom:calc(30vw / 6);}

	/* pad */
	.vpad10{padding:calc(10vw / 6) 0;}
	.vpad15{padding:calc(15vw / 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);}


	/* sidebar */
	#sidebar{left:auto;right:5vw;}
	.sideitem{position:relative;height:11vw;width:11vw;margin-bottom:1.2vw;}


	/* banner 設定 */
	/*
	.bannericonwrap{bottom:calc(20vw / 6);}
	.bannericonwrap img{width:calc(60vw / 6);margin-right:calc(10vw / 6);}
	.bannercover i{position:absolute;right:5vw;bottom:5vw;font-size:8vw;line-height:8vw;color:#fff;}
	*/
	.bannericonwrap{bottom:calc(56vw / 6);left:calc(34vw / 6);}
	.bannericonwrap img{width:calc(46vw / 6);margin-right:calc(6vw / 6);}

	/* indexconcent */
	.indexbannertext{position:relative;top:0;right:0;width:100%;z-index:8;}
	.indexbannertext p{width:70%;margin:0 auto;}
	/* title */

	.title.style1 p{bottom:0;}
	.title.style3 p{bottom:2vw;}

	/*tag */
	.tagbox span{margin:0 1vw;padding:0 2vw;}


	/* pitem */
	.pitem{width:100%;margin-right:0;margin-bottom:calc(20vw / 6);}
	.pitembg{width:100%;box-shadow:1px 1px 1.3vw rgba(0,0,0,0.5);}
	.pitem .ibox{height:calc(46vw / 6);width:70%}
	.pitem .ibox img{height:100%;margin-right:calc(6vw / 6);;}

	/* iicon */
	.iiconbox{width:90%;}
	.iiconbox a{width:8vw;height:8vw;margin:2vw 0.5vw;}
	.iiconbox a img{width:100%;}
	.iiconbox div{width:8vw;height:8vw;margin:2vw 0.5vw;}
	.iiconbox div img{width:100%;}	
	.more{padding:0.3vw 10vw;}
	/* ivideo */
	.ivideoitem{float:none;width:100%;margin-right:0;margin-bottom:calc(30vw / 6);}
	.ivtextbox{position:relative;height:auto;}

	/* i report */
	.ritem{float:none;width:100%;margin-right:0;margin-bottom:5vm;}
	.ritem .irtextbox{position:relative;height:auto;}


	/* contact form */
	#contactform{position:relative;}
	#contactform .split2{width:100%;float:none;}

	.formline{position:relative;margin:10px 0;}
	.formline::after{  content:'';  display:table;  clear:both;}
	.formline input[type=text],.formline input[type=password]{width:calc(100% - calc(2vw + 2px));padding:1vw 1vw;}
	.formline select{width:calc(100% - 2px);padding:1vw 1vw;border:1px solid #BFBFBF;background:#fff;}
	.formline textarea{width:calc(100% - calc(2vw + 2px));height:30vw;padding:1vw 1vw;}
	.formline #capchk{width:calc(100% - 18px);margin:0!important;text-align:center;padding:10px 8px!important;}
	.formbtn{width:48%;padding: 2.5vw 0;margin-right:4%;text-align:center;float:left;}
	.formbtn:nth-child(2){margin-right:0;}

	.contactitem{width:100%;float:none;}
	.contactitem::after{  content:'';  display:table;  clear:both;}
	.contactitem img{float:left;width:13%;margin-right:4vw;}
	/* map */
	.contactmap iframe{height:100vw;}
	/*footer*/
	footer{overflow:hidden;}
	.footershadow{height:3vw;margin-top:-3vw;box-shadow: 0 0 2vw rgba(0,0,0,0.2);}





	/* ############################################# */
	/* about page */
	.aboutbox1 img{margin:5vw auto;width:90%;float:none;display:block;}
	.abouttext{position:relative;float:none;width:80%;margin:0 auto;}
	.abouttitle h3{padding-right:calc(20vw / 6);}
	.iconbox a{display:inline-block;width:9vw;height:9vw;margin:2vw 1vw;}
	.iconbox div{display:inline-block;width:9vw;height:9vw;margin:2vw 1vw;}	
	
	.abouttext2{width:90%;}

	/* video page */
	#videowrap .ivideoitem{margin-bottom:calc(30vw / 6);}
	/* video  inpage */
	.videowrap iframe{width:100%;height:60vw;}
	.vback{display:inline-block;float:none;margin:10vw auto;width:36vw;padding:1vw 0;text-align:center;;border-radius:15vw;}


	.videoitem{position:relative;margin:calc(30vw / 6) 0;height:auto;}
	.videoitem iframe{position:relative;width:100%;height:57vw;box-shadow:1px 1px 2vw rgba(0,0,0,0.5);}
	.videoitem .videotext{position:relative;top:auto;transform: none;width:auto;}
	.videoitem:nth-child(2n+1) .videotext{right:auto;}
	.videoitem:nth-child(2n) .videotext{left:auto;}
	.videoitem:nth-child(2n) iframe{margin-left:0;}
	/* press */
	.pressitem{width:48%;margin:5vw 4% 5vw 0;float:left;height:85vw;}
	.pressitem:nth-child(2n){margin-right:0;}
	.pressitem img{width:100%;}
	.pressitem p.title{text-align:center;margin-top:3vw;}
	
	/* process*/
	.processline{padding:0;}
	.processline::after{  content:'';  display:table;  clear:both;}
	.processline .processitem{display:inline-block;height:auto;margin-bottom:calc(35vw / 6);}
	.processline .processitem:nth-child(1){float:none;}
	.processline .processitem:nth-child(1) img{height:auto;width:calc(100% - 2px);border:1px solid #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
	.processline .processitem:nth-child(2){float:none;}
	.processline .processitem:nth-child(2) img{height:auto;width:100%;}


}