@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900');

div, p, span { font-family: 'Noto Sans TC', sans-serif;}
.china_landing { }
.landing_first { margin-top:6px}
.landing_first p span.txt_center { padding:0 30px}
.landing_first p span.txt_last { border-bottom:1px solid #fff}
/*.hero_slide01 { height:600px; background:url('images/landingpage/china/hero01.jpg'); background-size:cover}
.hero_slide02 { height:600px; background:url('images/landingpage/china/hero02.jpg'); background-size:cover}
.hero_slide03 { height:600px; background:url('images/landingpage/china/hero03.jpg'); background-size:cover}
.hero_slide04 { height:600px; background:url('images/landingpage/china/hero04.jpg'); background-size:cover}
.hero_slide01 .btn_hero01 { background:url('images/landingpage/china/btn_gold_dark_shadow.png') no-repeat; color:#fff; font-size:18px; width:194px; height:59px; font-weight:400; text-align:center; padding-top:13px}
.hero_slide01 .btn_hero01 a { font-size:18px; font-weight:400; color:#fff; text-decoration:none; font-weight:400;}*/
.Fw100 { font-weight:100} /*thin*/
.Fw300 { font-weight:300} /*light*/
.Fw400 { font-weight:400} /*regular*/
.Fw500 { font-weight:500} /*medium*/
.Fw700 { font-weight:700} /*bold*/
.Fw900 { font-weight:900} /*black*/
.product_box { width:100%; margin:0 auto; margin:175px 0 63px 0; display:inline-block; width:80%;  }
.product_list { display:contents; text-align:center; }
.landing_third { background:url('images/landingpage/china/product_bg_01.jpg') no-repeat; overflow:hidden; }
.landing_forth { overflow:hidden; background-size:100% auto}
.landing_sixth { background:url('images/landingpage/china/test_bg_01.jpg') no-repeat; overflow:hidden; background-size:cover}
.landing_senventh { background:url('images/landingpage/china/search_bg.jpg') no-repeat; overflow:hidden; background-size:cover}
h3.section_tit02 { font-size:25px; font-family: 'Noto Sans TC', sans-serif; font-weight:400; color:#fff; text-align:center; padding-top:60px}
.landing_search { text-align:center; padding:38px 0 62px 0}
.landing_search input.search_ip { font-family: 'Noto Sans TC', sans-serif; font-size:19px; color:#888888; }
.landing_caution { background:#98324a; text-align:center; font-size:15px; }
.landing_caution span { border:1px solid #FCDBB1; color:#FCDBB1; padding:15px 20px; margin:20px 0; display:inline-block}

.nav01_img { display:block; z-index:9999; float:left; text-align:center; }
.nav01_img img.nav01_on { display:inline}
.nav01_img img.nav01_over { display:none}
.nav01_img:hover img.nav01_on { display:none}
.nav01_img:hover img.nav01_over { display:inline}

.nav02_img { display:block; z-index:9999; float:left; text-align:center; }
.nav02_img img.nav02_on { display:inline}
.nav02_img img.nav02_over { display:none}
.nav02_img:hover img.nav02_on { display:none}
.nav02_img:hover img.nav02_over { display:inline}

.nav03_img { display:block; z-index:9999; float:left; text-align:center; }
.nav03_img img.nav03_on { display:inline}
.nav03_img img.nav03_over { display:none}
.nav03_img:hover img.nav03_on { display:none}
.nav03_img:hover img.nav03_over { display:inline}

.nav04_img { display:block; z-index:9999; float:left; text-align:center; }
.nav04_img img.nav04_on { display:inline}
.nav04_img img.nav04_over { display:none}
.nav04_img:hover img.nav04_on { display:none}
.nav04_img:hover img.nav04_over { display:inline}

.swiper-slide img { max-width:100%}

@media only screen and (min-width:720px) and (max-width:1920px){
.landing_search input.search_ip { height:50px; width:460px; border-radius:8px 0 0 8px}
}
@media (max-width:720px) {
.landing_search input.search_ip { height:50px; width:300px; border-radius:8px 0 0 8px}
}

/* ====================================================================================================================
RESPONSIVE */
@media screen and (max-width: 1920px) {
  .swiper-button-prev {
    opacity: 1;
    left: 223px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 228px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p { text-align:center; margin:auto; font-size:25px; color:#fff; letter-spacing:-0.5px; padding-top:15px}
  .landing_first p span a { font-size:25px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:30px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:25px; color:#fff; letter-spacing:-0.5px; padding-top:15px }
  .landing_first p.ko_first span a { font-size:25px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:30px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:25px; color:#fff; letter-spacing:-0.5px; padding-top:5px; line-height:35px}
  .landing_first p.vt_first span a { font-size:25px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:30px; font-weight:700}

}

@media screen and (max-width: 1360px) {
  .swiper-button-prev {
    opacity: 1;
    left: 150px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 155px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p { text-align:center; margin:auto; font-size:22px; color:#fff; letter-spacing:-1px; padding-top:20px}
  .landing_first p span a { font-size:22px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:28px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:22px; color:#fff; letter-spacing:-1px; padding-top:20px }
  .landing_first p.ko_first span a { font-size:22px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:28px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:22px; color:#fff; }
  .landing_first p.vt_first span a { font-size:22px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:28px; font-weight:700}

}

/*
@media screen and (max-width: 1320px) {
  .swiper-button-prev {
    opacity: 1;
    left: 150px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 155px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p { text-align:center; margin:auto; font-size:25px; color:#fff; letter-spacing:1px; padding-top:15px}
  .landing_first p span a { font-size:25px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:30px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:22px; color:#fff; letter-spacing:1px; padding-top:10px; line-height:30px}
  .landing_first p.ko_first span a { font-size:28px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:28px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:18px; color:#fff; letter-spacing:1px; padding-top:10px; line-height:30px}
  .landing_first p.vt_first span a { font-size:25px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:25px; font-weight:700}

}
*/

@media screen and (max-width: 1100px) {
  .swiper-button-prev {
    opacity: 1;
    left: 150px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 155px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p { text-align:center; margin:auto; font-size:18px; color:#fff; letter-spacing:-0.5px; padding-top:25px}
  .landing_first p span a { font-size:18px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:20px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:18px; color:#fff; letter-spacing:-0.5px; padding-top:25px}
  .landing_first p.ko_first span a { font-size:18px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:20px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:18px; color:#fff;  }
  .landing_first p.vt_first span a { font-size:18px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:20px; font-weight:700}

}

@media screen and (max-width: 1024px) {
  .swiper-button-prev {
    opacity: 1;
    left: 110px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 115px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:16px; color:#fff; letter-spacing:-0.5px; padding-bottom:15px}
  .landing_first p span a { font-size:16px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:16px; color:#fff; letter-spacing:-0.5px; padding-bottom:15px}
  .landing_first p.ko_first span a { font-size:16px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:16px; color:#fff; padding-bottom:15px }
  .landing_first p.vt_first span a { font-size:16px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:18px; font-weight:700}

}

@media screen and (max-width: 960px) {
  .swiper-button-prev {
    opacity: 1;
    left: 100px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 105px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:14px; color:#fff; padding-top:10px}
  .landing_first p span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100% }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:14px; color:#fff; padding-top:10px }
  .landing_first p.ko_first span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100% }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:14px; color:#fff; padding-top:10px }
  .landing_first p.vt_first span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:18px; font-weight:700}
}

@media screen and (max-width: 860px) {
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:14px; color:#fff; padding-top:10px}
  .landing_first p span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100% }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:14px; color:#fff; padding-top:12px}
  .landing_first p.ko_first span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100% }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:14px; color:#fff; padding-top:12px}
  .landing_first p.vt_first span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:18px; font-weight:700}
}

@media screen and (max-width: 785px) {
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:13px; color:#fff; letter-spacing:1px; padding-top:10px}
  .landing_first p span a { font-size:13px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:13px; color:#fff; letter-spacing:1px; padding-top:12px; line-height:30px}
  .landing_first p.ko_first span a { font-size:18px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:13px; color:#fff; letter-spacing:0; padding-top:12px; line-height:30px}
  .landing_first p.vt_first span a { font-size:18px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:18px; font-weight:700}
}

@media screen and (max-width: 767px) {
  .swiper-button-prev {
    opacity: 1;
    left: 80px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 85px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:13px; color:#fff; letter-spacing:1px; padding:12px}
  .landing_first p span a { font-size:13px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:18px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:12px; color:#fff; letter-spacing:1px; padding-top:12px; line-height:30px}
  .landing_first p.ko_first span a { font-size:16px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:16px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:12px; color:#fff; letter-spacing:0; padding-top:12px; line-height:30px}
  .landing_first p.vt_first span a { font-size:16px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:16px; font-weight:700}
}

@media screen and (max-width: 640px) {
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:9px; color:#fff; letter-spacing:1px; padding:12px}
  .landing_first p span a { font-size:9px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:14px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.ko_first { text-align:center; margin:auto; font-size:10px; color:#fff; letter-spacing:1px; padding-top:12px; line-height:30px}
  .landing_first p.ko_first span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p.ko_first span .highlight {  font-size:14px; font-weight:700}

  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; height:85px; font-family: 'Noto Sans TC', sans-serif; }
  .landing_first p.vt_first { text-align:center; margin:auto; font-size:10px; color:#fff; letter-spacing:0; padding-top:12px; line-height:30px}
  .landing_first p.vt_first span a { font-size:14px; color:#fff; text-decoration:none}
  .landing_first p.vt_first span .highlight {  font-size:14px; font-weight:700}
}

@media screen and (max-width: 511px) {
  .swiper-button-prev {
    opacity: 1;
    left: 50px;
  }
  .swiper-button-next {
    opacity: 1;
    right: 55px;
  }
  .landing_first { background:url('images/landingpage/china/top_bg.jpg') repeat; font-family: 'Noto Sans TC', sans-serif; background-size:cover; width:100%; height:100%}
  .landing_first p { text-align:center; margin:auto; font-size:9px; color:#fff; letter-spacing:1px; padding:10px}
  .landing_first p span a { font-size:9px; color:#fff; text-decoration:none}
  .landing_first p span .highlight {  font-size:14px; font-weight:700}
}