@charset "utf-8";
/* 這是處理 android 表格的問題 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {-webkit-text-fill-color: #fff;}
/*select{-webkit-appearance:none;}*/
.fixfont{font-size:100%!important;}
a:active, a:hover {text-decoration:none;outline: 0 none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: #444 !important;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
/*
##### 色卡##########
------------
底色
------------
#000--黑底
#5dc0bd---蒂芬妮
e0f6f4--淺按鍵
21a0b8---已選按鍵
---------------------
字大小
2.2vw 3.6vw  -h1
1.8vw 3vw    -h2
1.5vw 2.4vw  -h3
1.3vw 1.8vw  -p
1.2vw 1.6vw  -p
1.1vw 1.5vw  -p


-----------
字色
----------
#fff;
#5dc0bd;---蒂芬妮
#818181


/*
#########################################################
#  共 享 設 定
##########################################################
*/
html, body{background:#fff;}
.free1 p{
	text-align: left!important;
}
.free2 p{
	text-align: left!important;
}
.overhide{overflow:hidden;}
.show400{display:none!important;}
.hide400{display:block;}
.centerwrap{position:relative;width:66%;margin:0 auto;z-index:1;text-align:center;}/*有需要 relative 要另外加 */
.cutblock{position:relative;z-index:1;}/*共用..基本div 設定 relative;*/
/* font size */
.f08{font-size:0.8vw;line-height:1.4vw;}
.f09{font-size:0.9vw;line-height:1.5vw;}
.f10{font-size:1vw;line-height:1.4vw;}
.f11{font-size:1.1vw;line-height:1.54vw;}
.f12{font-size:1.2vw;line-height:1.68vw;}
.f13{font-size:1.3vw;line-height:1.72vw;}
.f14{font-size:1.4vw;line-height:1.96vw;}
.f16{font-size:1.6vw;line-height:2.24vw;}
.f18{font-size:1.8vw;line-height:2.52vw;}
.f20{font-size:2vw;line-height:2.8vw;}
.f22{font-size:2.2vw;line-height:3.08vw;}
.f24{font-size:2.4vw;line-height:3.36vw;}
.f26{font-size:2.6vw;line-height:3.64vw;}
.f28{font-size:2.8vw;line-height:3.62vw;}
.f30{font-size:3vw;line-height:4.2vw;}
.f30s{font-size:3vw;line-height:4vw;}
.f35{font-size:3.5vw;line-height:4.9vw;}
.f40{font-size:4vw;line-height:6.4vw;}
.f45{font-size:4.5vw;line-height:7.1vw;}
.f50{font-size:5vw;line-height:7.8vw;}
.f60{font-size:6vw;line-height:8.4vw;}

/*font color */
.fffffff{color:#ffffff;font-weight:bold;}
.f000000{color:#000000;font-weight:bold;}
/* font weight */
.fw400{font-weight:400!important;}
.fw200{font-weight:200!important;}
.fwn{font-weight:normal;}
/* padding */
.p1{padding:1vw 0;}
.pu1{padding:1vw 0 0 0;}
.pu2f{padding:2vw 0 0 0!important;}
.p2{padding:2vw 0;}
.pu2{padding:2vw 0 0 0;}
.p3{padding:3vw 0;}
.p32{padding:3vw 0 2vw 0;}
.p5{padding:5vw 0;}
.pb2{padding:2vw;}
.pb3{padding:3vw;}
.pr3{padding-right:3vw;}
.pl3{padding-left:3vw;}
/* margin */
.mu1{margin-top:1vw;}
.mu2{margin-top:2vw;}
.mu3{margin-top:3vw;}
.bm4{margin-left:4vw;margin-right:4vw;}
.mu0{margin-top:0!important;}
.mu-1{margin-top:-1vw!important;}
.mu-05{margin-top:-0.5vw!important;}
.m1{margin-top:1vw;margin-bottom:1vw;}
/*background */
.bgebebeb{background:#ebebeb!important;}
.bg5dc0bd{background:#5dc0bd!important;}
.bgeaeaea{background:#eaeaea!important;}
.bgdcdcdc{background:#dcdcdc!important;}
.bgffffff{background:#ffffff!important;}
.bge0f6f4{background:#e0f6f4!important;}
.bgaddfde{background:#addfde!important;}
.bge5e5e5{background:#e5e5e5!important;}
.bg626262{background:#626262!important;}
.bg434343{background:#434343!important;}
.bg000000{background:#000000!important;}
.bgff6161{background:#ff6161!important;}
.bgAAA{background:#AAA!important;}
.hshad:hover{    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bgsp1{background-color: rgba(4, 81, 132, 0.85);}
.bgsp2{background-color: rgba(226, 28, 33, 0.65);}
.bgsp3{background-color: rgba(255, 255, 255, 0.75);}
.bg605e5e{background:#605e5e!important;}
/*
#########################################################
POP
*/
#popu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:rgba(0,0,0,0.7);text-align:center;}
#pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999998;background:rgba(0,0,0,0.7);}
.popclosebg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
#popuin{position:relative;text-align:left;top:50%;transform:translateY(-50%);z-index:1;padding:2vw;width:1200px;max-width:80%;background:rgba(255,255,255,0.9);margin:0 auto;max-height:80vh;overflow-x:hidden;overflow-y:auto;}
#popuin h1{font-size:2vw;line-height:3vw;}
#popubody{position:relative;padding:2vw 2vw 4vw 2vw;margin:0;font-size:1vw;line-height:1.5vw;color:#595959;border:1px solid #999;text-align:left;}
#popuin.share{position:relative;top:50%;display:inline-block;transform:translateY(-50%);text-align:center;z-index:1;padding:2vw;width:auto;background:none;margin:0 auto;max-height:80vh;overflow-x:hidden;overflow-y:auto;}
#popuin.share #popubody{border:none;text-align:left;margin:0 auto;}
#popin{position:relative;top:50%;transform:translateY(-50%);z-index:1;padding:2vw;width:40%;background:rgba(255,255,255,0.9);margin:0 auto;max-height:80vh;overflow-x:hidden;overflow-y:auto;}
#popbody{position:relative;padding:1vw 2vw;margin:2vw;font-size:1vw;line-height:1.5vw;color:#595959;border:1px solid #999;text-align:left;}
.popclosebtn{position:absolute;top:0;right:0;height:2.5vw;width:2.5vw;background:#666;text-align:center;z-index:99;}
.popclosebtn i{font-size:2vw;line-height:2.5vw;color:#fff;}
.agreebtn{width:20%;color:#fff;background:#000;font-size:1.1vw;line-height:2vw;float:right;text-align:center;}

/*
#########################################################
#  H E A D E R  -4 vw;
##########################################################
*/
#fixheader{position:fixed;top:0;left:0;width:100%;z-index:99;background:#fff;}
#mainhead{padding:0.8vw 0;}
#mainhead h1{display:inline-block;font-size:1.8vw;line-height:2.6vw;font-weight:900;letter-spacing:0.2vw;float:left;}
#headlogotext{display:inline-block;font-size:1.8vw;line-height:2.6vw;height:2.6vw;color:#000000;font-weight:900;font-family:"lulo-clean-w01-one-bold",sans-serif;}
#headlogotext img{height:100%;}
#headmenu{display:inline-block;float:right;height:2vw;padding:0.3vw 0;}
.headitem{display:inline-block;padding:0 0.5vw;font-size:1vw;line-height:2vw;color:#000;font-weight:600;}
.headitem:hover{color:#222;font-size:1.1vw;text-decoration:none;font-weight:600;}

/*
#########################################################
#  C O N T A I N E R
##########################################################
*/
#container{position:relative;padding-top:4.2vw;z-index:1;}
.cutwrap{position:relative;padding:5vw 0;z-index:2;}
.cutwrap.type2{padding:0;}
.cutwrap.corobannerbox{padding:8vw 0;}
.scutwrap{position:relative;padding:0;z-index:2;}
.cuthalve{position:relative;width:50%;float:left;z-index:1;}
.cuthalve.abs{position:absolute;top:0;height:100%;}
.cuthalve.t47{position:relative;width:47%;float:left;z-index:1;}
.cuthalve.abs:nth-child(1){left:0;}
.cuthalve.abs:nth-child(2){right:0;}
.cuthalve.t47:nth-child(1){margin-right:6%;}
.cutwrap img,.scutwrap img,.cuthalve img{max-width:100%;    z-index: -1;}
.titleAline{width:4vw;height:0.5vw;background:#000;margin-bottom:0.5vw;display:inline-block;}
.titleAline.type2{background:#fff;}
.titleAline.long{width:6vw;}
.cutbg{position:absolute;top:0;left:0;width:100%;z-index:0;}
.titleA{margin-left:20%;margin-right:-30%;opacity:0;font-weight:bold;width:100%;font-weight:bolder;font-family: "lulo-clean-w01-one-bold",sans-serif;margin-bottom:0.5vw;text-align:left;transition: all 1s;}
.titleA.move{margin-left:0;margin-right:0;opacity:1;}
#indexbannebg{position:fixed;top:0;left:0;width:100%;height:auto;z-index:0;}
.indexlist01{padding-left:15px;}
.indexlist01 li{list-style-type:decimal;list-style-position: outside;}
/*
#########################################################
#  I N D E X
##########################################################
*/
#indexbannerwrap{position:relative;height:25vw;z-index:1;overflow:hidden;}
#indexbannertitle{position:relative;top:50%;transform:translateY(-50%);font-size:4vw;line-height:7vw;color:#fff;text-align:center;z-index:2;font-weight:bold;text-shadow:0.5vw 0.5vw 1vw #666;opacity:0;transition: opacity 2s;}
#indexbannersubtitle{font-size:2vw;line-height:4vw;}

#indexbannertitle.move{opacity:1;}
#indexcomwrap{padding:2vw 0 0 0;}
.comitem{width:18.4%;margin-right:2%;float:left;margin-bottom:1vw;}
.comitem img{width:100%;}
.comitem:nth-child(5n){margin-right:0;}
/*
#########################################################
#  F M E A
##########################################################
*/
#indexbannerwrap.fmea{height:50vw;}
#indexbannertitle.fmea{top:30%;font-size:7vw;letter-spacing:1vw;font-weight:600;}
#aldown{position:absolute;width:100%;left:0;bottom:20%;text-align:center;animation: danceme 5s 2s 5;}
#aldown i{color:#ffffff;font-size:7vw;line-height:7vw;text-shadow:0.5vw 0.5vw 1vw #666;}
#alup{position:absolute!important;width:4vw;height:4vw;left:calc(50% - 2.5vw);bottom:-3vw;background:#ffffff;transform: rotate(35deg)  skewY(20deg);-ms-transform: rotate(35deg)  skewY(20deg);}
@keyframes danceme {

  6%{
    transform: rotate(0deg) translateY(0);
  }
  7%{
    transform: rotate(5deg) translateY(0);
  }
  8%{
    transform: rotate(-5deg) translateY(0);
  }
  9%{
    transform: rotate(5deg) translateY(0);
  }
  10%{
    transform: rotate(0deg) translateY(0);
  }
  16%{
    transform: rotateY(360deg) translateY(0);
  }
  22%{
    transform: rotateY(360deg) translateY(0);
  }
  28%{
    transform: rotateY(0deg) translateY(0);
  }
  32%{
    transform: rotate(0deg) translateY(0);
  }
  36%{
    transform: rotate(0deg) translateY(-5%);
  }
  40%{
    transform: rotate(0deg) translateY(5%);
  }
  44%{
    transform: rotate(0deg) translateY(-6%);
  }
  48%{
    transform: rotate(0deg) translateY(7%);
  }
  52%{
    transform: rotate(0deg) translateY(0);
  }
}
/*
#########################################################
#  B A N N E R
##########################################################
*/

.indexbanner{position:relative;background:#999;}

.indexbannerbg{position:relative;z-index:0;opacity:0;}/* indexbannerbg */
.indexbannerbg img{width:100%;}
.indexbannerwrap{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;overflow:hidden;}
.indexbannerbox{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.indexbannerbox .banneritem{float:left;display:inline-block;height:100%;}
.indexbannerwrap .indexbannerbox .banneritem{position:absolute;display:inline-block;height:100%;z-index:1;margin:0;opacity:0;transition: all 2s;}
.indexbannerwrap .indexbannerbox .banneritem.on{opacity:1;z-index:2;}
.indexbanneritem{position:relative;height:100%;}
.banneritem.on{z-index:2;opacity:1;}
.indexbanneritem img{height:100%;}
.indexbannerdotwrap{z-index:9;position:absolute;left:50%;bottom:20px;display:inline-block;padding:0;text-align:center;transform:translateX(-50%);}
.indexbannerdot{display:inline-block;margin:0 10px;height:1vw;width:1vw;border:1px solid #999;border-radius:calc(0.5vw + 1px );background:rgba(255,255,255,0.6);overflow:hidde;box-shadow: 0.1vw 0.1vw 0.15vw 0.15vw rgba(0,0,0,0.2);}
.indexbannerdot.on{background:#fff;box-shadow: 0.1vw 0.1vw 0.2vw 0.2vw rgba(0,0,0,0.3);}
.indexbannerwrap  a.bannerbtn{position:absolute;display:inline-block; height:10vw;width:auto;top:50%;transform:translateY(-50%);z-index:9;}
.indexbannerwrap  a.bannerbtn i{font-size:8vw;line-height:10vw;color:#fff;}
.indexbannerwrap  a.bannerbtn.bannerleft{left:2vw;}
.indexbannerwrap  a.bannerbtn.bannerright{right:2vw;}
.indexbannerwrap .indexbannerboxtext{z-index:3;position:absolute;top:7%;right:7%;width:30%;height:3vw;font-size:2vw;line-height:3vw;color:#222;text-align:right;}
/*
#########################################################
#  車用相關
##########################################################
*/
.carbannerwrap{position:relative;text-align:center;}
.carbannerwrap .carbanneritem{position:relative;display:inline-block;width:4vw;height:4vw;margin:0;opacity:0;border-radius:2vw;overflow:hidden;transition: width 1.2s,height 1.2s, margin 1.2s;}
.carbannerwrap .carbanneritem .bannerimg{width:100%;}
.carbannerwrap .carbanneritem:hover{box-shadow:0.1vw 0.1vw 0.3vw 0.3vw rgba(0,0,0,0.5);margin-top:-0.3vw;}
.carbannerwrap .carbanneritem.start{width:14vw;height:14vw;border-radius:7vw;margin:0 2vw;opacity:1;}
/*
#########################################################
#  N E W S
##########################################################
*/
.newslistitem{position:relative;;padding:3vw 0;border-bottom:1px solid #fff;}
.newslistitem img{float:left;width:25%;margin-right:5%;}
.newslisttext{width:69%;position:relative;float:left;text-align:left;}
.newslisttext p{margin-top:1vw;}
.newslistitem.nl{border-bottom:0;}
.newslistpagewrap{position:relative;padding:3vw 0;}
.newslistpagewrap a{display:inline-block; width:3vw;height:3vw;margin:0 1vw;text-align:center;font-size:1vw;line-height:3vw;color:#fff;background:#222;}
.newslistpagewrap a:hover{background:#666;}
.newslistpagewrap a.on{color:#000;background:#fff;}

#newspagecontent{color:#fff!important;border-top:1px solid #fff;padding:3vw 0;margin:0.5vw 0;}
#newspageback{display:inline-block;width:34%;padding:0.3vw 0;color:#000!important;background:#fff;font-size:1.2vw;line-height:2vw;text-align:center;}
/*
#########################################################
#  V I D E O
##########################################################
*/
.videowrap{    -moz-box-shadow: 0.1vw 0.1vw 1vw #000;	-webkit-box-shadow: 0.1vw 0.1vw 1vw #000;	box-shadow: 0.1vw 0.1vw 1vw #000;}
.videoitem{border-bottom:1px solid #000;padding:2vw 0;}
.videoitem:last-child{border-bottom:0;}
.videoplayer{padding:1vw 0;width:100%;}
.videoplayer2{padding:1vw 0;width:100%;}
.videointro p{}
.videointro p span{display:inline-block;}
.videointro p span:nth-child(1){width:20%;float:left;}
.videointro p span:nth-child(2){width:80%;}
.videoitem2{padding:2vw 0;width:30%;margin-right:5%;float:left;}
.videoitem2:nth-child(3n){margin-right:0;}
/*
#########################################################
#  F O R M
##########################################################
*/
.formwrap{position:relative;padding:0 5%;}
.formwrapbg{position:absolute;top:0;left:0;width:120%;max-width:150%!important;height:100%;left:-10%;}
.formline{padding:0.5vw 0;}
.formtitle{font-size:1.2vw;line-height:2vw;color:#000;padding-bottom:0.5vw;}
.formline input[type=text]{width:94%;padding:0.2vw 3%;color:#000!important;font-size:1.2vw;line-height:2vw;background:none;border:2px solid #000;}
.formline textarea{width:94%;padding:0.2vw 3%;color:#000!important;font-size:1.2vw;line-height:2vw;min-height:10vw;margin:0.5vw 0;background:none;border:2px solid #000;}
.formline input:focus{ background:#fff;}
.formline input[type=submit]{width:34%;padding:0.3vw 0;color:#fff!important;background:#000;font-size:1.2vw;line-height:2vw;float:right;text-align:center;}
.formline2{padding:0.5vw 0;}
.formline2 .formtitle{font-size:1vw;line-height:1.6vw;color:#000;display:inline-block;width:18%;margin-right:3%;}
.formline2 .formtitle.short{width:10%;margin-left:4%;margin-right:2%;}
.formline2 input[type=text]{width:72%;padding:0 2%;font-size:1vw;line-height:1.6vw;background:#ffffff;color:#000000;border:1px solid #000;}
.formline2 input[type=text].short{width:40%;}
.formline2 input[type=text].short2{width:10%;}
.formline2 input[type=radio]{display:inline-block;margin-right:0.5vw;}
.formline2 label{display:inline-block;color:#000;font-size:1vw;line-height:1.6vw;padding-right:1vw;}
.formline2 textarea{width:94%;padding:0.2vw 3%;color:#000!important;font-size:1.2vw;line-height:2vw;min-height:10vw;margin:0.5vw 0;background:none;border:2px solid #000;}
.formline2 input[type=submit]{width:34%;padding:0.3vw 0;color:#fff!important;background:#000;font-size:1.2vw;line-height:2vw;float:right;text-align:center;}
.formline3{padding:0.5vw 0;}
.formline3 .formtext p{display:inline-block;}
.formline3 .formtitle{font-size:1vw;line-height:1.6vw;min-height:1.6vw;color:#000;display:inline-block;width:8%;margin-right:2.2%;float:left;}
.formline3 textarea{width:86.7%;padding:0 1%;font-size:1vw;line-height:1.6vw;height:8vw;background:#ffffff;color:#000000;border:1px solid #000;}
.formline3 .formtext{width:88.7%;float:left;font-size:1vw;line-height:1.6vw;color:#000000;}
.formline3 .formtext span{display:inline-block;margin:0 0.5vw;font-size:1vw;height:1.6vw;padding:0 0.5vw;background:#ccc;}
.formline3 .formtext span.on{background:#000;color:#fff;}
.formline3 input[type=submit]{width:20%;padding:0.3vw 0;color:#fff!important;background:#000;font-size:1.1vw;line-height:1.6vw;float:right;text-align:center;}
.formimg1{position:absolute;top:2vw;right:0;width:18%;}
.formimg2{position:absolute;top:2vw;right:20%;width:16%;}
/*
#########################################################
#  F O O T E R
##########################################################
*/
footer{position:relative;background:#ffffff;padding-bottom:10vw;z-index:9;}
footer .cuthalve{text-align:left;}
#footerlogo{margin-top:3vw;    width: 21vw;}
.footeraddress{padding-top:1vw;}
.footershare{margin-top:5vw;}
.footershare a{display:inline-block;width:2.5vw;}
@media screen and (max-width: 1380px) {
  html, body{width:100%;}
  .centerwrap{position:relative;width:76%;margin:0 auto;}
}
/* 1000 以下顯示  平板版本--影片改圖騙    */
@media screen and (max-width: 979px) {
  html, body{width:100%;}
  .hbge1f5f4{background:#e1f5f4;}
  .hbgaedede{background:#aedede;}
  .show400{display:block!important;}
  .hide400{display:none;}
  .centerwrap{position:relative;width:84%;margin:0 auto;}
  /* font size */
  .f08{font-size:2.4vw;line-height:4.0vw;}
  .f09{font-size:2.7vw;line-height:4.0vw;}
  .f10{font-size:3vw;line-height:4.2vw;}
  .f11{font-size:3.3vw;line-height:4.62vw;}
  .f12{font-size:3.6vw;line-height:5.04vw;}
  .f13{font-size:3.9vw;line-height:5.46vw;}
  .f14{font-size:4.2vw;line-height:5.88vw;}
  .f16{font-size:4.8vw;line-height:6.72vw;}
  .f18{font-size:5.4vw;line-height:7.56vw;}
  .f20{font-size:6vw;line-height:8.4vw;}
  .f22{font-size:6.6vw;line-height:9.24vw;}
  .f24{font-size:7.2vw;line-height:10.08vw;}
  .f26{font-size:7.8vw;line-height:10.92vw;}
  .f28{font-size:8.4vw;line-height:11.72vw;}
  .f30{font-size:9vw;line-height:12.6vw;}
  .f30s{font-size:9vw;line-height:12vw;}
  .f35{font-size:10.5vw;line-height:14.7vw;}
  .f40{font-size:12vw;line-height:16.8vw;}
  .f45{font-size:13.5vw;line-height:18.9vw;}
  .f50{font-size:15vw;line-height:21vw;}
  .f60{font-size:18vw;line-height:25.2vw;}
  /* padding */
  .p1{padding:3vw 0;}
  .pu1{padding:3vw 0 0 0;}
  .p2{padding:6vw 0;}
  .pu2{padding:6vw 0 0 0;}
  .p3{padding:6vw 0 2vw;}
  .p5{padding:15vw 0;}
  .pb2{padding:3vw;}
  .pb3{padding:6vw;}
  .pr3{padding-right:6vw;}
  .pl3{padding-left:6vw;}
  /* margin */
  .mu1{margin-top:3vw;}
  .mu2{margin-top:6vw;}
  .mu3{margin-top:9vw;}
  .bm4{margin-left:0;margin-right:0;}
  .mm3{margin-top:-3vw;}

  #mainheadm{padding:2vw 0;text-align:center;}
  #headlogotextm{display:inline-block;font-size:5vw;line-height:6vw; height:6vw;color:#000000;font-weight:900;font-family:"lulo-clean-w01-one-bold",sans-serif;}
  #headlogotextm img{height:100%;}
  #burger{position:absolute;top:0;right:0;display:inline-block;width:8vw;height:10vw;text-align:center;}
  #burger i{font-size:8vw;line-height:10vw;color:#000;}
  #headmenum{position:fixed;top:0;left:100%;width:100%;height:100%;z-index:98;background:#fff;opacity:0;transition: all 1s;}
  #headmenum.on{top:0;left:0;width:100%;height:100%;z-index:98;background:#fff;opacity:1;}
  #headmenumpad{height:12vw;}
  .headitem{display:block;padding:0 1.5vw;font-size:4vw;line-height:8vw;padding:2vw 0;color:#000;font-weight:600;text-align:center;border-bottom:1px solid #000;}
  /* POP UP */
  #popuin{position:relative;top:50%;transform:translateY(-50%);z-index:1;padding:3vw;width:88%;max-width:88%;background:rgba(255,255,255,0.9);margin:0 auto;max-height:90vh;overflow-x:hidden;overflow-y:auto;}
  #popuin h1{font-size:6vw;line-height:9vw;}
  #popubody{position:relative;padding:3vw 3vw 10vw 3vw;margin:0;font-size:3.4vw;line-height:5vw;color:#595959;border:1px solid #999;text-align:left;}
  #popuin.share{text-align:center;padding:6vw 10vw;width:auto;background:none;}
  #popuin.share #popubody{border:none;}
  .popclosebtn{position:absolute;top:0;right:0;height:8vw;width:8vw;background:#666;text-align:center;z-index:99;}
  .popclosebtn i{font-size:6vw;line-height:8vw;color:#fff;}
  .agreebtn{width:30%;color:#fff;background:#000;font-size:3.6vw;line-height:7vw;float:right;text-align:center;}
  /*
  #########################################################
  #  C O N T A I N E R
  ##########################################################
  */
  #container{padding-top:10vw;}
  .cutwrap{padding:10vw 0;overflow:hidden;}
  .cutwrap.type2{padding: 0;}
  .cutwrap.corobannerbox{padding:10vw 0;}
  .cuthalve{width:100%;float:none;}
  .cuthalve.abs{top:0;height:100%;}
  .cuthalve.t47{width:100%;float:none;}
  .cuthalve.t47:nth-child(1){margin-right:0;}
  .cutwrap img,.scutwrap img,.cuthalve img{max-width:100%;}
  .titleAline{width:12vw;height:1.5vw;margin-bottom:1.5vw;}
  .titleAline.long{width:18vw;}
  .titleA{margin-bottom:1.5vw;}
  #indexbannebg{position:fixed;top:0;left:50%;transform:translateX(-50%);width:auto;height:100%;z-index:0;}
  /*
  #########################################################
  #  I N D E X
  ##########################################################
  */
  #indexbannerwrap{position:relative;height:50vw;z-index:1;overflow:hidden;}
  #indexbannertitle{position:relative;padding:0 5vw;top:50%;transform:translateY(-50%);font-size:6vw;line-height:9vw;color:#fff;text-align:center;z-index:2;font-weight:900;text-shadow:0.5vw 0.5vw 1vw #666;}
  #indexbannersubtitle{font-size:4vw;line-height:6vw;}
  #indexcomwrap{padding:10vw 0 0 0;}
  .comitem{width:45%;margin-right:10%;float:left;margin-bottom:3vw;}
  .comitem img{width:100%;}
  .comitem:nth-child(5n){margin-right:10%;}
  .comitem:nth-child(2n){margin-right:0;}
  /*
  #########################################################
  #  F M E A
  ##########################################################
  */
  #indexbannerwrap.fmea{height:80vw;}
  #indexbannertitle.fmea{top:45%;font-size:10vw;letter-spacing:2vw;}
  #aldown{position:absolute;width:100%;left:0;bottom:20%;text-align:center;}
  #aldown i{color:#ffffff;font-size:15vw;line-height:15vw;text-shadow:0.5vw 0.5vw 1vw #666;}
  #alup{position:absolute;width:12vw;height:12vw;left:calc(50% - 6vw);bottom:-9vw;background:#ffffff;transform: rotate(35deg)  skewY(20deg);-ms-transform: rotate(35deg)  skewY(20deg);}
  /*
  #########################################################
  #  B A N N E R
  ##########################################################
  */
  .indexbannerdotwrap{bottom:5vw;}
  .indexbannerdot{margin:0 3vw;height:3vw;width:3vw;border-radius:calc(1.5vw + 1px );box-shadow: 0.2vw 0.2vw 0.7vw 0.7vw rgba(0,0,0,0.2);}
  .indexbannerdot.on{box-shadow: 0.5vw 0.5vw 1vw 0.5vw rgba(0,0,0,0.3);}
  .indexbannerwrap  a.bannerbtn{height:30vw;}
  .indexbannerwrap  a.bannerbtn i{font-size:20vw;line-height:30vw;}
  .indexbannerwrap  a.bannerbtn.bannerleft{left:5vw;}
  .indexbannerwrap  a.bannerbtn.bannerright{right:5vw;}
  .indexbannerwrap .indexbannerboxtext{z-index:3;position:absolute;top:3%;right:3%;width:50%;height:5vw;font-size:4vw;line-height:5vw;color:#222;text-align:right;}
  /*
  #########################################################
  #  車用相關
  ##########################################################
  */
  .carbannerwrap .carbanneritem{position:relative;display:inline-block;width:10vw;height:10vw;margin:0vw;opacity:0;border-radius:5vw;overflow:hidden;}
  .carbannerwrap .carbanneritem:hover{box-shadow:0.3vw 0.3vw 1vw 1vw rgba(0,0,0,0.5);}
  .carbannerwrap .carbanneritem.start{width:34vw;height:34vw;border-radius:17vw;margin:7vw;opacity:1;}
  .carline{height:1px;}
  /*
  #########################################################
  #  N E W S
  ##########################################################
  */
  .newslistitem{padding:5vw 0;}
  .newslistitem img{float:none;width:100%;margin:5vw 0;}
  .newslisttext{width:100%;float:none;}
  .newslisttext p{margin-top:3vw;}
  .newslistpagewrap{position:relative;padding:5vw 0;}
  .newslistpagewrap a{display:inline-block; width:8vw;height:8vw;margin:0 2vw;font-size:3vw;line-height:8vw;}
  #newspagecontent{padding:5vw 0;margin:1.5vw 0;}
  #newspageback{width:60%;padding:1vw 0;font-size:3.6vw;line-height:6vw;}
  /*
  #########################################################
  #  V I D E O
  ##########################################################
  */
  .videowrap{    -moz-box-shadow: 0.3vw 0.3vw 3vw #000;	-webkit-box-shadow:  0.3vw 0.3vw 3vw #000;	box-shadow:  0.3vw 0.3vw 3vw #000;}
  .videoitem{border-bottom:1px solid #000;padding:5vw 0;}
  .videoitem:last-child{border-bottom:0;}
  .videoplayer{padding:3vw 0;width:100%;}
  .videoplayer2{padding:3vw 0;width:100%;}
  .videointro p{}
  .videointro p span{display:inline-block;}
  .videointro p span:nth-child(1){width:20%;float:left;}
  .videointro p span:nth-child(2){width:80%;}
  .videoitem2{padding:5vw 0;width:100%;margin-right:0;float:none;border-bottom:1px solid #000;}
  .videoitem2:nth-last-child(2){border-bottom:0;}
  /*
  #########################################################
  #  F O R M
  ##########################################################
  */
  .formwrap{padding:0 6%;}
  .formline{padding:1.5vw 0;}
  .formtitle{font-size:3.6vw;line-height:6vw;padding-bottom:1.5vw;}
  .formline input[type=text]{width:94%;padding:0.5vw 3%;font-size:3.6vw;line-height:6vw;}
  .formline textarea{width:94%;padding:0.5vw 3%;font-size:3.6vw;line-height:6vw;min-height:30vw;margin:1.5vw 0;}
  .formline input:focus{ background:#fff;}
  .formline input[type=submit]{width:50%;padding:1vw 0;font-size:3.6vw;line-height:6vw;}
  .formline2{padding:3vw 0;}
  .formline2 .formtitle{font-size:3vw;line-height:4.8vw;width:20%;margin-right:3%;float:left;}
  .formline2 .formtitle.short{width:10%;margin-left:4%;margin-right:2%;float:none;}
  .formline2 input[type=text]{width:72%;padding:0 2%;font-size:3vw;line-height:4.8vw;background:#ffffff;color:#000000;border:1px solid #000;}
  .formline2 input[type=text].short{width:40%;}
  .formline2 input[type=text].short2{width:10%;}
  .formline2 input[type=radio]{display:inline-block;margin-right:2vw;}
  .formline2 label{display:inline-block;color:#000;font-size:3vw;line-height:4.8vw;padding-right:5vw;}
  .formline2 textarea{width:94%;padding:0.2vw 3%;color:#000!important;font-size:1.2vw;line-height:2vw;min-height:10vw;margin:0.5vw 0;background:none;border:2px solid #000;}
  .formline2 input[type=submit]{width:34%;padding:0.3vw 0;color:#fff!important;background:#000;font-size:1.2vw;line-height:2vw;float:right;text-align:center;}
  .formline3{padding:3vw 0;}
  .formline3 .formtitle{font-size:3vw;line-height:4.8vw;min-height:4.8vw;color:#000;display:inline-block;width:18%;margin-right:3%;float:left;}
  .formline3 textarea{width:72%;padding:0 2%;font-size:3vw;line-height:4.8vw;height:30vw;background:#ffffff;color:#000000;border:1px solid #000;}
  .formline3 .formtext{width:72%;float:left;font-size:3vw;line-height:4.8vw;color:#000000;}
  .formline3 .formtext p{display:block;margin-bottom:3vw;}
  .formline3 .formtext span{display:inline-block;margin:0 2.5vw;font-size:3vw;height:4.8vw;padding:0 2.5vw;background:#ccc;}
  .formline3 .formtext span.on{background:#000;color:#fff;}
  .formline3 input[type=submit]{margin-top:5vw;width:60%;padding:1vw 0;color:#fff!important;background:#000;font-size:3.3vw;line-height:4.8vw;float:none;text-align:center;}
  .formimg1{position:absolute;top:5vw;right:0;width:26%;}
  .formimg2{position:absolute;top:18vw;right:0%;width:26%;}
  /*
  #########################################################
  #  F O O T E R
  ##########################################################
  */
  footer{padding-bottom:5vw;}
  #footerlogo{margin-top:5vw; width: 62vw;}
  .footeraddress{padding-top:3vw;}
  .footershare{margin-top:10vw;text-align:center;}
  .footershare a{display:inline-block;width:20%;}
}