@charset "utf-8";
.flex{
display: flex;
}
.forminput {
    background: red !important;
}
.myerr {
    color: red;
}
/*基礎框架 */
.section{position:relative; max-width:1920px; margin:0 auto;} /*限制 1920寬 */
.centerwrap{  position:relative; width:73%;  margin:0 auto;}
.centerwrap2{  position:relative; width:45%;  margin:0 auto;}
.centerwrap3{  position:relative; width:52%;  margin:0 auto;}
.videowrap{  position:relative; width:92%; margin:0 auto;}
.videowrap .centerwrapin{  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;}
.fcolor70{color:#707070;}
.fcolorc2fec0{color:#c2fec0;}
.fcolorbfbfbf{color:#bfbfbf;}
.fcolorec6828{color:#ec6828;}
.fcolor4065BC{color:#4065BC;}
.fcolorEA560F{color:#EA560F;}
.fcolorBF{color:#BFBFBF;}
/*SIZE */
.fsize100{font-size:100px;line-height:1;}
.fsize50{font-size:50px;line-height:1.5;}
.fsize44{font-size:44px;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;}

.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;}
.bgg001{background:transparent linear-gradient(180deg, #F6F5F3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;}
.bgg002{background: transparent linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) 0% 0% no-repeat padding-box;}
.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;}
.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;}


/*切換 */
.show400{display:none!important;}
.hide400{}


/*header*/
header{position:fixed;z-index:99;top:0;left:0;height:93px;width:100%;box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
header .section{height:100%;}
.header{position:relative;height:93px;}
.headerin{position:relative;display:inline-block;height:93px;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:#000;font-weight:400;}
.navitemin p{letter-spacing:2px;color:#000;font-weight:400;position:absolute;top:0;width:120%;left:-10%;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% + 800px);top:70%;transform: translateY(-50%);z-index:45;}
.sideitem{position:relative;display:block;height:58px;width:58px;margin-bottom:10px;}
.sideitem img{width:100%;}
/* 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:90px;left:0;width:100%;z-index:9;}
.bannericonwrap img{width:66px;float:left;margin-right:15px;}


/*tag */
.tagbox{position:relative;}
.tagbox span{display:inline-block;margin:0 3px;padding:0 20px;border:1px solid #000;border-radius:5px;opacity:0.5;}
.tagbox span.on{opacity:1;}
/* 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;}
.pitembg{width:100%;box-shadow:1px 1px 10px rgba(0,0,0,0.5);}
.pitem:hover{}
.pitem  a:hover p{border-top:12px solid #000;margin-top:-12px;}
.nitem  a:hover p:nth-child(2){border-top:10px solid #000;margin-top:-10px;}
.pitem:nth-child(3n){margin-right:0;}
.pitem p{position:relative;}
.pitem .ibox{position:absolute;z-index:3;left:5%;top:4%;height:51px;width:55%;}
.pitem .ibox img{height:100%;margin-left:5%;float:left;}




/* iicon */
.iiconbox{position:relative;}

.iiconbox a{display:inline-block;width:66px;height:66px;margin:10px 5px;}
.iiconbox a img{width:100%;}
.iiconbox div{display:inline-block;width:66px;height:66px;margin:10px 5px;}
.iiconbox div img{width:100%;}
/* more */
.more{display:inline-block;padding:0 82px;border:1px solid #000;border-radius:50px;}

/* i video */
#indexvideowrap{position:relative;}
#indexvideowrap::after{  content:'';  display:table;  clear:both;}
.ivideoitem{position:relative;float:left;width:32.4%;margin-right:1.4%;overflow:hidden;box-shadow:1px 1px 10px rgba(0,0,0,0.5);}
.ivideoitem:nth-child(3n){margin-right:0;}
.ivideocover{position:absolute;top:0;left:0;width:100%;height:100%;}
.ivideoitem p{position:absolute;bottom:10px;left:0;width:100%;}
.ivideoitem .vicon{position:absolute;top:50%;left:50%;width:15%;z-index:4;transform:translate(-50% , -50%);}

/* contact */
.conttactbox{position:relative;}
.contactleft{position:relative;width:70%;height:450px;float:left;}
.contactleft iframe{width:100%;height:100%;}
.contactright{position:relative;float:left;width:30%;}
.contactrightin{position:relative;margin: 40px 35px;height:370px;}
.conttactbox::after{  content:'';  display:table;  clear:both;}
.contactitem{width:65%;margin:0 auto 0 10%;border-bottom:1px solid #c0c0c0;}
.contactitem:last-child{border-bottom:0;}
.contactitem span{display:inline-block;float:left;height:50px;width:50px;margin-right:10px;overflow:hidden;}
.contactitem span img{height:100%;}
.contactitem p,.contactitem a{display:inline-block;min-width:60%;}









/* imap */
.imap{width:100%;height:360px;}

/*footer*/


/* ############################################# */
/* about page */
#about1text1{position:absolute;left:64%;width:30%;top:200px;z-index:2;}
#about1text2{position:absolute;left:6%;width:35%;top:1000px;z-index:2;}
#about2text1{position:absolute;left:0;width:100%;top:30px;z-index:3;text-align:center;}
#about2text2{position:absolute;left:15%;width:70%;top:120px;z-index:2;text-align:center;}
#about2text2 img{width:73px;margin:13px 7px;}
#about2text3{position:absolute;left:6%;width:43%;top:350px;z-index:2;text-align:left;}
#about2text4{position:absolute;left:67.4%;width:28%;bottom:50px;z-index:2;text-align:left;text-shadow:1px 1px 15px rgba(0,0,0,0.8);}
#about3text1 p{width:380px;margin:0 auto;}


/* video page */
#videowrap{position:relative;}
#videowrap::after{  content:'';  display:table;  clear:both;}
#videowrap .ivideoitem{margin-bottom:70px;}
/* video  inpage */
.videowrap iframe{width:100%;height:50vw;}
.vback{display:inline-block;float:right;margin:30px 200px 160px 200px;padding:0 80px;border:1px solid #fff;border-radius:50px;}


/* 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;}


/* contact form */
#contactform{position:relative;}
#contactform .split2{width:50%;float:left;}
#contactform .split3{width:73%;float:left;}
#contactform .split4{width:23.5%;float:left;}
.formline{position:relative;margin:10px 0;}
.formline::after{  content:'';  display:table;  clear:both;}
.formline input[type=text],.formline input[type=password]{width:calc(95% - 2px);padding:5px 5px;border:1px solid #BFBFBF;background:#fff;height:34px;}
.formline select{width:calc(95% - 12px);padding:5px 5px;border:1px solid #BFBFBF;background:#fff;height:34px;border-radius:0px!important;}
.formline textarea{width:calc(97% - 12px);height:200px;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;text-align:center;}






/* 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);}
	.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;}
	.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(93vw / 19.2);}
	.header{height:calc(93vw / 19.2);}
	.headerin{height:calc(93vw / 19.2);}
	.navitem{marging:0 calc(30vw / 19.2);}
	.navitemin{}
	.navitemin h1{letter-spacing:calc(4vw / 19.2);}
	.navitemin p{letter-spacing:2px;}
	
	/* sidebar */
	#sidebar{left:auto;right:5vw;}
	.sideitem{height:calc(58vw / 19.2);width:calc(58vw / 19.2);margin-bottom:calc(10vw / 19.2);}


	
	/* banner 設定 */
	.bannericonwrap{bottom:calc(90vw / 19.2);}
	.bannericonwrap img{width:calc(66vw / 19.2);margin-right:calc(15vw / 19.2);}


	/*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);}
	.iiconbox div{width:calc(66vw / 19.2);height:calc(66vw / 19.2);margin:calc(10vw / 19.2) calc(5vw / 19.2);}

	/* more */
	.more{padding:0 calc(82vw / 19.2);}
	
	/* i video */
	.ivideoitem{box-shadow:1px 1px calc(10vw / 19.2) rgba(0,0,0,0.5);}
	.ivideoitem p{bottom:calc(10vw / 19.2);}

	
	/* contact */
	.contactleft{height:calc(450vw / 19.2);}
	.contactrightin{margin: calc(40vw / 19.2) calc(35vw / 19.2);height:calc(370vw / 19.2);}
	.contactitem span{height:calc(50vw / 19.2);width:calc(50vw / 19.2);margin-right:calc(10vw / 19.2);}


	
	
	/* imap */
	.imap{height:calc(360vw / 19.2);}

	/*footer*/

	/* ############################################# */
	/* about page */
	#about1text1{top:calc(200vw / 19.2);}
	#about1text2{top:calc(1000vw / 19.2);}
	#about2text1{top:calc(30vw / 19.2);}
	#about2text2{top:calc(120vw / 19.2);}
	#about2text2 img{width:calc(73vw / 19.2);margin:calc(13vw / 19.2) calc(7vw / 19.2);}
	#about2text3{top:calc(350vw / 19.2);}
	#about2text4{bottom:calc(50vw / 19.2);text-shadow:1px 1px calc(15vw / 19.2) rgba(0,0,0,0.8);}
	#about3text1 p{width:calc(380vw / 19.2);}

	/* video page */
	#videowrap .ivideoitem{margin-bottom:calc(70vw / 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(450vw / 19.2);margin-bottom:calc(20vw / 19.2);}
	.nitem p:nth-child(2){height:calc(30vw / 19.2);}
	.nitem p:nth-child(3){height:calc(40vw / 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(10vw / 19.2) 0;}
	.formline input[type=text],.formline input[type=password]{padding:calc(5vw / 19.2) calc(5vw / 19.2);appearance: revert-layer;height:calc(34vw / 19.2);border-radius:0px!important;}
	.formline select{width:calc(95% - 12px);padding:calc(5vw / 19.2) 5px;appearance: revert-layer;height:calc(34vw / 19.2);}
	.formline textarea{width:calc(97% - 12px);height:calc(200vw / 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);}


}

/* 手機板  */
@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.on .navitem{margin:10vw auto;opacity:1;}	

	/*header*/
	#mlogoin{margin:40vw auto 0 auto;}
	.navitemin{padding:0 calc(30vw / 6);}
	.navitemin h1{font-size:calc(26vw / 6);letter-spacing:0.5vw;font-weight:bold;}
	.navitemin p{font-size:calc(26vw / 6);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:94%;margin:0 auto;}
	.centerwrap2{  position:relative; width:86%;  margin:0 auto;}
	.centerwrap3{  position:relative; width:90%;  margin:0 auto;}
	.videowrap{  position:relative; width:100%;  margin:0 auto;}
	.presswrap{  position:relative; width:93%;  margin:0 auto;}
	.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);}
	.fsize36{font-size:calc(36vw / 5.5);}	
	.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);}
	.fsize22{font-size:calc(22vw / 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);}


	/* sidebar */
	#sidebar{left:auto;right:2vw;}
	.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(40vw / 6);right:calc(70vw / 6);}
	.bannericonwrap img{width:calc(50vw / 6);margin-right:calc(10vw / 6);}
	.bannercover i{right:calc(30vw / 6);bottom:calc(40vw / 6);font-size:calc(50vw / 6);line-height:calc(50vw / 6);}

	/* indexconcent */
	.indexconcenttext1{left:auto;width:100%;top:auto;background: transparent linear-gradient(180deg, #A3A3A5 0%, #908F92 84%, #707071 100%) 0% 0% no-repeat padding-box;}

	/* 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(30vw / 6);}
	.pitembg{width:100%;box-shadow:1px 1px 1.3vw rgba(0,0,0,0.5);}
	.pitem .ibox{height:12vw;width:70%}
	.pitem .ibox img{height:100%;margin-left:5%;}

	/* 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 */
	#indexvideowrap{overflow:hidden;height:70vw;margin-left:-3.5vw;margin-right:-3.5vw;}
	#indexvideowrapin{width:300%;transition:all 0.5s;margin-left:3.5vw;}
	#indexvideowrapin::after{  content:'';  display:table;  clear:both;}
	.ivideoitem{width:85vw;height:auto;margin-top:1vw;margin-right:3vw;margin-bottom:0;overflow:hidden; box-shadow:0 1px 2vw rgba(0,0,0,0.3);}
	.ivideoitem:nth-child(3n){margin-right:0;}
	.ivideocover{position:absolute;top:0;left:0;width:100%;height:100%;}
	.ivideoitem p{position:absolute;bottom:10px;left:0;width:100%;}
	.ivideoitem .vicon{position:absolute;top:50%;left:50%;width:15%;z-index:4;transform:translate(-50% , -50%);}
	.vcircle{display:inline-block;width:2vw;height:2vw;border-radius:2vw;margin:0 0.5vw;border: 1px solid #707070;}
	.vcircle.on{background: #707070;}



	/* i news */
	/*
	.nitemwrap{overflow:hidden;height:160vw;margin-left:-3.5vw;margin-right:-3.5vw;}
	.nitemwrap.list{overflow:visible;height:auto;margin-left:0;margin-right:0;}

	.nitemwrapin{width:300%;transition:all 0.5s;}
	.nitemwrapin::after{  content:'';  display:table;  clear:both;}
	.nitem{position:relative;display:inline-block;float:left;width:85vw;height:157vw;margin-top:1vw;margin-right:3vw;margin-bottom:0;overflow:hidden; box-shadow:0 1px 2vw rgba(0,0,0,0.3);}
	.nitemwrap.list .nitem{width:100%;margin:0 0 8vw 0;height:165vw;}
	.nitembg{width:100%;}
	.nitem:nth-child(1){margin-left:5vw;}
	.nitemwrap.list .nitem:nth-child(1){margin-left:0;}
	.nitem:hover{box-shadow:0 1px 2vw rgba(0,0,0,1);}
	.nitem p:nth-child(5){height:24vw;}
	.nitem p:nth-child(6){height:24vw;}
	.ncircle{display:inline-block;width:2vw;height:2vw;border-radius:2vw;margin:0 0.5vw;border: 1px solid #707070;}
	.ncircle.on{background: #707070;}
	*/
	/* press */
	.nitem{float:none;width:100%;height:auto;margin-right:0;margin-bottom:6vw;overflow:auto;}
	.nitem img{box-shadow:0 1px 2vw rgba(0,0,0,0.6);}
	.nitem p:nth-child(2){height:auto;}
	.nitem p:nth-child(3){height:auto;}


	/* imap */
	/* imap */
	.contactleft{height:100vw;width:100%;float:none;}
	.contactright{float:none;top:auto;right:auto;width:calc(100% - 10vw);transform: none;margin:0;;padding: 6vw 5vw;}
	.contactrightin{position:relative;margin:0;height:auto;width:auto;}
	.conttactbox::after{  content:'';  display:table;  clear:both;}
	.contactitem{width:80%;margin:0 auto 0 6%;border-bottom:1px solid #c0c0c0;}
	.contactitem:last-child{border-bottom:0;}
	.contactitem span{height:10vw;width:10vw;margin-right:2vw;}
	.contactitem span img{height:100%;}
	.contactitem p,.contactitem a{display:inline-block;width:calc(100% - 12vw);}








	/*footer*/

	/* ############################################# */
	/* about page */
	.aboutme .hcenter{top:5vw;transform:none;left:0;}
	.aboutaward .split2:nth-child(1){display:none;}
	.aboutaward .split2:nth-child(2){margin-left:10%;width:calc(85% - 4px);}
	.aboutaward  ul{border-left:calc(2vw / 6) solid #00cc99;}
	.aboutaward  ul li{margin-left:calc(20vw / 6);position:relative;}
	.aboutaward  ul li.tyle1{margin-top:calc(50vw / 6);margin-bottom:calc(10vw / 6);}
	.aboutaward  ul li:nth-child(1){ margin-top:calc(-10vw / 6);}
	.aboutaward  ul li img{margin-left:calc(-28vw / 6); width:calc(14vw / 6);}

	/* video page */
	#videowrap .ivideoitem{margin-bottom:calc(70vw / 8);}
	/* 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;}
	
	/* contact */
/*

	.contactitem{width:100%;}
	.contactitem img{float:left;height:50%;margin-top:25%;}
	.contactitem span{display:inline-block;float:left;}
	.contactitem span img{height:100%;margin-right:10px;}
*/
	/* contact form */
	#contactform{position:relative;}
	#contactform .split2{width:90%;margin: 0 5%;float:none;}
	#contactform .split3{width:90%;margin: 0 5%;float:none;}
	#contactform .split4{width:23.5%;float:left;}
	.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;height:calc(34vw / 6);}
	.formline select{width:calc(100% - 2px);padding:1vw 1vw;border:1px solid #BFBFBF;background:#fff;height:calc(34vw / 6);}
	.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;}




}