@charset "utf-8";

/*基礎框架 */
.centerwrap{  position:relative; width:80%;  margin:0 auto;}
.centerwrapin{position:relative; max-width:1120px;  margin:0 auto;}
.artmenu.centerwrap{  position:relative; width:90%;  margin:0 auto;}
.pcmenubox{  position:relative;}
.pcmenubox.on{position:fixed!important;z-index:101;top:0;left:0;width:100%;text-align:center;}
.pcmenuholder{position:relative;height:74px;display:none;}
.pcmenubox.on  + .pcmenuholder{display:block;}
.section{position:relative; max-width:1920px; margin:0 auto;}
.section.noflow{overflow:hidden;}
body{background:#fff;}
.flexbox{display:flex;justify-content:space-between; align-items: center;flex-wrap:wrap;}
/*眼睛*/
.checkEye {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

/*css class */
.btn{cursor: pointer;}
.w100{width:100%;}
.mx100{max-width:100%;}
.fbold{font-weight:bold;}
.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;}
.mover.on{margin-top:0px;opacity:1;}

/* text color */
.fcolor000{color:#000;}
.fcolore95098{color:#e95098;}
.fcolor434343{color:#434343;}
.fcolordef1{color:#e95098;}
.fcolorfff{color:#fff;}
.fcolor6e{color:#6e6e6e;}
.fcolor97{color:#979797;}
.fcolorf57ea3{color:#f57ea3;}
.fcolorred{color:#CC3333;}

a.uline{text-decoration:underline;text-decoration-color:#fa7fab;text-underline-offset: 5px;}
/* bgcolor */
.bgcolorfff{background:#fff;}
.bgbasic{background:#f57ea3;}/*基礎背景色*/
.bgbasic2{background:#f194c0;}/*基礎背景色2*/
.bgbasic3{background:#f7e1e8;}/*基礎背景色2*/
.bgf2f2f2{background:#f2f2f2;}
.bgfff3f6{background:#fff3f6;}
.bgbtn2{background:#eaa000;}
.bgbtn3{background:#5db7e6;}
.bgd6d6d6{background:#d6d6d6;}
/* width */
.w35{width:35%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
/* height */
.h100{height:100%;}

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

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


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


/*設計上的字尺寸..超過1920 */
.fsize55{font-size:60px;line-height:1.5;}
.fsize40{font-size:44px;line-height:1.5;}
.fsize36{font-size:40px;line-height:1.5;}
.fsize30{font-size:32px;line-height:1.5;}
.fsize26{font-size:28px;line-height:1.5;}
.fsize24{font-size:26px;line-height:1.5;}
.fs{line-height:1!important;}/*設定相等於字高*/
.fs2{line-height:1.2!important;}/*設定相等於字高*/

/* 框架 我不是機器人  */
#capchk {    display: inline-block;    padding: 0 8px;    margin: 0;    border: 1px solid #ccc;    border-radius: 5px;    font-size: 24px;    line-height: 1.5;  color: #434343;    font-weight: bold;}
#capchk i.fa{font-size: 24px;color: #f57ea3;margin-right:10px; }
/* 框架  menu */
nav{position: relative;z-index:3;text-align: center;}
.navin{position:relative;height:130px;}
.logo{height:100%;float:left;}
.menuright{display:inline-block;float:right;}
.menurighttop{position:relative;height:33px;padding:14px 0;}
.menurightbottom{position:relative;height:calc(100% - 33px);}
.menurighttop .menuitem{display:inline-block;float:right;margin:0 5px;height:100%;}
.menurighttop .menuitem img{height:100%;}
.menurighttop .menuitem.fs{height:auto;padding: 5px 15px;margin:0;border-left:1px solid; #000;}
.menurighttop .menuitem.fs:last-child{border-left:none;}
.menurightbottom{height:66px;text-align:right;}
.menurightbottom .menuitem{margin-left:10px;height:100%;}
.menurightbottom .menuitem img{height:100%;}

/*框架選單*/

/* 框架  article */
article{position: relative;z-index:5;}
.menubox{display:flex;justify-content:space-between; align-items: center;flex-wrap:wrap;}
.menubox .menuitem{font-family: "cwTeXYen"!important;font-weight:600;position:relative;}
.menubox .menuitem span{font-family: "cwTeXYen"!important;font-weight:600;}
.menubox .menuitem.on{background:#fde67d;color:#000;}
.menubox .menuitem.on span{color:#000;}
.menuitem .submenuitem{position:absolute;display:none;opacity:0;top:100%;left:0;background:#fde67d;color:#000;min-width:160%;text-align:left;transition:all 1s;}
.menuitem .submenuitem a{display:block;color:#000;margin:10px 0;padding:0 5px;}
.menuitem .submenuitem.on{opacity:1;display:block;}
.intitleline{width:60px;margin:0 auto;border-top:2px solid #f57ea3;}
h2.sectitle{border-left:5px solid #ea599d;letter-spacing:1px;text-align:left;padding-left:10px;margin-bottom:20px;}
h2.sectitle span{float:right;padding:0 40px;border-radius:30px;line-height:2;font-weight:nowrap;}
.bodymenu{}
.split2{width:48%;margin-right:4%;float:left;}
.split2:nth-child(2){margin-right:0;}
.split3{width:calc(32% - 2px);margin-right:2%;float:left;border:1px solid #434343;padding:10px 0;}
.split3:nth-child(3){margin-right:0;}

.bodymenu .split3{background:#e7e7e7;background-image:url(../img/submenubg.png);background-repeat: no-repeat;background-repeat: left;background-size: auto 100%;}
.bodymenu .split3.on{border:1px solid #c89541;color:#d79b0d!important;background:#f7f0e5;background-image:url(../img/submenubgon.png);background-repeat: no-repeat;background-repeat: left;background-size: auto 100%;}
.listline{padding-bottom:18px;border-bottom:2px solid #dddddd;margin-top:15px;}
.listline:nth-child(1){margin-top:0;}
.listline span:nth-child(1){padding:5px 10px;border-radius:5px;margin-right:5px;}

iframe{position:absolute;z-index:2;top:0;left:0;height:100%;width:100%;}

/* index banner */
.bannerwrap{position: relative;width:100%;overflow: hidden;}
.bbg{position: relative;width:100%;z-index:0;visibility: hidden;}
.bbg2{position: relative;width:100%;z-index:0;}
.bannerlist{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition: all 1s;}
.bannerlist .bitem{display:inline-block;height:100%;float:left;}
.bannerlist .bitem img{height:100%;}
.bannerblockbox{position:absolute;z-index:2;left:50%;transform: translateX(-50%);bottom:50px;text-align: center;height:20px;}
.bannerblockcircle{display:inline-block;height:20px;width:20px;margin:20px;border:1px solid #fff;border-radius: 20px;background:#ffffff;}
.bannerblockcircle.on{background:#f57ea3;}
.ibarr{position:absolute;z-index:3;width:60px;top:50%;transform: translateY(-50%);text-align:center;}
.ibarr i{font-size:120px;color:rgba(0,0,0,0.2);text-shadow:3px 10px 10px rgba(255,255,255,0.4)}
.ibarr i:hover{color:rgba(0,0,0,0.4);}
.ibarr.left{left:0;}
.ibarr.right{right:0;}
/* 其他banner */
.obannerwrap{position: relative;width:100%;}
.obannerwrapin{position: absolute;top:0;left:0;height:100%;width:100%;overflow: hidden;z-index:2;}
.obannerlist{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition: all 1s;}
.obannerlist .bitem{display:inline-block;height:100%;float:left;float:left;}
.obannerlist .bitem:last-child{margin-right:0!important;}
.obannerlist .bitem div{padding:10px 20px;}
.oibarr{position:absolute;z-index:3;height:50px;width:50px;border-radius:50px;top:50%;transform: translateY(-50%);text-align:center;}
.oibarr i{font-size:50px;color:#fff;line-height:50px;font-weight:bold;}
.oibarr i:hover{color:rgba(0,0,0,0.4);}
.oibarr.left{left:-20px;;}
.oibarr.right{right:-20px;}

/* index 廣告 */
.adsbox{height:190px;}
.adsbox a{display:inline-block;height:100%;}
.adsbox a img{height:100%;}

/* news */
.newsline{border-left:5px solid #f57ea3;padding:10px 20px;margin-bottom:5px;background:#ededed;}
.newsline span{display:inline-block;margin:0;float:left;}
.newsline span:nth-child(1){width:85%;}
.newsline span:nth-child(2){text-align:right;width:15%;}
.newsline::after{  content:'';  display:table;  clear:both;}
.newsline:nth-child(2n){background:#f7f7f7;}

/* QA */
.qaline{margin-bottom:20px;}
.qaline .q{z-index:1;border-left:10px solid #f57ea3;border-right:10px solid #f57ea3;padding:25px 20px 25px 90px;background:#e5e5e5;}
.qaline .q img{width:60px;position:absolute;left:20px; top:20px;}
.qaline .a{z-index:0;padding:25px 30px 25px 100px;background:#fff3f6;height:0;margin-top:-60px;opacity:0;overflow:hidden;transition:all 0.5s;}
.qaline .a img{width:60px;position:absolute;left:30px; top:20px;}
.qaline .a.on{height:auto;opacity:1;margin-top:0px;}

/* award */
.awardline{padding:15px 20px;margin-bottom:5px;}
.awardline span{display:inline-block;margin:0;float:left;}
.awardline span:nth-child(1){width:75%;}
.awardline span:nth-child(2){width:25%;}
.awardline:nth-child(2n){background:#e2e2e2;}
.awardline:nth-child(2n+3){background:#f0f0f0;}
.awardline::after{  content:'';  display:table;  clear:both;}

.awardline2{padding:15px 20px;margin-bottom:5px;}
.awardline2 span{display:inline-block;margin:0;float:left;}
.awardline2 span:nth-child(1){width:36%;}
.awardline2 span:nth-child(2){width:16%;}
.awardline2 span:nth-child(3){width:16%;}
.awardline2 span:nth-child(4){width:16%;}
.awardline2 span:nth-child(5){width:16%;}
.awardline2:nth-child(2n){background:#e2e2e2;}
.awardline2:nth-child(2n+3){background:#f0f0f0;}
.awardline2::after{  content:'';  display:table;  clear:both;}

/* store */
.storeselectbox{position:relative;}
.storeselectbox div{display:inline-block;float:left;}
.storeselectbox div:nth-child(1){width:calc(30% - 10px);margin-right:10px;}
.storeselectbox div:nth-child(2){width:calc(30% - 10px);margin-right:10px;}
.storeselectbox div:nth-child(3){width:40%;}
.storeselectbox div span{display:inline-block;float:left;}
.storeselectbox div span:nth-child(1){width:160px;background:#d6d6d6;padding: 2px 0;}
.storeselectbox div span:nth-child(2){width:calc(100% - 180px);margin: 0 10px;}
.storeselectbox div:last-child  span:nth-child(2){width:calc(100% - 170px);margin: 0 0 0 10px; }
.storeselectbox div span select{width:100%;border:1px solid #ccc;}
.storeselectbox div span input{width:calc(100% - 2px);border:1px solid #ccc;}
.storeselectbox div::after{  content:'';  display:table;  clear:both;}
.storeselectbox::after{  content:'';  display:table;  clear:both;}
.storetitlebox{position:relative;}
.storetitlebox span{display:inline-block;margin-right:15px;}
.storetitlebox  span:nth-child(1){border-left:5px solid #c4954a;padding-left:15px;}
.storetitlebox  span:last-child{padding:0 30px;color:#fff;background:#c4954a;border-radius:20px;margin-top:10px;}

.storelistbox{position:relative;}
.storelistbox::after{  content:'';  display:table;  clear:both;}
.storeline{display:inline-block;width:23.8%;margin-right:1.6%;overflow:hidden;height:460px;float:left;}
.storeline:nth-child(4n){margin-right:0;}
.storeline img{width:100%;}
.storeline p img{height:36px;width:auto;float:left;}
.storeline p::after{  content:'';  display:table;  clear:both;}
.storebox{position:relative;}
.storebox::after{  content:'';  display:table;  clear:both;}
.storetextline{padding:5px 0;border-bottom:1px solid #969696;}
.storetextline::after{  content:'';  display:table;  clear:both;}
.storetextline:last-child{border-bottom:0;}
.storetextline span{display:inline-block;float:left;}
.storetextline span:nth-child(1){width:25%;}
.storetextline span:nth-child(2){width:75%;}
.storebtnbox a{display:inline-box;padding:20px 100px;}
.storeformstepbox{position:relative;}
.storeformstepbox::after{  content:'';  display:table;  clear:both;}
.storeformstepbox .split3{border:1px solid #979797;border-left:8px solid #979797;width:calc(32% - 9px);}
.storeformstepbox .split3.on{ border:1px solid #e95098;border-left:8px solid #e95098;background:#e95098!important;}
.storeformstepbox .split3.on div{color:#fff!important;}
.storepreviewbox{border:1px solid #000;}


/* form */
.storeformtitlebox{padding:15px 30px;}
.storeformtitlebox p{border-left:5px solid #00deff;}
.formline{position:relative;margin:15px 0;}
.formline::after{  content:'';  display:table;  clear:both;}
.formline span{display:inline-block;float:left;}
.formline span:nth-child(1){width:200px;padding: 6px 0;}
.formline span:nth-child(2){width:calc(100% - 220px);margin: 0 10px;}
.formline span:nth-child(1) span{display:inline;width:auto;float:none;}
.formline input[type=text],.formline input[type=password]{width:calc(100% - 2px);padding:5px 5px;border:1px solid #ccc;}
.formbtn{display:inline-block;padding: 6px 20px;margin-right:10px;text-align:center;min-width:150px;}
.formline .checkwrap{ font-weight: bold;   display: grid; grid-template-columns: 1em auto;   gap: 0.5em; }
.formline.sp1{height:500px;overflow-Y:scroll;}
.formline textarea{width:calc(100% - 2px);height:100px;padding:5px 5px;border:1px solid #ccc;}
.formline select{min-width:200px;padding:5px 5px;border:1px solid #ccc;}
.formline .filewrapout{position:relative;}
.formline .filewrapout .fileimgwrap{display:inline-block;}
.formline .filewrapout .filewrapnew{display:inline-block; position: relative;    width: 100%;  overflow: hidden;    z-index: 0;  display:inline-block;}
.formline .filewrapnew .instantupload{  position:absolute;  top:0;  left:0;  width:100%!important;  height:100%;  opacity:0;  z-index: 1;}
.formline .filewrapnew .filewrapin{    position:relative;width:100%;padding:5px 5px;}
.formline .checkwrap.style2{ font-weight:normal;display: grid; grid-template-columns: 1em auto;   gap: 0.5em; width:24%;float:left;}



/* page */
.pagebox{position:relative;}
.pagebox a{display:inline-block;margin:5px;width:70px;height:70px;text-align:center;border-radius:80px;color:#434343;border:1px solid #f55885;line-height:70px!important;overflow:hidden;}
.pagebox a.on{background:#f55885;color:#fff;}
.pagebox a img{height:100%;width:100%;}

/* 框架 footer */
.footertop{border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between; align-items: top;flex-wrap:wrap;}
.footerlist{display:inline-block;}
.footerlist p{margin-right:-150px;}
.footerlist .title{letter-spacing:1px;}
.footerbottomleft .sec1 a{padding:0 6px;border-right:1px solid #000;}
.footerbottomleft .sec1 a:last-child{border-right:none;}
footer .fobicon{margin:0 3px;height:80px;}

/* 框架 totop */
.totop{position:fixed;z-index:90;right:20px;bottom:50px;height:64px;}


/* 1920內 全尺寸之物件 */
@media screen and (max-width: 1920px) {
	.fsize55{font-size:calc(60vw / 19.2);}
	.fsize40{font-size:calc(44vw / 19.2);}
	.fsize36{font-size:calc(40vw / 19.2);}
	.fsize30{font-size:calc(32vw / 19.2);}
	.fsize26{font-size:calc(28vw / 19.2);}
	.fsize24{font-size:calc(26vw / 19.2);}/*標準尺寸*/


	.vpad10{padding:calc(10vw / 19.2) 0;}
	.vpad20{padding:calc(20vw / 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;}
	.hpad10{padding:0 calc(10vw / 19.2);}
	.hpad20{padding:0 calc(20vw / 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);}
	.apad30{padding:calc(30vw / 19.2);}
	.apad40{padding:calc(40vw / 19.2);}
	.apad50{padding:calc(50vw / 19.2);}
	/* margin */
	.mv30{margin-top:calc(30vw / 19.2);;margin-bottom:calc(30vw / 19.2);}
	/* 框架 */
	.section{position:relative;width:100%;margin:0 auto;}
	.navin{height:calc(130vw / 19.2);}	
	/* 框架  menu */
	.pcmenuholder{position:relative;height:calc(74vw / 19.2);display:none;}


	
	.menuitem .submenuitem a{display:block;color:#000;margin:calc(10vw / 19.2) 0;padding:0 calc(5vw / 19.2);}
	.menurighttop{position:relative;height:calc(33vw / 19.2);padding:calc(14vw / 19.2) 0;}
	.menurighttop .menuitem{float:right;margin:0 calc(5vw / 19.2);}
	.menurighttop .menuitem.fs{padding: calc(5vw / 19.2) calc(15vw / 19.2);margin:0;}
	.menurightbottom{position:relative;height:calc(100% - calc(33vw / 19.2));}
	.menurightbottom{height:calc(66vw / 19.2);}
	.menurightbottom .menuitem{margin-right:calc(10vw / 19.2);}
	.intitleline{width:calc(60vw / 19.2);border-top:2px solid #f57ea3;}
	/* 框架 article */
	/* 框架 我不是機器人  */
	#capchk {  padding: 0 calc(8vw / 19.2);    border-radius: calc(5vw / 19.2);    font-size: calc(24vw / 19.2);}
	#capchk i.fa{font-size: calc(24vw / 19.2);margin-right:calc(10vw / 19.2); }
	
	/* indexbanner */
	.bannerblockbox{bottom:calc(50vw / 19.2);height:calc(20vw / 19.2);}
	.bannerblockcircle{height:calc(20vw / 19.2);width:calc(20vw / 19.2);margin:calc(20vw / 19.2);border-radius: calc(20vw / 19.2);}
	.ibarr{width:calc(60vw / 19.2);}
	.ibarr i{font-size:calc(120vw / 19.2);}
	/* 其他banner */
	.obannerlist .bitem div{padding:calc(10vw / 19.2) calc(20vw / 19.2);}
	.oibarr{height:calc(50vw / 19.2);width:calc(50vw / 19.2);border-radius:calc(50vw / 19.2);}
	.oibarr i{font-size:calc(50vw / 19.2);line-height:calc(50vw / 19.2);}
	.oibarr.left{left:calc(-20vw / 19.2);}
	.oibarr.right{right:calc(-20vw / 19.2);}
	/* index 廣告 */
	.adsbox{height:calc(190vw / 19.2);}
	
	/* news */
	.newsline{border-left:calc(5vw / 19.2) solid #f57ea3;padding:calc(10vw / 19.2) calc(20vw / 19.2);margin-bottom:calc(5vw / 19.2);}
	.newsline span:nth-child(1){width:85%;}
	.newsline span:nth-child(2){width:15%;}

	/* QA */
	.qaline{margin-bottom:calc(20vw / 19.2);}
	.qaline .q{border-left:calc(10vw / 19.2) solid #f57ea3;border-right:calc(10vw / 19.2) solid #f57ea3;padding:calc(25vw / 19.2) calc(20vw / 19.2) calc(25vw / 19.2) calc(90vw / 19.2);}
	.qaline .q img{width:calc(60vw / 19.2);left:calc(20vw / 19.2); top:calc(20vw / 19.2);}
	.qaline .a{padding:padding:calc(25vw / 19.2) calc(30vw / 19.2) calc(25vw / 19.2) calc(100vw / 19.2);margin-top:calc(-60vw / 19.2);}
	.qaline .a img{width:calc(60vw / 19.2);left:calc(30vw / 19.2); top:calc(20vw / 19.2);}

	/* award */
	.awardline{padding:calc(15vw / 19.2) calc(20vw / 19.2);margin-bottom:calc(5vw / 19.2);}
	.awardline2{padding:calc(15vw / 19.2) calc(20vw / 19.2);margin-bottom:calc(5vw / 19.2);}

	/* store */
	.storeselectbox div span:nth-child(1){width:calc(160vw / 19.2);}
	.storeselectbox div span:nth-child(2){width:calc(100% - calc(180vw / 19.2));margin: 0 calc(10vw / 19.2);}
	.storeselectbox div:last-child  span:nth-child(2){width:calc(100% - calc(170vw / 19.2));margin: 0 0 0 calc(10vw / 19.2); }
	.storetitlebox span{margin-right:calc(15vw / 19.2);}
	.storetitlebox  span:nth-child(1){border-left:calc(5vw / 19.2) solid #c4954a;padding-left:calc(15vw / 19.2);}
	.storetitlebox  span:last-child{padding:0 calc(30vw / 19.2);border-radius:calc(20vw / 19.2);margin-top:calc(10vw / 19.2);}
	.storebtnbox a{padding:calc(20vw / 19.2) calc(100vw / 19.2);}
	.storeline{height:calc(460vw / 19.2);}
	.storeline p img{height:calc(36vw / 19.2);}
	

	/* form */
	.storeformtitlebox{padding:calc(15vw / 19.2) calc(30vw / 19.2);}
	.storeformtitlebox p{border-left:calc(5vw / 19.2) solid #00deff;}
	.formline{margin:calc(15vw / 19.2) 0;}
	.formline span:nth-child(1){width:calc(200vw / 19.2);padding: calc(6vw / 19.2) 0;}
	.formline span:nth-child(2){width:calc(100% - calc(220vw / 19.2));margin: 0 calc(10vw / 19.2);}
	.formline input[type=text],.formline input[type=password]{padding:calc(5vw / 19.2) calc(5vw / 19.2);}
	.formbtn{padding: calc(6vw / 19.2) calc(20vw / 19.2);margin-right:calc(10vw / 19.2);min-width:calc(150vw / 19.2);}
	.formline.sp1{height:calc(500vw / 19.2);overflow-Y:scroll;}
	.formline textarea{width:calc(100% - 2px);height:calc(100vw / 19.2);padding:calc(5vw / 19.2) calc(5vw / 19.2);}
	.formline select{min-width:calc(200vw / 19.2);padding:calc(5vw / 19.2) calc(5vw / 19.2);}
	.formline .filewrapnew .filewrapin{padding:calc(5vw / 19.2) calc(5vw / 19.2);}

	/* page */
	.pagebox a{margin:5px;width:calc(70vw / 19.2);height:calc(70vw / 19.2);border-radius:calc(70vw / 19.2);line-height:calc(70vw / 19.2)!important;}

	/* footer */
	.footerbottomleft .sec1 a{padding:0 calc(6vw / 19.2);}
	footer .fobicon{margin:0 3px;height:calc(80vw / 19.2);}
	/* totop */
	.totop{right:calc(20vw / 19.2);bottom:calc(50vw / 19.2);height:calc(64vw / 19.2);}

}

/* 手機板  */
@media screen and (max-width: 1000px) {
	.show400{display: block!important;}
	.show400.inline{display: inline!important;}
	.hide400{display: none!important;}
	.centerwrap{  width:92%;  margin:0 auto;}
	.centerwrapin{position:relative; max-width:100%;}
	.fsize55{font-size:calc(55vw / 7.2);}
	.fsize40{font-size:calc(40vw / 7.2);}
	.fsize36{font-size:calc(36vw / 7.2);}
	.fsize30{font-size:calc(30vw / 7.2);}
	.fsize26{font-size:calc(26vw / 7.2);}
	.fsize24{font-size:calc(24vw / 7.2);}/*標準尺寸*/
	/* pad */
	.vpad10{padding:calc(10vw / 7.2) 0;}
	.vpad20{padding:calc(20vw / 7.2) 0;}
	.vpad30{padding:calc(30vw / 7.2) 0;}
	.vpad40{padding:calc(40vw / 7.2) 0;}
	.vpad50{padding:calc(50vw / 7.2) 0;}
	.vpad60{padding:calc(60vw / 7.2) 0;}
	.vpad70{padding:calc(70vw / 7.2) 0;}
	.hpad10{padding:0 calc(10vw / 7.2);}
	.hpad20{padding:0 calc(20vw / 7.2);}
	.hpad30{padding:0 calc(30vw / 7.2);}
	.hpad40{padding:0 calc(40vw / 7.2);}
	.hpad50{padding:0 calc(50vw / 7.2);}
	.apad10{padding:calc(10vw / 7.2);}
	.apad20{padding:calc(20vw / 7.2);}
	.apad30{padding:calc(30vw / 7.2);}
	.apad40{padding:calc(40vw / 7.2);}
	.apad50{padding:calc(50vw / 7.2);}
	/* margin */
	.mv30{margin-top:calc(30vw / 6);;margin-bottom:calc(30vw / 6);}
	/* 框架  menu */
	header{position:fixed;z-index:98;top:11vw;left:100%;width:100%;height: calc(100% - 11vw);opacity:0;transition:all 1s;}
	header.on{left:0;opacity:1;}
	.topmenuwrap .menuitem{display:block;padding:1.5vw 0;}
	.topmenuwrap .submenuitem{color:#fff;margin-bottom:5vw;}
	.topmenuwrap  .submenuitem a{display:inline-block;margin:0 2vw;color:#fff;}
	.headiconbox{display:block;padding:1.5vw 0;}
	.headiconbox img{height:6vw;margin:0 3vw;}
	nav{position: fixed;z-index:99;top:0;left:0;width:100%;}
	.navin{height:calc(130vw / 19.2);}	
	nav .navin{height:11vw;width:94%;margin:0 auto;}	
	.menurightbottom{position:relative;height:100%;}
	.menurightbottom .menuitem{display:inline-block;height:6vw;margin:2.5vw 2vw;}
	.fa.sidemenuicon{width:10vw;font-size:10vw;line-height:11vw;margin-left:0;}
	.intitleline{width:calc(60vw / 6);border-top:0.5vw solid #f57ea3;margin-bottom:5vw;}
	/* 框架 article */
	article{position: relative;z-index:5;padding-top:11vw;}
	.split2{width:100%;margin-right:0;float:none;}
	.split2:nth-child(1){margin-bottom:10vw;}
	/* 框架 我不是機器人  */
	#capchk {  padding: 0 calc(8vw / 6);    border-radius: calc(5vw / 6);    font-size: calc(24vw / 6);}
	#capchk i.fa{font-size: calc(24vw / 6);margin-right:calc(10vw / 6); }
	/* banner */
	.bannerblockbox{bottom:calc(50vw / 8);height:calc(20vw / 8);}
	.bannerblockcircle{height:calc(20vw / 8);width:calc(20vw / 8);margin:calc(20vw / 8);border-radius: calc(20vw / 8);}
	.ibarr{width:calc(60vw / 8);}
	.ibarr i{font-size:calc(120vw / 8);}
	/* 其他banner */
	.obannerlist .bitem div{padding:calc(10vw / 6) calc(20vw / 6);}
	.oibarr{height:calc(60vw / 6);width:calc(60vw / 6);border-radius:calc(60vw / 6);}
	.oibarr i{font-size:calc(60vw / 6);line-height:calc(60vw / 6);}
	.oibarr.left{left:calc(-20vw / 6);}
	.oibarr.right{right:calc(-20vw / 6);}
	/* index 廣告 */
	.adsbox{height:calc(190vw / 12);padding-top:6vw;}
	
	/* news */
	.newsline{border-left:calc(5vw / 8) solid #f57ea3;padding:calc(20vw / 8) calc(20vw / 8);margin-bottom:calc(5vw / 8);}
	.newsline span:nth-child(1){width:72%;}
	.newsline span:nth-child(2){width:28%;}

	/* QA */
	.qaline{margin-bottom:calc(20vw / 6);}
	.qaline .q{border-left:calc(10vw / 6) solid #f57ea3;border-right:calc(10vw / 6) solid #f57ea3;padding:calc(25vw / 6) calc(20vw / 6) calc(25vw / 6) calc(90vw / 6);}
	.qaline .q img{width:calc(60vw / 6);left:calc(20vw / 6); top:calc(20vw / 6);}
	.qaline .a{padding:calc(25vw / 6) calc(30vw / 6) calc(25vw / 6) calc(100vw / 6);margin-top:calc(-60vw / 6);}
	.qaline .a img{width:calc(60vw / 6);left:calc(30vw / 6); top:calc(20vw / 6);}

	.awardline{padding:calc(15vw / 6) calc(20vw / 6);margin-bottom:calc(5vw / 6);}
	.awardline span:nth-child(1){width:70%;}
	.awardline span:nth-child(2){width:30%;}
	.awardline2{padding:calc(15vw / 6) calc(20vw / 6);margin-bottom:calc(5vw / 6);}
 .awardline2 span:nth-child(1){width:30%;}
 .awardline2 span:nth-child(2){width:13.2%;}
 .awardline2 span:nth-child(3){width:25%;}
 .awardline2 span:nth-child(4){width:15%;}
 .awardline2 span:nth-child(5){width:15%;}
	/* page */
	.pagebox a{margin:0.2vw;width:calc(70vw / 9);height:calc(70vw / 9);border-radius:calc(70vw / 9);line-height:calc(70vw / 9)!important;}

	/* store */
	.storeselectbox div:nth-child(1){width:100%;margin-right:0;margin-bottom:2vw;}
	.storeselectbox div:nth-child(2){width:100%;margin-right:0;margin-bottom:2vw;}
	.storeselectbox div:nth-child(3){width:100%;margin-right:0;margin-bottom:2vw;}
	.storeselectbox div span:nth-child(1){width:calc(160vw / 6);}
	.storeselectbox div span:nth-child(2){width:calc(100% - calc(170vw / 6))!important;margin: 0 0 0 calc(10vw / 6)!important;}
	.storetitlebox span{margin-right:calc(5vw / 6);}
	.storetitlebox  span:nth-child(1){border-left:calc(5vw / 6) solid #c4954a;padding-left:calc(10vw / 6);}
	.storetitlebox  span:nth-child(3)::after{  content:"\a";white-space: pre;}
	.storetitlebox  span:last-child{margin-top:3vw;color:#fff;background:#c4954a;padding:0 calc(20vw / 6);border-radius:calc(30vw / 6);margin-top:calc(10vw / 6);}
	.storebtnbox a{padding:calc(20vw / 6) calc(100vw / 6);}
	.storeline{display:inline-block;width:49%;margin-right:2%;height:60vw;}
	.storeline:nth-child(2n){margin-right:0;}
	.storeline p img{height:5.5vw;}
	.storeline p::after{  content:'';  display:table;  clear:both;}	


	/* form */
	.storeformtitlebox{padding:calc(15vw / 6) calc(30vw / 6);}
	.storeformtitlebox p{border-left:calc(5vw / 6) solid #00deff;}
	.storeformstepbox .split3{border:1px solid #979797;border-left:8px solid #979797;width:calc(100% - 9px);margin-bottom:2vw;}

	.formline{margin:calc(15vw / 6) 0;}
	.formline span:nth-child(1){width:calc(180vw / 6);padding: calc(6vw / 6) 0;}
	.formline span:nth-child(2){width:calc(100% - calc(190vw / 6));margin: 0 0 0 calc(10vw / 6);}
	.formline input[type=text],.formline input[type=password]{width:calc(100% - 2px - calc(10vw / 6));padding:calc(5vw / 6) calc(5vw / 6);}
	.formbtn{padding:calc(6vw / 6) calc(15vw / 6);margin-right:calc(10vw / 6);min-width:calc(120vw / 6);}
	.formline.sp1{height:calc(500vw / 6);overflow-Y:scroll;}
	.formline textarea{width:calc(100% - 2px - calc(10vw / 6));height:20vw;padding:calc(5vw / 6) calc(5vw / 6);}
	.formline select{width:100%;min-width:auto;padding:calc(5vw / 6) calc(5vw / 6);border:1px solid #ccc;}
	.formline .filewrapnew .filewrapin{    position:relative;width:100%;padding:calc(5vw / 6) calc(5vw / 6);}
	.formline .checkwrap.style2{ font-weight:normal;display: grid; grid-template-columns: 1em auto;   gap: 0.5em; width:48%;float:left;}

	/* footer */
	.footerbottomleft{display:block;float:none!important;}
	.footerbottomright{display:block;float:none!important;padding:10vw 0 15vw 0;}
	.footerbottomleft .sec1 a{padding:0 calc(6vw / 6);}
	footer .fobicon{margin:0 3px;height:calc(80vw / 6);}
	/* totop */
	.totop{right:calc(20vw / 6);bottom:calc(50vw / 6);height:calc(64vw / 5);}
}