.jiyun img{
    width: 70%;
    margin: 10px 0;
   
   
}
.more-buttons{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: red;
    box-shadow: 0 .1rem .4rem 0 rgba(50,50,50,.5);
    margin-top: 20px;
    color: #fff;
    margin: 20px auto;
    border-radius: 10px;
}
 a:hover{
    color: #fff;
}
.blog-card {
  margin-top: 30px;
box-shadow: 0 .1rem .4rem 0 rgba(50,50,50,.5);
  border-radius: 0px 0px 3px 3px;
  
}
.blog-card:hover .blog-img img {
  transform: scale(1.05) translateX(-10px);
}
.blog-card .blog-img {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.blog-card .blog-img img {
  width: 100%;
  transition: all 0.4s;
}
.blog-card .blog-img .blog-date {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 5px 5px;
  padding: 10px 20px;
  background: #304F47;
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.blog-card .blog-img .blog-date i {
  color: #FF7F47;
  margin-right: 6px;
}
.blog-card .blog-details {
  padding: 10px 20px;
}
.blog-card .blog-details .blog-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.blog-card .blog-details .blog-info a.blog-comment i::before {
  vertical-align: middle;
}
.blog-card .blog-details .blog-info a.blog-writer,
.blog-card .blog-details .blog-info a.blog-comment {
  display: flex;
  align-items: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  color: red;
}
.blog-card .blog-details .blog-info a.blog-writer i,
.blog-card .blog-details .blog-info a.blog-comment i {
  color: #FF7F47;
  margin-right: 5px;
  font-size: 16px;
}

.blog-card .blog-details a.blog-title {
  margin:  0 !important;
  font-weight: 700;
  padding: 0!important;
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
  text-transform: capitalize;
  color: #262339;
  width: 100%;
  white-space:nowrap;       
	overflow:hidden;         
	text-overflow:ellipsis;   
	display: inline-block;
 
}
.title-headers {
  color: #FF7F47;
  font-family: "Aleo", Sans-serif;
  font-size: 30px;
  font-weight: 400;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 2px;
}

.blog-card-xl {
  margin-top: 30px;
  box-shadow: 0px 0px 30px rgba(17, 17, 17, 0.08);
  border-radius: 0px 0px 3px 3px;
}
.blog-card-xl:hover .blog-img img {
  transform: scale(1.05) translateX(-10px);
}
.blog-card-xl .blog-img {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.blog-card-xl .blog-img img {
  width: 100%;
  transition: all 0.4s;
}
.blog-card-xl .blog-img .blog-date {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 5px 5px;
  padding: 10px 20px;
  background: #304F47;
  position: absolute;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}
.blog-card-xl .blog-img .blog-date i {
  color: #FF7F47;
  margin-right: 6px;
}
.blog-card-xl .blog-details {
  padding: 10px 20px;
}
.blog-card-xl .blog-details .blog-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog-card-xl .blog-details .blog-info a.blog-comment i::before {
  vertical-align: middle;
}
.blog-card-xl .blog-details .blog-info a.blog-writer,
.blog-card-xl .blog-details .blog-info a.blog-comment {
  display: flex;
  align-items: center;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #262339;
}
.blog-card-xl .blog-details .blog-info a.blog-writer i,
.blog-card-xl .blog-details .blog-info a.blog-comment i {
  color: #FF7F47;
  margin-right: 5px;
  font-size: 14px;
  top: 1px;
  position: relative;
}
.blog-card-xl .blog-details a.blog-title {
  margin: 14px 0;
  font-weight: 700;
  font-size: 23px;
  line-height: 33px;
  text-transform: capitalize;
  color: #262339;
  display: inline-block;
}
.blog-card-xl .blog-btn {
  margin-top: 20px;
}

/* =============================
   Blog area end
==============================*/
/* =============================
  12. Newsletter area start
==============================*/
.newsletter-area {
  margin-bottom: -90px;
}
.newsletter-area .newsletter-wrapper {
  max-width: 970px;
  margin: 0 auto;
  padding: 48px;
  background: #304F47;
  box-shadow: 0px 32px 64px rgba(17, 17, 17, 0.08);
  border-radius: 20px 20px 0px 0px;
}
.newsletter-area .newsletter-wrapper h2 {
  text-align: center;
  font-weight: 700;
  font-size: 42px;
  line-height: 54px;
  text-transform: capitalize;
  color: #FFFFFF;
  max-width: 612px;
  margin: 0 auto;
  margin-bottom: 45px;
}
.newsletter-area .newsletter-wrapper .newsletter-input {
  max-width: 570px;
  margin: 0 auto;
  height: 60px;
}
.newsletter-area .newsletter-wrapper .newsletter-input input {
  border-radius: 10px 0px 0 10px;
  height: 100%;
}
.newsletter-area .newsletter-wrapper .newsletter-input input::placeholder {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #A5A5A5;
}
.newsletter-area .newsletter-wrapper .newsletter-input input:focus {
  box-shadow: none;
  outline: none;
  border: none;
}
.newsletter-area .newsletter-wrapper .newsletter-input button {
  width: 172px;
  border-radius: 10px;
  background: #FF7F47;
  border: 1px solid #FF7F47;
  box-sizing: border-box;
  box-shadow: 2px 2px 10px rgba(26, 34, 56, 0.18);
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.newsletter-area .newsletter-wrapper .newsletter-input button:hover {
  background: #262339;
  border: 1px solid #262339;
}

/* =============================
   Newsletter area end
==============================*/
/* =============================
    13.  Footer area start
==============================*/
.footer-area {
  color: #ff7f47;
  padding-top: 50px;
  background: #262339;
}
.footer-area .footer-links h5 {
  text-transform: capitalize;
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 43px;
  color: #FFF;
  margin-bottom: 25px;
}
.footer-area .footer-links .contact-box {
  display: flex;
  margin-top: 25px;
}
.footer-area .footer-links .contact-box:first-child {
  margin-top: 0;
}
.footer-area .footer-links .contact-box span {
  float: left;
  width: 34px;
  font-size: 18px;
  color: #FF7F47;
  display: flex;
  align-items: center;
}
.footer-area .footer-links .contact-box span i {
  color: #FF7F47;
  font-size: 20px;
}
.footer-area .footer-links .contact-box a {
  font-size: 15px;
  color: #fff;
  line-height: 22px;
  display: block;
  font-weight: 500;
}
.footer-area .footer-links .category-list ul li a {
  display: inline-block;
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.footer-area .footer-links .payment-cards {
  display: flex;
  flex-wrap: wrap;
}
.footer-area .footer-links .payment-cards img {
  width: 100px;
  height: auto;
  
  margin-top: 15px;
}
.footer-area .footer-info p {
  color: #fff;
  margin: 35px 0 20px 0;
}
.footer-area .footer-social-icons h5 {
  margin-bottom: 15px;
  color: #fff;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
}
.footer-area .footer-social-icons ul {
  display: flex;
  color: #FF7F47;
  font-size: 25px;
}
.footer-area .footer-social-icons ul li {
  margin-right: 20px;
}
.footer-area .footer-social-icons ul li:last-child {
  margin-right: 0;
}
.footer-area .footer-social-icons ul li a {
  color: #FF7F47;
}
.footer-area .copyrigth-area {
  border-top: 2px solid #423F54;
  margin-top: 50px;
  padding: 30px 0;
  text-align: center;
}
.footer-area .copyrigth-area p {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
}
.footer-area .copyrigth-area p a {
  color: #FF7F47;
  font-weight: 600;
}

/* =============================
      Footer area end
==============================*/
/* =============================
    14. About wrapper start
==============================*/
.about-wrapper .about-wrapper-left .about-img {
  display: inline-block;
  margin-bottom: 10px;
  float: right;
  border: 10px solid rgba(48, 79, 71, 0.1);
  margin-bottom: 10px;
}
.about-wrapper .about-wrapper-left .about-video {
  position: relative;
  display: inline-block;
  border: 10px solid rgba(48, 79, 71, 0.1);
}
.about-wrapper .about-wrapper-left .about-video .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100px;
  width: 100px;
  background: rgba(48, 79, 71, 0.1);
  border: 10px solid rgba(48, 79, 71, 0.5);
  border-radius: 50%;
  text-align: center;
  line-height: 110px;
  cursor: pointer;
}
.about-wrapper .about-wrapper-left .about-video .video-icon i {
  color: #304F47;
}
.about-wrapper .about-wrapper-left .about-video .video-icon i::before {
  font-size: 40px;
}
.about-wrapper .about-wrapper-right p {
  margin: 25px 0;
}
.about-wrapper .about-wrapper-right ul.about-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.about-wrapper .about-wrapper-right ul.about-list li {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  color: #262339;
  margin-bottom: 20px;
}
.about-wrapper .about-wrapper-right ul.about-list li i {
  vertical-align: middle;
  margin-right: 5px;
}
.about-wrapper .about-wrapper-right ul.about-list li i::before {
  font-size: 20px;
}

.guide-slider.owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: -20%;
}
.guide-slider.owl-carousel .owl-nav button i {
  color: #FF7F47;
  border: 2px solid #FF7F47;
  margin-top: 0;
}

/* =============================
     About wrapper end
==============================*/
/* =============================
    15. Guide wrapper start
==============================*/
.guide-card {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid #f1f1f1;
}
.guide-card:hover .guide-info {
  transform: translateY(0);
}
.guide-card .guide-thumb {
  border-radius: 10px;
}
.guide-card .guide-thumb img {
  width: 100%;
}
.guide-card .guide-info {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 30px;
  text-align: center;
  background: #fff;
  transition: all 0.4s ease;
  transform: translateY(40%);
}
.guide-card .guide-info strong {
  font-weight: 700;
  font-size: 25px;
  text-transform: capitalize;
  color: #262339;
}
.guide-card .guide-info p {
  font-size: 20px;
  font-weight: 500;
}
.guide-card .guide-info ul.guide-links {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.guide-card .guide-info ul.guide-links li:last-child a {
  margin-right: 0;
}
.guide-card .guide-info ul.guide-links li a {
  margin-right: 20px;
  font-size: 20px;
  padding: 8px 10px;
  background: rgba(175, 175, 175, 0.3);
  border-radius: 10px;
  color: #afafaf;
  transition: all 0.3s;
  display: inline;
}
.guide-card .guide-info ul.guide-links li a:hover {
  background: #FF7F47;
  color: #fff;
}

/* =============================
     Guide wrapper end
==============================*/
/* =============================
     16. Package Page CSS Start
==============================*/
.package-filter h5 {
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  color: #262339;
  margin: 5px 0;
}

.package-sidebar h5.categorie-head {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 25px;
  color: #262339;
  margin-bottom: 30px;
}
.package-sidebar .single-option {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.package-sidebar .single-option:last-child {
  margin-bottom: 0;
}
.package-sidebar .single-option label {
  font-family: "Work Sans", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #A5A5A5;
}
.package-sidebar .sidebar-searchbox {
  padding: 30px 25px;
  background: #FFFFFF;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
}
.package-sidebar .sidebar-range {
  padding: 30px 25px;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
}
.package-sidebar .sidebar-duration {
  padding: 30px 25px;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
}
.package-sidebar .sidebar-categorie {
  padding: 30px 25px;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
}
.package-sidebar .sidebar-banner {
  position: relative;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.package-sidebar .sidebar-banner img {
  width: 100%;
}
.package-sidebar .sidebar-banner .sidebar-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(48, 79, 71, 0.85);
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 25px;
}
.package-sidebar .sidebar-banner .sidebar-banner-overlay h3 {
  font-size: 40px;
  line-height: 55px;
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 50px;
}
.package-sidebar .sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a {
  padding: 14px 35px;
  background: #FF7F47;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.75px;
  color: #fff;
  display: inline-block;
  transition: all 0.4s;
}
.package-sidebar .sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a:hover {
  background: #304F47;
}

.dual-range {
  margin-bottom: 20px;
  --range-size: 12px;
  --range-width: 100%;
  --handle-size: 1.3;
  height: var(--range-size);
  width: var(--range-width);
  background: #304F47;
  border-radius: 50px;
  position: relative;
  user-select: none;
}
.dual-range .highlight {
  position: absolute;
  height: var(--range-size);
  left: var(--x-1);
  background: var(--clr-prim);
  z-index: 1;
  border-radius: 50px;
}
.dual-range .handle {
  height: 20px;
  width: 20px;
  background: #FF7F47;
  position: absolute;
  box-shadow: var(--shadow);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: grab;
}
.dual-range .handle:active {
  cursor: grabbing;
}
.dual-range .handle.left {
  left: var(--x-1);
}
.dual-range .handle.right {
  left: var(--x-2);
}
.dual-range .handle::after {
  content: "$" attr(data-value);
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  color: #304F47;
}

.package-d-sidebar h5.package-d-head {
  font-weight: 700;
  font-size: 25px;
  color: #262339;
  margin-bottom: 30px;
}
.package-d-sidebar .p-sidebar-form {
  padding: 30px 25px;
  background: #FFFFFF;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
}
.package-d-sidebar .p-sidebar-form input,
.package-d-sidebar .p-sidebar-form textarea, .package-d-sidebar .p-sidebar-form select {
  margin-bottom: 20px;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 6px;
  color: #A5A5A5;
}
.package-d-sidebar .p-sidebar-form input::placeholder,
.package-d-sidebar .p-sidebar-form textarea::placeholder, .package-d-sidebar .p-sidebar-form select::placeholder {
  color: #A5A5A5;
  text-transform: capitalize;
}
.package-d-sidebar .p-sidebar-form input:focus,
.package-d-sidebar .p-sidebar-form textarea:focus, .package-d-sidebar .p-sidebar-form select:focus {
  box-shadow: none;
}
.package-d-sidebar .p-sidebar-form input[type=submit] {
  margin-top: 10px;
  width: 100%;
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  color: #FFFFFF;
  background: #304F47;
  padding: 14px 22px;
  text-transform: capitalize;
  transition: all 0.3s;
  margin-bottom: 0;
}
.package-d-sidebar .p-sidebar-form input[type=submit]:hover {
  background: #FF7F47;
}
.package-d-sidebar .p-sidebar-cards {
  border-radius: 10px;
  padding: 30px 25px;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
}
.package-d-sidebar .p-sidebar-organizer {
  border-radius: 10px;
  padding: 30px 25px;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
}
.package-d-sidebar .p-sidebar-organizer .p-ask-btn {
  margin-top: 40px;
  text-align: center;
}
.package-d-sidebar .p-sidebar-organizer .p-ask-btn a {
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  padding: 14px 35px;
  background: #304F47;
  display: inline-block;
  border-radius: 10px;
  transition: all 0.4s;
}
.package-d-sidebar .p-sidebar-organizer .p-ask-btn a:hover {
  background: #FF7F47;
}
.package-d-sidebar .p-sidebar-banner {
  position: relative;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.package-d-sidebar .p-sidebar-banner img {
  width: 100%;
}
.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(48, 79, 71, 0.85);
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 25px;
}
.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay h3 {
  font-size: 40px;
  line-height: 55px;
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 50px;
}
.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a {
  padding: 14px 35px;
  background: #FF7F47;
  border-radius: 5px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.75px;
  color: #fff;
  display: inline-block;
  transition: all 0.4s;
}
.package-d-sidebar .p-sidebar-banner .sidebar-banner-overlay .sidebar-banner-btn a:hover {
  background: #304F47;
}

li.package-card-sm {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
li.package-card-sm:hover .p-sm-img img {
  max-width: 100%;
  transform: scale(1.05);
}
li.package-card-sm:last-child {
  margin-bottom: 0;
}
li.package-card-sm .p-sm-img {
  margin-right: 20px;
  overflow: hidden;
  max-width: 110px;
  border-radius: 10px;
}
li.package-card-sm .p-sm-img img {
  transition: all 0.3s;
  max-width: 100%;
}
li.package-card-sm .package-info .package-date-sm strong {
  font-weight: 700;
  color: #262339;
  font-size: 10px;
}
li.package-card-sm .package-info .package-date-sm strong i {
  margin-right: 4px;
}
li.package-card-sm .package-info h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #FF7F47;
  margin: 8px 0;
}
li.package-card-sm .package-info h3 i {
  color: #304F47;
}
li.package-card-sm .package-info h3 a {
  color: #FF7F47;
}
li.package-card-sm .package-info h5 {
  font-weight: 700;
  font-size: 11px;
  color: #262339;
}
li.package-card-sm .package-info h5 span {
  font-size: 18px;
  color: #304F47;
}

.organizer-card {
  display: flex;
}
.organizer-card .organizer-img {
  max-width: 135px;
  margin-right: 25px;
}
.organizer-card .organizer-img img {
  border-radius: 5px;
}
.organizer-card .organizer-info h5 {
  font-weight: 700;
  font-size: 20px;
  color: #262339;
}
.organizer-card .organizer-info p {
  margin: 10px 0;
  font-size: 15px;
}
.organizer-card .organizer-info ul.organizer-rating {
  margin-bottom: 20px;
  display: flex;
}
.organizer-card .organizer-info ul.organizer-rating li {
  font-size: 20px;
  color: #FF7F47;
  margin-right: 5px;
}
.organizer-card .organizer-info ul.organizer-rating li:last-child {
  margin-right: 0;
}

.package-details .package-thumb img {
  border-radius: 5px;
  width: 100%;
}
.package-details .package-header {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}
.package-details .package-header .package-title h3 {
  font-weight: 700;
  font-size: 30px;
  color: #262339;
  margin-bottom: 15px;
}
.package-details .package-header .package-title strong {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  color: #A5A5A5;
}
.package-details .package-header .package-title strong i {
  color: #304F47;
  font-size: 17px;
}
.package-details .package-header .pd-review {
  text-align: right;
}
.package-details .package-header .pd-review p {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #262339;
}
.package-details .package-header .pd-review ul {
  display: flex;
  float: right;
}
.package-details .package-header .pd-review ul li {
  color: #FF7F47;
  font-size: 13px;
}
.package-details .package-tab ul.nav.nav-pills li {
  margin-top: 20px;
}
.package-details .p-short-info {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  justify-content: space-between;
}
.package-details .p-short-info .single-info {
  display: flex;
  align-items: center;
}
.package-details .p-short-info .single-info i {
  font-size: 28px;
  color: #FF7F47;
  margin-right: 15px;
}
.package-details .p-short-info .single-info .info-texts strong {
  font-size: 16px;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  color: #262339;
}
.package-details .p-short-info .single-info .info-texts p {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}
.package-details .package-tab .nav-pills button.nav-link {
  margin-right: 20px;
  border: 2px solid #FF7F47;
  padding: 10px 36px;
  font-weight: 700;
  font-size: 20px;
  color: #262339;
}
.package-details .package-tab .nav-pills button.nav-link i {
  margin-right: 8px;
  font-size: 22px;
}
.package-details .package-tab .nav-pills button.nav-link i::before {
  vertical-align: middle;
}
.package-details .package-tab .nav-pills button.nav-link.active {
  background: #FF7F47;
  color: #FFFFFF;
}
.package-details .package-tab .p-tab-content {
  margin-top: 40px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-overview h5 {
  color: #262339;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight {
  margin: 30px 0;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight h5 {
  color: #262339;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight ul li {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight ul li:last-child {
  margin-bottom: 0;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-highlight ul li i {
  color: #FF7F47;
  font-size: 20px;
  margin-right: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table .table > :not(caption) > * > * {
  padding: 20px 20px 20px 40px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td.table-bottom {
  font-weight: 700;
  font-size: 18px !important;
  color: #262339 !important;
  text-align: center;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td.table-bottom i {
  font-size: 24px;
  color: #FF7F47;
  margin-right: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td.table-bottom i::before {
  vertical-align: middle;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:first-child {
  font-weight: 700;
  font-size: 18px;
  color: #262339;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child {
  font-weight: 600;
  font-size: 16px;
  color: #A5A5A5;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-allow li {
  margin-bottom: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-allow li i {
  color: #FF7F47;
  font-size: 20px;
  font-weight: 600;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-disallow li {
  margin-bottom: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-details-table tr td:last-child ul.table-list-disallow li i {
  color: #ff0000;
  font-size: 20px;
  font-weight: 600;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg {
  padding: 30px 0 100px 0;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg h5 {
  color: #262339;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 20px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card {
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-avarag {
  width: 40%;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-avarag h2 {
  font-weight: 700;
  font-size: 60px;
  color: #FF7F47;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-avarag h5 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 0;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info {
  width: 60%;
  padding: 42px 38px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li:last-child {
  margin-bottom: 0;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li strong {
  font-weight: 700;
  font-size: 18px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-rationg .rating-card .r-card-info ul li ul li {
  color: #FF7F47;
  font-size: 20px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card {
  margin-bottom: 50px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info {
  display: flex;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewr-img {
  width: 75px;
  margin-right: 25px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewr-img img {
  border-radius: 50%;
  width: 100%;
  border: 2px solid rgba(48, 79, 71, 0.2);
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewer-info strong {
  color: #262339;
  font-size: 20px;
  font-weight: 700;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewer-info ul.review-star {
  display: flex;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-info .p-reviewer-info ul.review-star li {
  margin-right: 5px;
  color: #FF7F47;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card .p-review-texts {
  margin-top: 25px;
  margin-bottom: 15px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card a.r-reply-btn {
  font-weight: 700;
  font-size: 15px;
  text-transform: capitalize;
  color: #FF7F47;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review ul li.p-review-card a.r-reply-btn i {
  font-size: 18px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input {
  padding: 50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 64px rgba(17, 17, 17, 0.1);
  border-radius: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input h5 {
  color: #262339;
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 40px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input ul.input-rating {
  display: flex;
  margin-bottom: 40px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input ul.input-rating li i {
  font-size: 25px;
  color: #FF7F47;
  margin-right: 5px;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input,
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input textarea {
  margin-bottom: 40px;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 10px;
  color: #A5A5A5;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input::placeholder,
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input textarea::placeholder {
  color: #A5A5A5;
  text-transform: capitalize;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input[type=submit] {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.75px;
  color: #FFFFFF;
  background: #FF7F47;
  padding: 14px 22px;
  text-transform: capitalize;
  transition: all 0.3s;
  margin-bottom: 0;
}
.package-details .package-tab .p-tab-content .tab-content-1 .p-review-input input[type=submit]:hover {
  background: #304F47;
}
.package-details .package-tab .p-tab-content .tab-content-2 h5 {
  font-size: 25px;
  font-weight: 700;
  color: #262339;
}
.package-details .package-tab .p-tab-content .tab-content-2 .p-timeline-overview h5 {
  margin-bottom: 20px;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline {
  margin-top: 50px;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li {
  display: flex;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li:last-child .timeline-content {
  padding-bottom: 0;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li:last-child .timeline-index::before {
  display: none;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index {
  height: auto;
  margin-right: 30px;
  position: relative;
  z-index: 12;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index::before {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  z-index: -1;
  background: url(../images/package/p-shape.png) no-repeat;
  background-size: cover;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index .index-circle {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF7F47;
  border: 5px solid #CBD3D1;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-index h5 {
  color: #fff;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content {
  padding-bottom: 40px;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content strong {
  color: #FF7F47;
  font-size: 18px;
  font-weight: 500;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content p {
  padding: 20px 0;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content ul li {
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  color: #A5A5A5;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content ul li i {
  font-size: 18px;
  color: #262339;
  margin-right: 10px;
}
.package-details .package-tab .p-tab-content .tab-content-2 ul.p-timeline li .timeline-content ul li i::before {
  vertical-align: middle;
}

.single-grid-2 img {
  width: 100%;
}

.single-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 24px;
  grid-template-areas: "g-img-sm-1 g-img-sm-2" "g-img-md g-img-md";
}
.single-grid .g-img-sm-1 img, .single-grid .g-img-sm-2 img, .single-grid .g-img-md img {
  width: 100%;
}

.g-img-sm-1 {
  grid-area: g-img-sm-1;
}

.g-img-sm-2 {
  grid-area: g-img-sm-2;
}

.g-img-md {
  grid-area: g-img-md;
}

.content-select .select{
    width: 300px; 
    height: 40px; 
    background: #FFFFFF; 
    position: relative;
    cursor: pointer;
    border: 1px solid #999;
}

.content-select .select p{
    width: 300px;
    line-height: 40px; 
    font-size: 16px;
    font-family: "microsoft yahei";
    color: #666666;
    padding: 0px 15px;
}
.content-select .select ul{
    width: 300px;
    display: block;
    font-size: 16px;
    background: #3a3a3a;
    position: absolute;
    top: 40px;
    left: 0px;

    z-index: 99;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .3s ease-in;
}
.content-select .select ul li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
    list-style: none;
    color: #fff;
}
.content-select .select ul li.Selected{
    background: yellowgreen;
    color: #FFFFFF;
}
.content-select .select ul li:hover{
    background: yellowgreen;
}
.content-select  .select::after {
content: "";
display: block;
width: 10px;
height: 10px;
border-left: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
top: 12px;
right: 12px;
position: absolute;
transform: rotate(-46deg);
transition: all .3s ease-in;
}
@-webkit-keyframes slide-down{
    0%{transform: scale(1,0);}
    25%{transform: scale(1,1.2);}
    50%{transform: scale(1,0.85);}
    75%{transform: scale(1,1.05);}
    100%{transform: scale(1,1);}
}

.content-select .select.open ul{
    max-height: 250px;
    transform-origin: 50% 0;
    -webkit-animation: slide-down .5s ease-in;
    transition: max-height .2s ease-in;
}
.content-select .select.open::after{
    transform: rotate(134deg);
    transition: all .3s ease-in;
    top: 18px;
    
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-edit-button{
    position:absolute;
    left: 200px;
    top: 0px;
     background-color: red;
border-bottom: 3px solid #8d3513;
font-size: 9px;
 }
 .title-button-bg {
    cursor: pointer;
    padding: 10px 20px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 5px;

}
.color-red{
    color: red;
}
.jiyun{
    display: flex;
    margin-top: 30px;
    justify-content: center;
}
    .about-box{
        background-color: #fff;
        border-radius: 20px;
        padding: 20px;

    }
    .about-title img{
        width: 30px;
        height: 30px;

    }
        .about-title{
            font-size: 26px;
            position: relative;
            font-weight: bold;
            color: #d01a34;
            margin-bottom: 30px;
        }
        .about-title::after{
            content:'';
            position: absolute;
            width: 30%;
            bottom: -15px;
            left: 0;
            border-bottom: 1px dashed  #999;
        }

        .about-content{
            line-height: 30px;
        }



    .news-list span{
        padding-right: 15px;
  cursor: pointer;
 padding: 10px 20px;
 color: #fff;

  border-radius: 5px;
  background-color: #d01a34;
  box-shadow: 2px 2px 4px #888888;
    }
.section.news .section-title {
    margin: 40px 0;
    
}
@media (max-width:1440px) {
    .section-title {
      font-size:36px
    }
  }
  @media (max-width:767px) {
    .section-title {
      text-align:center
    }
  }
.section.news .sidemenu {
    position: relative;
    list-style: none;
    padding: 25px 50px 45px 0;
    margin-right: 3vw
}

@media (max-width:1440px) {
    .section.news .sidemenu {
        margin-right: 0
    }
}

@media (max-width:767px) {
    .section.news .sidemenu {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
        width: 100%;
        justify-content: space-around;
        align-items: center
    }
}

.section.news .sidemenu:after {
    content: "";
    display: block;
    position: absolute;
    width: 170%;
    z-index: -1;
    right: 0;
    top: 0;
    height: 100%;
    background: #f7f7f7
}

@media (max-width:767px) {
    .section.news .sidemenu:after {
        width: 100%;
        margin: 0 auto
    }
}

.section.news .sidemenu .sidemenu-item {
    position: relative;
    border-bottom: 1px solid #c2c1c1;
    padding: 25px 0 25px 40px
}

@media (max-width:767px) {
    .section.news .sidemenu .sidemenu-item {
        padding: 25px 0 25px 25px;
        border-bottom: none
    }
}

@media (max-width:576px) {
    .section.news .sidemenu .sidemenu-item {
        padding: 15px 0 15px 25px;
        border-bottom: none
    }
}

.section.news .sidemenu .sidemenu-item:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    background-color: transparent;
    transition: all .3s ease;
    position: absolute;
    left: 0;
    top: 40px
}

@media (max-width:1440px) {
    .section.news .sidemenu .sidemenu-item:before {
        top: 36px
    }
}

@media (max-width:767px) {
    .section.news .sidemenu .sidemenu-item:before {
        top: 50%;
        transform: translateY(-50%)
    }
}

.section.news .sidemenu .sidemenu-item  {
    font-size: 1.5625vw;
    font-family: NotoSansTC-Medium, Microsoft JhengHei, Arial, sans-serif;
    letter-spacing: 3px;
    color: #333;
    display: inline-block;
    width: 100%
}

.section.news .sidemenu .sidemenu-item :lang(en) {
    letter-spacing: 0
}

.section.news .sidemenu .sidemenu-item :lang(zh-cn) {
    font-family: Noto Sans SC, sans-serif;
    font-weight: 500
}

@media (max-width:1440px) {
    .section.news .sidemenu .sidemenu-item  {
        font-size: 24px
    }
}

@media (max-width:700px) {
    .section.news .sidemenu .sidemenu-item  {
        font-size: 20px
    }
}

@media (max-width:576px) {
    .section.news .sidemenu .sidemenu-item  {
        font-size: 16px
    }
}

.section.news .sidemenu .sidemenu-item.active ,
.section.news .sidemenu .sidemenu-item:hover  {
    color:#d01a34
}

.section.news .sidemenu .sidemenu-item.active:before,
.section.news .sidemenu .sidemenu-item:hover:before {
    border: 1px solid#d01a34;
    background-color:#d01a34
}

.section.news .tab-content {
    display: none
}

.section.news .tab-content:first-child {
    display: block
}

.section.news .news-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #c2c1c1;
    padding: 28px 0 30px;
    transition: all .3s ease
}

@media (max-width:767px) {
    .section.news .news-list {
        flex-direction: column;
        justify-content: flex-start;
        padding: 20px 0
    }
}

.section.news .news-list .news-summary {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
  
    color: #333;
    width: 80%;
    flex-shrink: 0;
    transition: all .3s ease
}

.section.news .news-list .news-summary:lang(en) {
    letter-spacing: 0
}

@media (max-width:1440px) {
    .section.news .news-list .news-summary {
        font-size: 16px
    }
}
@media (max-width: 480px) { .news_img{ width:100%;} .prod_img{ width:300px; height:167px;} .t_pic{ margin-top: 10px; margin-left: 10px; width: 300px; height: 167px; padding: 0; text-align: center; overflow: hidden; border: 2px solid #999; vertical-align: -55px; }
.pc_show{display:none;} .nav>li.mb_show{display:block;} .mb_show{display:block;}
/* .banner_top{margin-top:30px;} */
}
@media (max-width:767px) {
    .section.news .news-list .news-summary {
        width: 100%;
        font-size: 18px
    }
}

@media (max-width:567px) {
    .section.news .news-list .news-summary {
        font-size: 16px
    }
}

.section.news .news-list .news-summary:hover {
    color:#d01a34
}

.section.news .news-list .news-date {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .45px;
    color: #333;
    width: 20%;
    flex-shrink: 0;
    text-align: right
}

.section.news .news-list .news-date:lang(en) {
    letter-spacing: 0
}

@media (max-width:1440px) {
    .section.news .news-list .news-date {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .section.news .news-list .news-date {
        width: 100%;
        text-align: left;
        font-size: 18px
    }
}

@media (max-width:567px) {
    .section.news .news-list .news-date {
        font-size: 16px
    }
}

.section.news .news-list:hover {
    border-bottom: 2px solid#d01a34;
    padding: 28px 0
}

@media (max-width:767px) {
    .section.news .news-list:hover {
        border-bottom: 2px solid #c2c1c1;
        padding: 20px 0
    }
}

.section.news .cus-btn.more {
    max-width: 12.5vw;
    margin-left: auto;
    margin-top: 2.6042vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.0417vw 2.0833vw;
    border: 1px solid #c2c1c1
}
.cus-btn a{
    color: #000 !important;
}

.cus-btn a:hover{
    color: #000 !important;
}

@media (max-width:1440px) {
    .section.news .cus-btn.more {
        max-width: 178px;
        padding: 12px 24px;
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .section.news .cus-btn.more {
        margin: 30px auto;
        max-width: 85%
    }
}

@media (max-width:576px) {
    .section.news .cus-btn.more {
        max-width: 100%
    }
}

.section.news .cus-btn.more span {
    vertical-align: middle;
    display: inline-block
}

.section.news .cus-btn.more .arrow {
    width: 10px;
    height: 10px;
    display: inline-block;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    transform: rotate(-45deg) translateY(0)
}

.section.news .cus-btn.more:hover .arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0
}

.section.entrance {
    padding: 0
}

.section.entrance .img-wrap {
    position: relative;
    display: block;
    transition: all .3s linear;
    height: 0;
    padding-bottom: 60%
}

.section.entrance .img-wrap img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.section.entrance .img-wrap:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    background-color:#d01a34;
    opacity: 0
}

.section.entrance .img-wrap .cus-btn.fast-link {
    position: absolute;
    border: 1px solid#d01a34;
    background:#d01a34;
    color: #fff;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    max-width: 610px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px;
    transition: all .3s linear
}

@media (max-width:1440px) {
    .section.entrance .img-wrap .cus-btn.fast-link {
        padding: 15px;
        width: 85%
    }
}

@media (max-width:1199px) {
    .section.entrance .img-wrap .cus-btn.fast-link {
        width: 75%;
        bottom: 25px
    }
}

@media (max-width:991px) {
    .section.entrance .img-wrap .cus-btn.fast-link {
        padding: 10px 15px
    }
}

.section.entrance .img-wrap .cus-btn.fast-link span {
    vertical-align: middle;
    display: inline-block
}

.section.entrance .img-wrap .cus-btn.fast-link .list-title {
    font-size: 1.5625vw;
    letter-spacing: 3px;
    color: #fff
}

.section.entrance .img-wrap .cus-btn.fast-link .list-title:lang(en) {
    letter-spacing: 0
}

@media (max-width:1440px) {
    .section.entrance .img-wrap .cus-btn.fast-link .list-title {
        font-size: 22px
    }
}

@media (max-width:1280px) {
    .section.entrance .img-wrap .cus-btn.fast-link .list-title {
        font-size: 20px
    }
}

@media (max-width:991px) {
    .section.entrance .img-wrap .cus-btn.fast-link .list-title {
        font-size: 16px
    }
}

.section.entrance .img-wrap .cus-btn.fast-link .arrow {
    width: 10px;
    height: 10px;
    display: inline-block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    transform: rotate(-45deg) translateY(0);
    width: 15px;
    height: 15px
}

.section.entrance .img-wrap:hover .cus-btn.fast-link {
    background: transparent;
    border: 1px solid transparent
}

.section.entrance .img-wrap:hover .cus-btn.fast-link.border-hover:after,
.section.entrance .img-wrap:hover .cus-btn.fast-link.border-hover:before {
    width: 100%;
    height: 99%;
    opacity: 1;
    transition: width .2s linear, height .15s linear .2s, opacity 0s
}

.section.entrance .img-wrap:hover:before {
    opacity: .5
}

.section.entrance .download-wrap {
    background-color: #f7f7f7;
    background-size: cover;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 50px 0
}

@media (max-width:767px) {
    .section.entrance .download-wrap {
        flex-direction: column-reverse;
        background-color: #f7f7f7;
        padding: 20px;
        height: 300px
    }
}

@media (max-width:576px) {
    .section.entrance .download-wrap {
        align-items: center;
        padding: 25px 0
    }
}

.section.entrance .download-wrap .download-title {
    text-align: center;
    font-size: 1.875vw;
    font-weight: 700;
    letter-spacing: 1.8px;
    color:#d01a34
}

.section.entrance .download-wrap .download-title:lang(en) {
    letter-spacing: 0
}

@media (max-width:576px) {
    .section.entrance .download-wrap .download-title br {
        display: none
    }
}

@media (max-width:1440px) {
    .section.entrance .download-wrap .download-title {
        font-size: 22px
    }
}

@media (max-width:1280px) {
    .section.entrance .download-wrap .download-title {
        font-size: 20px
    }
}

@media (max-width:991px) {
    .section.entrance .download-wrap .download-title {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .section.entrance .download-wrap .download-title {
        font-size: 24px;
        font-weight: 400;
        font-family: NotoSansTC-Regular, Microsoft JhengHei, Arial, sans-serif;
        letter-spacing: 2.4px;
        color:#d01a34
    }
}

@media (max-width:576px) {
    .section.entrance .download-wrap .download-title {
        font-size: 20px;
        text-align: left
    }
}

@media (max-width:480px) {
    .section.entrance .download-wrap .download-title {
        font-size: 16px;
        text-align: left
    }
}

.section.entrance .download-wrap .download-icon {
    font-size: 2.0833vw;
    width: 4.4792vw;
    height: 4.4792vw;
    line-height: 4.4792vw;
    border-radius: 50%;
    background-color:#d01a34;
    color: #fff;
    text-align: center;
    margin: 2.5vw auto 0
}

@media (max-width:767px) {
    .section.entrance .download-wrap .download-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        margin: 0 auto 10px
    }
}

@media (max-width:576px) {
    .section.entrance .download-wrap .download-icon {
        margin: 0
    }
}

@media (max-width:480px) {
    .section.entrance .download-wrap .download-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }
}

.section.entrance .download-wrap:hover .download-icon {
    -webkit-animation: jump .8s linear infinite;
    animation: jump .8s linear infinite
}

@media (max-width:767px) {
    .section.entrance .download-wrap:hover .download-icon {
        -webkit-animation: none;
        animation: none
    }
}

@media (max-width:991px) {
    .section.entrance .left-col {
        flex-grow: 1;
        flex-basis: 50%
    }
}

@media (max-width:576px) {
    .section.entrance .left-col {
        flex-basis: 100%
    }
}

@media (max-width:991px) {
    .section.entrance .right-col {
        flex: 0 0 100%
    }
}

.section.entrance .cus-col-2 {
    flex: 0 0 22%;
    max-width: 22%
}

@media (max-width:767px) {
    .section.entrance .cus-col-2 {
        flex: 0 0 100%;
        max-width: 100%
    }
}




.custom-banner-adv {
    background: #fff none repeat scroll 0 0;
    padding: 40px 0;
}

.custom-banner-adv img{
	margin-bottom: 20px;
	max-width:100%;
}

a:link{text-decoration:none;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 480px;
}

/*CSS fonye style pagination*/

DIV.fonye {
    padding:3px; margin: 3px; text-align: center; border-radius: 5px; 
}
DIV.fonye A {
    padding: 5px 10px;
    margin: 10px;
    color: #666666;
    background: #e9e9e9;
    text-decoration: none;
    border-radius: 15px;
}
DIV.fonye A:hover {
    COLOR: #666666; background:#bbbbbb;
}
DIV.fonye A:active {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
DIV.fonye SPAN.current {
    padding: 5px 10px;
    margin: 10px;
    font-weight: bold;
    color: #fff;
    background: #be1e2d;
    border-radius: 15px;
}
DIV.fonye SPAN.disabled {
    BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

body{font-family: '微軟正黑體',Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"}
.btn_s1{
	vertical-align: 1px;
    display: inline-block;
    padding: 5px 30px;
    border: #be1e2d 1px solid;
    background-color: #be1e2d;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 5px;
    margin: 0 auto;
    width: 100%;
}

.btn.btn-creative {
    padding: 24px 40px;
    font-size: 16px;
    font-weight: 600;
}
.btn.btn-icon-holder {
    padding-right: 25px;
}
.btn.btn-shadow {
    -webkit-box-shadow: 0 4px 16px #efefef;
    -moz-box-shadow: 0 4px 16px #efefef;
    box-shadow: 0 4px 16px #efefef;
}
.btn.btn-light {
    background-color: #fff;
    border-color: #ebebeb;
    color: #4c5667;
}
.btn {
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 12px 20px;
    position: relative;
    overflow: hidden;
    background-color: #1abc9c;
    border-width: 1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-bottom: 6px;
    outline: 0;
    line-height: 14px;
}

.btn02.btn-shadow {
    -webkit-box-shadow: 0 4px 16px #efefef;
    -moz-box-shadow: 0 4px 16px #efefef;
    box-shadow: 0 4px 16px #efefef;
}
.btn02.btn-light {
    background-color: #fff;
    border-color: #ebebeb;
    color: #4c5667;
}
.btn02 {
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 12px 20px;
    position: relative;
    overflow: hidden;
    background-color: #1abc9c;
    border-width: 1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-bottom: 20px;
    outline: 0;
    line-height: 14px;
	width: 100%;
	text-align: center;
    height: 95px;
	white-space: normal;
}

.btn03.btn-shadow {
    -webkit-box-shadow: 0 4px 16px #efefef;
    -moz-box-shadow: 0 4px 16px #efefef;
    box-shadow: 0 4px 16px #efefef;
}
.btn03.btn-light {
    background-color: #fff;
    border-color: #ebebeb;
    color: #be1e2d;
}
.btn03 {
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 12px 20px;
    position: relative;
    overflow: hidden;
    background-color: #1abc9c;
    border-width: 1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin-bottom: 20px;
    outline: 0;
    line-height: 14px;
	width: 220px;
	height: 95px;
	text-align: center;
	white-space: normal;
}
.download_word{
	display: block;
	padding-top: 10px;
}

.btn.btn-icon-holder.btn-light.btn-light-hover:before, .btn.btn-icon-holder.btn-light.btn-light-hover:hover, .btn.btn-icon-holder.btn-light:before {
    border-left: 1px solid #f3f3f3;
}

.btn.btn-light.btn-light-hover.active, .btn.btn-light.btn-light-hover:active, .btn.btn-light.btn-light-hover:focus, .btn.btn-light.btn-light-hover:hover {
    background-color: #fff;
    border-color: #ebebeb;
    color: #4c5667;
}

.btn.btn-shadow:hover {
    -webkit-box-shadow: 4px 8px 16px #dedede;
    -moz-box-shadow: 4px 8px 16px #dedede;
    box-shadow: 4px 8px 16px #dedede;
}

#goToTop {
    opacity: 0;
    position: fixed;
    text-align: center;
    line-height: 12px!important;
    right: 26px;
    bottom: 0;
    color: #fff;
    border-radius: 100px;
    z-index: 999;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .3s,bottom .5s,box-shadow .3s cubic-bezier(.55,0,.1,1),background-color .1s linear;
    background-color: rgba(0,0,0,.25)!important;
    overflow: hidden;
}

#goToTop{
    cursor: pointer;
}
#goToTop:hover {
    transition: box-shadow .3s cubic-bezier(.55,0,.1,1),background-color 50ms linear .25s;
}

#goToTop i {
    line-height: 39px!important;
    width: 39px!important;
    height: 39px!important;
    top: 0!important;
    left: 0!important;
    position: relative;
    z-index: 10;
    transform: translate(0,0);
    transition: transform .2s ease;
}
#goToTop i, #goToTop:hover {
    background-color: rgba(255,0,0,.25)!important;
}

#goToTop i, .text-small {
    font-size: 16px!important;
}
#goToTop i, .text-center {
    text-align: center!important;
}

.regula ul{
	padding: 10px 0;
	margin-bottom: 20px;
}

.regula li{
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: #777;
	line-height: 30px;
	letter-spacing: 1px;
}

.btn_s1_s {
    vertical-align: 1px;
    display: inline-block;
    padding: 5px 15px;
    margin-left: 10px;
    border: #be1e2d 1px solid;
    background-color: #be1e2d;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    letter-spacing: 1px;
}

.btn_s2_s {
    vertical-align: 1px;
    display: inline-block;
    padding: 0px 15px;
    margin-left: 10px;
    border: #be1e2d 1px solid;
    background-color: #be1e2d;
    color: #fff;
    border-radius: 15px;
    font-size: 16px;
    letter-spacing: 1px;
}

.btn_member {
    vertical-align: 1px;
    display: inline-block;
    padding: 10px 15px;
    margin-left: 10px;
    border: #be1e2d 1px solid;
    background-color: #be1e2d;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 1px;
    width: 220px;
    text-align: center;
}

.btn_s2_02{
	vertical-align: 1px;
    display: inline-block;
    padding: 5px 30px;
    border: #337ab7 1px solid;
    background-color: #337ab7;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    letter-spacing: 5px;
    margin: 0 auto;
    width: 100%;
}

.btn_s2{vertical-align: 1px; display: inline-block; padding: 5px 10px; margin-left: 10px; border: #000000 1px solid; background-color: #000000; color: #fff; border-radius: 10px; font-size: 16px; letter-spacing: 2px;}
.btn_s3{vertical-align: 1px; display: inline-block; padding: 5px 30px; margin-left: 10px; border: #e9e9e9 1px solid; background-color: #e9e9e9; color: #717171; border-radius: 3px; font-size: 21px; letter-spacing: 5px; font-weight:bold;}
.btn_s3_ac{
	vertical-align: 1px;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
    border: #be1e2d 1px solid;
    background-color: #e9e9e9;
    color: #be1e2d;
    border-radius: 3px;
    font-size: 21px;
    letter-spacing: 1px;
    font-weight: bold;
}

.btn_s4{vertical-align: 1px; display: inline-block; padding: 5px 5px; margin: 5px 2px; border: #be1e2d 1px solid; background-color: #fff; color: #333; border-radius: 3px; font-size: 16px; letter-spacing: 1px; }
.btn_s4 a,.btn_s6 a {color:#777;text-decoration:none;}
.news_list2 h2{margin: 0; color: #be1e2d; border-bottom: 2px solid #be1e2d; font-size: 20px; position: relative; padding-bottom: 5px; margin-bottom: 15px; font-weight: 600;}

.news_list2 {
    background: #ffffff;
    margin: 0;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 2px rgba(10%, 10%, 10%, 0.2);
    font-size: 16px;
}

.form-control {
    display: block;
    width: 100%;
    height: 46px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #777;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn_s5{
	vertical-align: 1px;
	display: inline-block;
	padding: 5px 10px;
	margin-left: 10px;
	border: #e9e9e9 1px solid;
	background-color: #e9e9e9;
	color: #333;
	border-radius: 3px;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight:bold;
}

.btn_s5:hover,.btn_s5:visited{
	vertical-align: 1px;
	display: inline-block; 
	padding: 5px 10px; 
	margin-left: 10px; 
	border: #be1e2d 1px solid; 
	background-color: #e9e9e9; 
	color: #be1e2d; 
	border-radius: 3px; 
	font-size: 18px; 
	letter-spacing: 1px; 
	font-weight:bold;
}

#registerAdd span{
    
    color: red;
}



.btn_s6{vertical-align: 1px; display: inline-block; padding: 5px 5px; margin: 5px 2px; border: #be1e2d 1px solid; background-color: #fff; color: #333; border-radius: 3px; font-size: 14px; letter-spacing: 1px; width:100%; height:70px;}
.btn_s7{vertical-align: 1px; display: inline-block; padding: 5px 5px; margin: 5px 2px; background-color: #fff; color: #333; border-radius: 3px; font-size: 14px; letter-spacing: 1px; width:100%; height:70px; box-shadow: 2px 2px 8px 2px rgba(20%, 20%, 40%, 0.3);}

.box {
    height: 90px !important;
    overflow: hidden;
}

.box_word{
	padding: 0;
    margin: 0;
    font-size: 14px;
    color: #777;
    line-height: 30px;
    letter-spacing: 1px;
}

.video_word{
    font-size: 14px;
    color: #777;
    line-height: 30px;
    letter-spacing: 1px;
}

.panel-body{
	color: #000;
	font-size: 14px;
}

i:before{
	padding-right: 3px;
	padding-left: 5px;
}

.service{
	color: #fff;
	padding: 0;
	letter-spacing: 1px;
	font-size: 13px;
}

.track{
	margin: 0;
	padding: 0;
	text-align: center;
}

.track h2{
	margin: 20px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.track p{
	margin: 20px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #be1e2d;
}

.btn_s8{
	vertical-align: 1px;
	display: inline-block;
	padding:0 10px;
	margin-left: 10px;
	margin-right: 5px;
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px;
	border-left: 1px #666 solid;
}

.btn_s8 a{
	color: #fff;
	text-decoration: none;
}

.btn_s8 a:hover{
	color: #337ab7;
	text-decoration: none;
}
	
.header{
	padding: 6px 0;
	border-bottom: 1px #1E2127 solid;
}

.header_bg{
	background:#353535;
	width: 100%;
}

.header_icon{
	float: left;
	padding-left: 15px;
	font-size: 13px;
}

.header_icon a{
	color: #fff !important;
	text-decoration: none;
}

.header_icon a:hover{
	color: #337ab7 !important;
	text-decoration: none;
}

.container-fluid{
	padding: 10px 15px;
}

.downloadbox{
	border: #e3e3e3 1px solid;
    padding: 10px;
    height: 190px;
	overflow: hidden;
}

.app_text{
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.2em;
}

.pl-30{
    padding-left: 30px !important;
}

.pt-10{
	padding-top: 10px !important;
}

.pt-20{
	padding-top: 20px !important;
}

.pt-25{
	padding-top: 25px !important;
}

.pt-30{
	padding-top: 30px;
}

.pt-40{
	padding-top: 40px !important;
}

.pt-50{
	padding-top: 50px !important;
}

.pb-10{
	padding-bottom: 10px !important;
}

.pb-20{
	padding-bottom: 20px !important;
}

.pb-30{
	padding-bottom: 30px !important;
}

.pb-40{
	padding-bottom: 40px !important;
}

.pb-50{
	padding-bottom: 50px !important;
}

.pad-70 {
    padding: 70px 0 !important;
}

.mb-20{
	margin-bottom: 20px !important;
}

.mt-20{
	margin-top: 20px !important;
}

.boder-r{
	border-right: 1px solid #fff;
	margin: 0;
	padding: 0 10px 0 0;
}

.boder-l{
	border-left: 1px solid #fff;
	margin: 0;
	padding: 0 10px;
}

.boder-rd{
	border-right: 1px solid #ddd;
}



.about_new{
	padding:0px 130px;
}

.taiwan_image{
	display: block;
	margin: 0;
	padding: 0;
	z-index: 9999;
}

.taiwan_image .t_map{
	width: 70%;
	margin: 0 0 0 60px;
	padding: 0;
	display: block;
}

.taiwan_image a{
    font-size: 16px;
    color: #454545 !important;
	text-decoration: none;
}

.taiwan_image a:hover{
    color: #d01a34 !important;
	text-decoration: none;
}

.new_taipei{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 10px;
}

.new_taipei:after {
   	content: "";
   	position: absolute;
   	left: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 300px;
}

.keelung{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 30px;
    right: 0;
}

.keelung:before {
   	content: "";
   	position: absolute;
   	right: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 100px;
}

.yilan{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 100px;
    right: 0;
}

.yilan:before {
   	content: "";
   	position: absolute;
   	right: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 100px;
}

.hualien{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 200px;
    right: 0;
}

.hualien:before {
   	content: "";
   	position: absolute;
   	right: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 120px;
}

.taitung{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 350px;
    right: 0;
}

.taitung:before {
   	content: "";
   	position: absolute;
   	right: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 160px;
}

.taipei{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 40px;
}

.taipei:after {
   	content: "";
   	position: absolute;
   	left: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 310px;
}

.taiwan_map .keelung {
    padding: 0;
	border-bottom: 1px dashed #333;
	z-index: 888;
}

.taoyuan{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 70px;
}

.taoyuan:after {
   	content: "";
   	position: absolute;
   	left: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 270px;
}

.hsinchu{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 100px;
}

.hsinchu:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 240px;
}

.miaoli{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 130px;
}

.miaoli:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 220px;
}


.taichung{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 170px;
}

.taichung:after {
   	content: "";
   	position: absolute;
   	left: 75px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 200px;
}

.nantou{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 200px;
}

.nantou:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 240px;
}

.taiwan_map .hualien {
    padding: 0;
	border-bottom: 1px dashed #333;
}

.changhua{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 230px;
}

.changhua:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 140px;
}

.yunlin{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 260px;
}

.yunlin:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 100px;
}

.chiayi{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 290px;
}

.chiayi:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 140px;
}

.tainan{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 340px;
}

.tainan:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 120px;
}

.kaohsiung{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 400px;
}

.kaohsiung:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 130px;
}

.taiwan_map .taitung {
    padding: 0;
	border-bottom: 1px dashed #333;
}

.pingtung{
    padding: 0;
    margin: 0;
    display: inline;
    z-index: 888;
    position: absolute;
    top: 450px;
}

.pingtung:after {
   	content: "";
   	position: absolute;
   	left: 90px;
   	top: 10px;
   	border-bottom: 1px dashed #454545;
   	z-index: 888;
   	width: 180px;
}


	
	.about_new ul{
    padding: 0;
    margin: 0 auto;
    list-style: none;
    width: 100%;
	
}
	
	.about_new li {
    padding: 10px;
    margin: 10px;
    width: 280px;
    display: inline-block;
}

.rwd-table{background:#fff;overflow:hidden;}.rwd-table tr:nth-of-type(2n){background:#eee;}.rwd-table th,.rwd-table td{margin:0.5em 1em;}.rwd-table{min-width:100%;}.rwd-table th{display:none;}.rwd-table td{display:block;}
.rwd-table td:before{content:attr(data-th) '';
font-weight:bold;width:6.5em;display:inline-block;}.rwd-table th,.rwd-table td{text-align:left; font-size:14px;}.rwd-table th,.rwd-table td:before{color:#333333;font-weight:bold;}
@media (min-width: 480px) {.rwd-table td:before{display:none;}.rwd-table th,.rwd-table td{display:table-cell;padding:0.25em 0.5em;}.rwd-table th:first-child,.rwd-table td:first-child{padding-left:0;}.rwd-table th:last-child,.rwd-table td:last-child{padding-right:0;}.rwd-table th,.rwd-table td{padding:0.5em!important;}}
.wordcenter{text-align:center;}
.wordright{text-align:right;} #privacy-on-link{text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); color: #666; font-size: 12px; letter-spacing: 0;}
#site-title{letter-spacing: -1px; font-weight: normal; padding: 10px 15px 5px 0px; color: #333; font-size: 22px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}

.admin-title {
    color: #333;
    font-size: 26px;
    margin: 15px 0 15px 0;
    font-weight: bold;
    text-align: center;
    padding: 0;
}

.admin-title .point {
	margin: 15px auto;
    padding: 0;
    background: #d01a34;
    height: 4px;
    width: 30px;
    vertical-align: middle;
}

.title-radius{border:#fff 1px solid; border-radius:5px; background:#F6F6F6;}
.title-radius1{border:#fff 1px solid; border-radius:5px; background:#DDDDDD; margin:10px 0px;}
.content-radius{border-radius:3px; margin:0px 10px; padding:5px 0px;}

.home_news_list{background:#ffffff; padding:20px 0px;}
.home_news_list img{border:#be1e2d 0px solid;}
.home_news_list h2{
	margin: 0;
	color: #be1e2d;
	border-bottom: 1px solid #be1e2d; 
	font-size: 16px; 
	position: relative; 
	padding-bottom: 5px; 
	margin-bottom: 15px; 
	font-weight: 600;
}
.home_news_list h2 .more{position: absolute; right: 0; top: 0; color: #be1e2d; font-weight: 600; border-radius: 0; }
.home_news_list hr {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #eee; }
.home_news_list a {color:#777;text-decoration:none;}
.home_news_list a:hover{color:#be1e2d; text-decoration:none;}

.bottom_ad{background:#efefef; padding:20px 0px; z-index:0;}
.bottom_ad .ad_img{z-index:0;}

.home_down_word_title {
	color: #2aafea;
	padding:0px 10px;
	font-size:16px;
	font-weight:bold;
}

.home_down_word {
	padding: 0px 10px;
    font-size: 14px;
    margin: 7px 0;
}

.member{
	margin: 0 auto;
    padding: 0;
    width: 530px;
}

.member ul{
	list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.member li{
	margin: 15px;
    padding: 0;
    display: inline-block;
}


.more2 {
    margin:15px 0 0 15px;
    padding: 0;
}

.more2 a{
	background:#2aafea;
	color: #fff;
    margin:0;
    padding: 5px 10px;
    font-size: 13px;
    text-decoration: none;
}
.more2 a:hover{
	background:#4dbced;
	color: #fff;
    margin:0;
    padding: 5px 10px;
    font-size: 13px;
    text-decoration: none;
}
.footer{
	background:#3a3a3a;
	color:#ffffff;
	padding:20px 0px;
	font-size:16px;
}

.footer-widget{}

.footer-widget img{
	margin: 0 10px 0 0;
	padding: 0;
}

.footer-logo{
	width: 100%;
	margin-top: -13px;
}

.footer-widget h2{
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.footer-widget .social-icon{
	margin: 0;
	padding: 0;
	width: 100%;
}

.social-icon a{
	color: #ccc !important;
}

.social-icon a:hover{
	color: #337ab7 !important;
}

.footer-widget p{
	color: #ccc;
	font-size: 13px;
	margin: 0 0 15px;
	padding: 0;
	font-weight: normal;
}

.footer-widget .boder-r{
	border-right: 1px #ccc solid;
	padding: 0;
	margin: 0 5px 0 0px;
}

.footer-widget ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-widget li{
	margin: 0 10px 0 0;
	padding: 0;
	text-align: left;
	display: inline-flex;
}

.footer-widget a:hover{
	color: #03A9F4;
}

.footer2 p{
	color: #ccc;
	font-size: 13px;
	margin: 0 0 15px;
	padding: 0;
	font-weight: normal;
}

.footer2 ul{
	text-align: right;
	list-style: none;
}

.footer2 li {
    display: inline-block;
    margin-left: 10px;
}

.footer2 a{color:#ccc; text-decoration:none; font-size:14px;}
.footer2 a:hover{color:#337ab7; text-decoration:none; font-size:14px;}

.footer a{color:#ccc; text-decoration:none; font-size:14px;}
.footer2{background:#2d2d2d; color:#ffffff; padding:10px 0px;}

.navbar-default{
	background-color:#d01a34;
	border-color: #d01a34;
	background-image: linear-gradient(to bottom,#d01a34 0,#d01a34 100%);
  
  border-bottom: 3px solid #aa1d31
}

.navbar-default .navbar-brand{font-size:26px; color:#ffffff; text-decoration:none;display:flex;align-content: center;}
.navbar-default .navbar-brand:hover{font-size:26px; color:#ff0; text-decoration:none;}

.navbar-default .navbar-nav>li>a{
	font-size:14px;
	
	color:#ffffff ;
	font-weight: normal !important;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
	font-size:14px;
	color:#ffd9df;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffd9df;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: -webkit-linear-gradient(top,#d01a34 0,#d01a34 100%);
    background-image: -o-linear-gradient(top,#d01a34 0,#d01a34 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d01a34),to(#d01a34));
    background-image: linear-gradient(to bottom,#d01a34 0,#d01a34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d01a34', endColorstr='#d01a34', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,0);
    box-shadow: inset 0 3px 9px rgba(0,0,0,0);
}

.navbar-brand, .navbar-nav>li>a {
    text-shadow: 0 0px 0 rgba(255,255,255,0);
}

.dropdown-menu {
    position: absolute;
    top: 125%;
    left: -15px !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 178px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border-top: 3px #7c0919 solid;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.carousel-indicators li{
	margin: 0 5px !important;
}

.carousel-control {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.6);
    width: 5%;
    height: 10%;
    padding: 0;
	border-radius:3px;
}

.fa, .fas {
    font-weight: 900;
	width: 25px;
}

.imageSpan {
	width: 100%;
	margin: 0;
	padding: 0;
}

.imageSpan img{
	width: 65%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}

.address{
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 0;
    margin: 0;
}

.address h2{
    line-height: 1.42857143;
	font-size: 16px;
	color: #333;
    padding: 10px 0;
    margin: 0;
}

.address .word {
    line-height: 1.42857143;
    font-size: 14px;
    color: #777;
    padding: 10px 15px;
    margin: 0;
	border-bottom: 1px solid #ddd;
}

label {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 10px;
    cursor: pointer;
}

.form-control {
    border-radius: 3px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-group {
    /*margin-bottom: 1rem;*/
}

.red{
	color: #FF3333 !important;
}

@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: -16px;
}
	.modal-dialog {
    width: 400px;
    margin: 30px auto;
}
}

@media screen and (max-width: 1199px){
.new_taipei:after {
    width: 240px;
	}

.taipei {
    top: 30px;
}
	
.taipei:after {
    width: 260px;
}	

.taoyuan {
    top: 50px;
}
	
.taoyuan:after {
    width: 210px;
}	

.hsinchu {
    top: 80px;
}
	
.hsinchu:after {
    width: 190px;
}	

.miaoli {
    top: 100px;
}
	
.miaoli:after {
    width: 150px;
}
	
.taichung {
    top: 140px;
}	

.taichung:after {
    width: 150px;
}
	
.nantou {
    top: 160px;
}
	
.nantou:after {
    width: 180px;
}
	
.changhua {
    top: 180px;
}
	
.changhua:after {
    width: 100px;
}
	
.yunlin {
    top: 220px;
}
	
.yunlin:after {
    width: 70px;
}
	
.chiayi {
    top: 240px;
}	
	
.chiayi:after {
    width: 100px;
}

.tainan {
    top: 280px;
}	
	
.tainan:after {
    width: 90px;
}	
	
.kaohsiung {
    top: 330px;
}
	
.kaohsiung:after {
    width: 100px;
}	
	
.pingtung {
    top: 360px;
}	

.pingtung:after {
    width: 130px;
}	
	
.taitung {
    top: 330px;
}	
	
.taitung:before {
    width: 130px;
}	

.hualien {
    top: 150px;
}
	
.hualien:before {
    width: 70px;
}	

.yilan {
    top: 60px;
}

.yilan:before {
    width: 50px;
}
	
.keelung {
    top: 30px;
}	
	
.keelung:before {
    width: 50px;
}	
}

.about_list{
	border: 1px #ccc solid;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px;
    width: 31.3333333%;
    height: 450px;
}

.about_list p{
	font-size: 16px;
    color: #333;
    padding-top: 20px;
    font-weight: 800;
}

.person_list{
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px;
    width: 31.3333333%;
}

.person_list h5{
	font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #be1e2d;
    height: 20px;
    overflow: hidden;
    font-weight: bold;
}

.person_list p{
	font-size: 14px;
    color: #777;
    padding-top: 0;
    font-weight: 800;
}

.report h4,.about h4{
	font-size:18px; 
	margin-top: 0px; 
	margin-bottom: 10px; 
	color: #be1e2d; 
    height: 20px;
	overflow: hidden; 
	font-weight:bold;
}


.report p,.about p{
	padding: 0;
    margin: 0;
    font-size: 14px;
    color: #777;
    line-height: 30px;
    letter-spacing: 1px;
}

.report .more{position: absolute; right: 0; top: 0; }
.report_btm {height: 50px; padding-bottom: 10px; margin: 5px 0px 15px 0px;border-bottom: 1px dashed #ccc; position: relative; }
.report_btm .btm_word {
    display: inline-block;
    overflow: hidden;
    padding: 10px 0px;
    font-size: 14px;
    color: #337ab7;
}
.report_top .more{position: absolute; right: 15px;}
.report_top {padding: 10px 15px; margin: 5px 0px 15px 0px; border-bottom: 5px solid #373737; position: relative; }
.report_top .top_word {font-size:18px; margin-top: 15px; margin-bottom: 10px; color: #be1e2d; overflow: hidden; font-weight:bold;}
.concept2{color: #be1e2d; font-size: 18px; line-height: 1.8em; text-align: center; padding: 20px 3px; border-top: 2px solid #be1e2d; border-bottom: 2px solid #be1e2d; margin-top:50px; margin-bottom:20px;}
h2{font-size: 24px; font-weight: 600;}
h5{color: #be1e2d; font-size: 16px; font-weight: 600;}

.note {
    vertical-align: 1px;
    display: inline-block;
    padding: 15px;
    color: #717171;
    border-radius: 3px;
    font-size: 14px;
}

.note tr {
    border-bottom: 1px solid #ccc;
}

.note th {
    width: 18%;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    padding: 15px 0;
    padding-left: 15px;
}

.note td {
    width: 80%;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    color: #777;
    padding-left: 5px;
    padding: 15px 0;
}

.note .gray{
	    background-color: rgba(0,0,0,.05);
}

.t_pic{ margin-top: 10px; margin-left: 10px; width: 200px; height: 110px; padding: 0; text-align: center; overflow: hidden; border: 1px solid #999; vertical-align: -55px; }
@media (max-width: 480px) { .news_img{ width:100%;} .prod_img{ width:300px; height:167px;} .t_pic{ margin-top: 10px; margin-left: 10px; width: 300px; height: 167px; padding: 0; text-align: center; overflow: hidden; border: 2px solid #999; vertical-align: -55px; }
.pc_show{display:none;} .nav>li.mb_show{display:block;} .mb_show{display:block;}
/* .banner_top{margin-top:30px;
} */
}
@media (min-width: 490px) { .news_img{ width:80%;} .prod_img{ width:198px; height:110px;} .pc_show{display:none;} .nav>li.mb_show{display:block;} .mb_show{display:block;}  }
@media (min-width: 600px) { .news_img{ width:70%;} .prod_img{ width:198px; height:110px;} .pc_show{display:none;} .nav>li.mb_show{display:block;} .mb_show{display:block;}  }
@media (min-width: 800px) { .news_img{ width:70%;} .prod_img{ width:198px; height:110px;} .pc_show{display:block;} .nav>li.mb_show{display:none;} .mb_show{display:none;}  }
@media (min-width: 1100px) { .news_img{ width:70%;} .prod_img{ width:198px; height:110px;} .pc_show{display:block;} .nav>li.mb_show{display:none;} .mb_show{display:none;}  }


.prod_img:hover{
-webkit-transform: scale3d(1.25, 1.25, 1);
transform: scale3d(1.25, 1.25, 1);
}
.contact_bottom{background:#ffffff; padding:10px ; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow: 1px 1px 2px 1px rgba(20%, 20%, 40%, 0.1);}
.contact_top hr{ margin-top: 10px; margin-bottom: 10px; border: 1px solid #666666;}
.contact hr{ margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #888888;}

.banner_title_set{
	width: 100%;
    position: relative;
    text-align: center;
    height: 250px;
	background-size: cover !important;
	
}

.banner_title_set .word{
	padding: 75px 0;
}

.banner_title_set .word h1{
	font-size: 40px;
    line-height: 12px;
	color: #fff;
	padding: 0;
}

.banner_title_set .word p{
	font-size: 16px;
    font-weight: 400;
    line-height: 24px;
	text-transform: uppercase;
	color: #ccc;
	padding: 0;
}

.e_banner_title_set{font-size:18; color:#ffffff;}
.pro_title{font-size:18px; font-weight: bold;}
.pro_content{font-size:14px; font-weight: bold;}

.pro_list{
	padding:0px 20px;
}

.pro_list ul{
	padding:0;
	margin: 0 auto;
	list-style: none;
	width: 100%;
}

.pro_list li{
	padding: 10px;
    margin: 10px;
    width: 16%;
    display: inline-block;
    vertical-align: top;
    background: #eeeeee;
    height: 310px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.pro_list h1{
	padding:10px 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px #333 dashed;
}

.pro_list p{
	padding: 10px;
    margin: 0;
    font-size: 14px;
    color: #777;
    line-height: 20px;
    letter-spacing: 1px;
}

.pro_list1{padding:0px 30px; }

.title_set{font-size:22px; font-weight: bold;}

.prod_list {
    padding: 5px;
    margin: 0 0 15px 0;
}
.prod_list img{
	vertical-align: middle;
}

.prod_list .prod_txt{width:100%; position: absolute; vertical-align: middle; text-align:center; top:45%; font-size:18px;}

.prod_list .prod_inner {
    opacity: 1;
    width: 100%;
    position: absolute;
    vertical-align: middle;
    height: 100%;
    margin: -5px;
    text-align: center;
	padding-top: 15%;
}

.prod_list a:hover .prod_inner {opacity: 1; background: rgba(44, 62, 80, 0.7); height:100%; width:100%; color:#ffffff; font-size:18px;}
.prod_list a:hover .prod_txt{opacity: 0;}

.prod_list .prod_inner h1{
	text-align: center;
    margin-bottom: 8px;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px #fff dashed;
    padding: 10px 0;
    margin: 0 30px;
}

.prod_list .prod_inner p{
    opacity: 0;
    text-align: center;
    margin-top: 60px;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 10px;
    color: #fff;
    border-radius: 25px;
    display: inline-block;
    padding: 14px 28px 13px 28px;
	background: #d01a34;
}

#float_Social{}

#float_sidenav {
position: fixed;
/*
display: none;
position: absolute;
animation: fadein 1.5s;
*/
top: 100px;
right: 10px;
width: 148px;
background-color: #C0C0C0; 
z-index: 1030;
overflow-x: hidden;
padding: 8px 0;
border-radius: 8px;
font-family: Microsoft JhengHei;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 18px;
    color: #8B0000;
    display: block;
    font-weight: bold;
    font-family: Microsoft JhengHei;
    /*
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px 2px;
    text-align: center;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #fff;
    background-color: #f0f0f0;
    color: #353535;
    font-size: 12px;
    border-radius: 5px;
    text-decoration:none;
    */
}

.sidenav a:hover {
    color: #000000;
    font-weight: bold;
}
.navbar-brand { float: left; height: 50px; padding: 0px 15px; font-size: 18px; line-height: 20px; }

.modal-title {
    margin: 0 auto;
    line-height: 1.42857143;
    width: 150px;
}

.modal-body {
    position: relative;
    padding:5px 15px;
}

.modal-content {
    background-color: rgba(255,255,255,.9);
}

.modal-header {
    border-bottom: 1px solid #b0b0b0;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    /* background-image: none; */
    border: 0;
    /* border-radius: 4px; */
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
}

@media (max-width: 480px)
{
	.navbar-nav {
    margin: auto;
    width: 100%;
    padding: 10px 0 0 0; 
}
	.navbar-collapse {
    padding: 0;
    overflow-x: visible;
}
	
	.navbar-default .navbar-nav>li>a {
    font-size: 16px;
    color: #ffffff;
    font-weight: normal !important;
}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    font-size: 16px;
    color: #ffd9df;
    text-decoration: none;
}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffd9df;
    background-color: transparent;
}
		
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
	padding: 5px 0 10px 40px;
    font-size: 16px;
}
	
.nav>li.phone
	{
		display:block;
		text-align: center;
	}
	
.service{
	color: #000;
	padding: 10px 0;
	letter-spacing: 1px;
	font-size: 16px;
	/*background: yellow;*/
}
	
.boder-b{
	border-bottom: 1px solid #fff;
	margin: 0 0 10px 0;
	padding: 0;
}
	
.downloadbox {
    border: #e3e3e3 0px solid;
}
	
	.container-fluid {
    padding: 10px 15px 0 15px;
}
	
	.footer {
	text-align: center;
	padding: 20px;
}
	.col-md-3, .col-md-5, .col-md-12, .col-md-7{
	width: 100%;
	}
	
	.footer2 {
	text-align: center;
	}
		
	.footer-widget h2 {
    color: #fff;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
	display: block;
}
	
	.footer2 ul{
		text-align: center;
		padding: 0;
	}
	
	.banner_title_set {
    top: 0;
}
	
	.regula ul {
    padding: 10px;
}
	
	.pro_list li {
    width: 95%;
	height: auto
}
	
	
	.report p, .about p {
    padding: 0 10px;
}
	
	.report h4, .about h4 {
    padding: 0 10px;
}
	
	.about_list {
    width: 95%;
	height: auto;
	
}
	
	.about img {
    width: 100%;
	
}
	
	.person_list {
    width: 95%;
}
	
	.btn_s5 {
    width: 100%;
    margin: 10px 0 0 0;
}
	
	.input-group {
    width: 100%;
}
	
	.member ul{
	list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
	
	.member li{
    margin: 10px 0;
	width: 100%;
}
	
	.btn_member {
    width: 100%;
}
	
	.btn03{
		width: 65%;
	}
	
	.imageSpan img {
    width: 100%;
}
	
	
.about_new{
	padding:0px 10px;
}
	
	.about_new li {
    padding: 0 35px;
}

	.taiwan_image{
	display: none;
}
	


.essence-btn {
  display: inline-block;
  min-width: 170px;
  height: 50px;
  color: #ffffff;
  border: none;
  border-radius: 0;
  padding: 0 40px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 50px;
  background-color: #0315ff;
  letter-spacing: 1.5px;
  font-weight: 600; }
  .essence-btn:hover, .essence-btn:focus {
    color: #ffffff;
    background-color: #dc0345; }


.prod_no {
    float: left;
    margin-top: 50px;
    margin-right: 5px;
    }

.status_table p{
        line-height:220px
        margin-top: 1150px;
}



/* 雙線 */

hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}


/* 單線陰影 */

hr.style-four {
    height: 12px;
    border: 10px;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

/* 漸變 color1 - color2 - color1 */

hr.style-one {
    border: 0;
    height: 20px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    font-size:20px;
    border:#DCDCDC 1px solid;
}


/* 透明漸變 - color - transparent */

hr.style-two {
    border: 0;
    height: 10px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}