@charset "utf-8";
/*
  danny 201909
  1. $Reset
  2. $body,html
  3. $共用
  4. $Mobile
  5. $Pc
*/





/* $Mobile
--------------------------------------------------------------------------------------*/
/* product header */
.product__header{ width: 100%; height: 170px; background: url(../image/rs__product__header__bg.jpg) top center no-repeat; background-size: initial; box-sizing: border-box; padding: 10px 0 0 0; position: relative; overflow: hidden; }
.product__header-container{ width: 100%; height: 145px; line-height: 145px; text-align: center; font-size: 1.875rem; font-style: italic; letter-spacing: 5px; color: #fff; background: url(../../image/product__header__tit__bg.png) center top no-repeat; margin: 0 auto;   }





/* product */
.product-container{ display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 40px 3% 40px 3%; position: relative;  }
.product-L,.product-R{ width: 100%; }
.product__item{ margin: 0 0 30px 0;  }
.product__item>img{ display: block; width: 170px; /* width: 120px; */ height: auto; margin: 0 auto;  }
.product__item.moresmall>img{ width: 120px; }
.product__item.morewidth>img{ width: 240px;  }
.product__item.morewidth02>img{ width: 160px; }
.product__info{ width: 100%; font-size: 0.875rem; line-height: 20px; color: #fff; }
.product__info__tit{ display: flex; font-size: 1.5rem; line-height:30px; color: #36a9d6; font-family: Helvetica,"微軟正黑體","新細明體","蘋果儷黑體", Arial, sans-serif; font-weight: bold; }
.product__info__tit>li{ margin-right: 10px;   }
.product__info__tit>li:last-child{ margin-right: 0; }
.tit--columns>li{ display: flex; flex-wrap: wrap; }
.tit--columns>li span{ margin: 0 10px; }
.tit--columns>li:nth-child(n+2){ white-space: nowrap; align-items: flex-end;   }
.product__info__subtit-box{ font-family: Helvetica,"微軟正黑體","新細明體","蘋果儷黑體", Arial, sans-serif; position: relative; }
.product__info__subtit-box:before{ content: ''; display: block; border-bottom: 1px solid #505050; margin: 10px 0 10px 0; }
.product__info__subtit-box:after{ content: ''; display: block; border-bottom: 1px solid #505050; margin: 10px 0 10px 0; }
.product__info__subtit__logo-box{ display: inline-flex; position: absolute;  bottom: 10px; right: 0; }
.subtit__logo{ width: 30px; }
.subtit__logo img{ width: 100%; height: auto; }
.subtit__logo + .subtit__logo{ margin: 0 0 0 8px; }
.product__info__subtit__logo{ width: 30px; position: absolute;  bottom: 10px; right: 0;  }
.product__info__subtit__logo>img{ width: 100%; height: auto; }
.product__info__subtit{ font-size: 1.125rem; line-height: 30px; }
.product__info__logo-box{ display: flex; align-items: center; margin: 10px 0 20px 0;  }
.product__info__logo-box>li{ margin-right: 20px; }
.product__info__logo-box>li>img{ width: 100%; height: auto; }
/* .product__info__logo__01{ width: 53px; }
.product__info__logo__02{ width: 36px; }
.product__info__logo__03{ width: 46px; }
.product__info__logo__04{ width: 59px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__06{ width: 50px; }
.product__info__logo__07{ width: 40px; }
.product__info__logo__08{ width: 100px; } */
.product__info__logo__01{ width: 60px; }
.product__info__logo__02{ width: 90px; }
.product__info__logo__03{ width: 43px; }
.product__info__logo__04{ width: 90px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__06{ width: 50px; }
.product__info__logo__07{ width: 40px; }
.product__info__logo__08{ width: 100px; }
.product__info__notelist{ margin: 25px 0 0 0; }
.product__info__notelist{ margin: 25px 0 0 0; line-height: 1.5em; }
.product__info__notelist>li:first-child:before{ content: '\f00c'; display: inline-block; margin-right: 5px; }
.product__info__notelist>li:nth-child(n+2){ color: #fff; box-sizing: border-box; padding: 0 0 0 23px; }
.product__info__notelist>li>ul{ list-style: disc; margin: 0 0 0 20px; }
.product__info__notelist>li>ul.pluslist{ list-style: none; margin: 10px 0 0 0; }
.pluslist li:first-child:before{ content: '\f067'; margin: 0 5px 0 5px; }
.pluslist li:nth-child(n+2){ margin: 0 0 0 22px; }
/* 認證專區 */
.product__info__certificate{ width: 70%; margin: 0 0 20px 0; border: 1px solid #5d5d5d; font-size: 1rem; color: #fff; font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體", sans-serif; position: relative;	 }
.product__info__certificate>li{ box-sizing: border-box; padding: 0 13px; height: 40px; line-height: 40px; display: flex; justify-content: space-between; align-items: center; }
.product__info__certificate>li img{ display: block; }
.product__info__certificate>li>span:first-child:before{ content: '‧'; margin: 0 7px 0 0; }
.product__info__certificate>li.tit{ background: #5d5d5d; }
.product__info__certificate>li.tit>span:first-child{ margin-right: 50px; }
.product__info__certificate>li.tit>span:first-child:before{ content: ''; }
/* download */
.product__info__link-box{ margin: 40px 0 0 0; }
.product__info__link{ width: 70%; }
.product__info__link:last-child{  }
.product__info__link>li{ width: 100%; height: 50px; line-height: 48px; font-size: 0.9375rem; color: #fff; border: 1px solid #494949; position: relative; box-sizing: border-box; padding: 0 5px;  margin: 0 0 5px 0; transition: all 0.2s ease-out; }
.product__info__link>li:before{ content: '\f0ed'; font-size: 1.125rem; color: #fff; margin-right: 5px;  }
.product__info__link>li>a{ display: block; width: 100%;  height: 100%; position: absolute; left: 0; top: 0; }
.product__info__link>li:hover{ background: rgba(255,255,255,0.1); }
.product__info__link>li.productname{ font-size: 1.25rem; color: #fff; border: none; }
.product__info__link>li.productname:before{ display: none; }
.product__info__link>li.productname:hover{ background: none; }
.product__01 .product-L, .product__03 .product-L{ order: 2; }
.product__01 .product-R, .product__03 .product-R{ order: 1; }
.product__04 .product__item>img{ width: 80vw; }





/* product__01 */
.product__01{ width: 100%; background: #252525; position: relative; overflow: hidden; box-sizing: }
.product__01__colorbg{ width: 100%; height: 100%; background: #2c2c2c; position: absolute; left: -20%; transform: skewX(-40deg); }





/* product__02 */
.product__02{ width: 100%; background: #1b1b1b; position: relative; overflow: hidden; }
.product__02__colorbg{ width: 100%; height: 100%; background: #1f1f1f; position: absolute; left: -20%; transform: skewX(-40deg);  }





/* product__03 */
.product__03{ width: 100%; background: #252525; position: relative; overflow: hidden; }
.product__03__colorbg{ width: 100%; height: 100%; background: #2c2c2c; position: absolute; left: -20%; transform: skewX(-40deg); }





/* ® */
.rup{ position: relative; top: -6px; font-size: 0.75rem; margin: 0 0px 0 0; }





/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

.product__item>img{ display: block; width: 200px; height: auto; margin: 0 auto;  }
.product__04 .product__item>img{ width: 53vw; }

}



/* 橫的版型 */
@media screen and (orientation:landscape){ 


}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px){

/* product header */
.product__header{ width: 100%; min-width: 1280px; height: 240px; background: url(../image/rs__product__header__bg.jpg) top center no-repeat; background-size: cover; box-sizing: border-box; padding: 60px 0 0 0; position: relative; overflow: hidden; }
.product__header-container{ width: 1280px; height: 145px; line-height: 145px; text-align: center; font-size: 1.875rem; font-style: italic; letter-spacing: 5px; color: #fff; background: url(../../image/product__header__tit__bg.png) center top no-repeat; margin: 0 auto; box-sizing: border-box; position: relative;  }





/* product */
.product-container{ display: flex; align-items: center; width: 1280px;  margin: 0 auto; box-sizing: border-box; padding: 40px 3% 40px 3%; position: relative; }
.product__04 .product-container{ padding: 40px 0; }
.product-L,.product-R{ width: 50%; }
.product__item>img{ display: block; width: 200px; margin: 0 auto;  }
.product__item.morewidth>img{ width: 280px; }
.product__item.morewidth02>img{ width: 185px; }
.product__item.moresmall>img{ width: 160px; }
.product__info{ width: 575px; font-size: 1.125rem; line-height: 25px; color: #fff; }
.product__info__tit{ display: flex; font-size: 3.125rem; line-height: 50px; color: #36a9d6;font-family: Helvetica,"微軟正黑體","新細明體","蘋果儷黑體", Arial, sans-serif; font-weight: bold; }
.product__info__tit>li{ margin-right: 25px; display: flex; flex-wrap: wrap; align-items: flex-end; }
.product__info__tit>li:last-child{ margin-right: 0; }
.tit--columns>li:nth-child(n+2){ white-space: nowrap; }
.product__info__subtit-box{ font-family: Helvetica,"微軟正黑體","新細明體","蘋果儷黑體", Arial, sans-serif; position: relative; }
.product__info__subtit-box:before{ content: ''; display: block; border-bottom: 1px solid #505050; margin: 10px 0 10px 0; }
.product__info__subtit-box:after{ content: ''; display: block; border-bottom: 1px solid #505050; margin: 10px 0 10px 0; }
.product__info__subtit-box:after{ content: ''; display: block; border-bottom: 1px solid #505050; margin: 10px 0 10px 0; }
.product__info__subtit__logo-box{ display: inline-flex; position: absolute;  bottom: 10px; right: 0; }
.subtit__logo{ width: 30px; }
.subtit__logo img{ width: 100%; height: auto; }
.subtit__logo + .subtit__logo{ margin: 0 0 0 8px; }
.product__info__subtit__logo{ width: 30px; position: absolute;  bottom: 10px; right: 0;  }
.product__info__subtit__logo>img{ width: 100%; height: auto; }
.product__info__subtit{ font-size: 1.625rem; line-height: 40px; }
.product__info__logo-box{ display: flex; align-items: center; margin: 10px 0 20px 0;  }
.product__info__logo-box>li{ margin-right: 20px; }
.product__info__logo-box>li>img{ width: 100%; height: auto; }
.product__info__logo__01{ width: 60px; }
.product__info__logo__02{ width: 90px; }
.product__info__logo__03{ width: 43px; }
.product__info__logo__04{ width: 90px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__05{ width: 44px; }
.product__info__logo__06{ width: 50px; }
.product__info__logo__07{ width: 40px; }
.product__info__logo__08{ width: 100px; }
.logomarginmore{ margin: 0 0 0 15px; }
.product__info__link-box{ display: flex; margin: 40px 0 0 0; }
.product__info__notelist{ margin: 25px 0 0 0; line-height: 1.5em; }
.product__info__notelist>li:first-child:before{ content: '\f00c'; display: inline-block; margin-right: 5px; }
.product__info__notelist>li:nth-child(n+2){ color: #fff; box-sizing: border-box; padding: 0 0 0 23px; }
.product__info__notelist>li>ul{ list-style: disc; margin: 0 0 0 20px; }
.product__info__notelist>li>ul.pluslist{ list-style: none; margin: 10px 0 0 0; }
.pluslist li:first-child:before{ content: '\f067'; margin: 0 5px 0 5px; }
.pluslist li:nth-child(n+2){ margin: 0 0 0 22px; }
/* 認證專區 */
.product__info__certificate{ width: 250px;	 margin: 0 15px 0 0; border: 1px solid #5d5d5d; font-size: 1rem; color: #fff; font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體", sans-serif; position: relative;	 }
.product__info__certificate>li{ box-sizing: border-box; padding: 0 13px; height: 40px; line-height: 40px; display: flex; justify-content: space-between; align-items: center; }
.product__info__certificate>li img{ display: block; }
.product__info__certificate>li>span:first-child:before{ content: '‧'; margin: 0 7px 0 0; }
.product__info__certificate>li.tit{ background: #5d5d5d; }
.product__info__certificate>li.tit>span:first-child{ margin-right: 50px; }
.product__info__certificate>li.tit>span:first-child:before{ content: ''; }
/* download */
.product__info__link-box{ display: flex; flex-wrap: nowrap; }
.product__info__link{ width: auto; margin: 0px 15px 0 0; }
.product__info__link:last-child{ margin: 0px 0 0 0;  }
.product__info__link>li{ width: 220px; height: 30px; line-height: 28px; font-size: 0.9375rem; color: #fff; border: 1px solid #494949; position: relative; box-sizing: border-box; padding: 0 5px;  margin: 0 0 5px 0; transition: all 0.2s ease-out; }
.product__info__link>li:before{ content: '\f0ed'; font-size: 1.125rem; color: #fff; margin-right: 5px;  }
.product__info__link>li>a{ display: block; width: 100%;  height: 100%; position: absolute; left: 0; top: 0; }
.product__info__link>li:hover{ background: rgba(255,255,255,0.1); }
.product__info__link>li.productname{ font-size: 1.25rem; color: #fff; border: none; }
.product__info__link>li.productname:before{ display: none; }
.product__info__link>li.productname:hover{ background: none; }
.product__01 .product-L, .product__03 .product-L{ order: 1; }
.product__01 .product-R, .product__03 .product-R{ order: 2; }
.product__04 .product__item>img{ width: auto; }





/* product__01 */
.product__01{ display: flex; align-items: center; width: 100%; min-width: 1280px; height: 1100px; background: #252525; position: relative; overflow: hidden; }
.product__01__colorbg{ width: 660px; height: 100%; background: #2c2c2c; position: absolute; left: 30%; transform: skewX(50deg); }





/* product__02 */
.product__02{ display: flex; align-items: center; width: 100%; min-width: 1280px; height: 1100px; background: #1b1b1b; position: relative; overflow: hidden; }
.product__02__colorbg{ width: 660px; height: 100%; background: #1f1f1f; position: absolute; left: 30%; transform: skewX(-50deg); }





/* product__03 */
.product__03{ display: flex; align-items: center; width: 100%; min-width: 1280px; height: 1100px; /* height: 1100px; */ background: #252525; position: relative; overflow: hidden; }
.product__03__colorbg{ width: 660px; height: 100%; background: #2c2c2c; position: absolute; left: 30%; transform: skewX(50deg); }





/* product__04 */
.product__04{ display: flex; align-items: center; width: 100%; min-width: 1280px; height: 1100px; background: #1b1b1b; position: relative; overflow: hidden; }
.product__04__colorbg{ width: 660px; height: 100%; background: #1f1f1f; position: absolute; left: 30%; transform: skewX(-50deg); }






/* ® */
.rup{ position: relative; top: -8px; font-size: 0.875rem; margin: 0 0px 0 0; }




/* gototop */
.goto-box>li.gotolocation{ display: block; width: 68px; height: 109px; background: url(../image/btn__location.png); background-position: 0 0;  }
.goto-box>li.gotolocation>a{ display: block; width: 100%; height: 100%; }
.goto-box>li.gototop{ width: 68px; height: 69px; background: url(../../car/image/elite__gototop.png); background-position: 0 0; }

}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){

}