@charset "utf-8";
/* CSS Document */
.logo-menu {
    padding: 0px;
    width: 300px;
}
.Menu {
    background-color: rgba(255, 255, 255, 0);
    padding: 15px 0px;
    float: left;
    width: calc(100% - 300px);
}
nav.navbar.bootsnav {
	background-color: rgba(255, 255, 255, 0);
    border-bottom: solid 1px #ffffff;
}



.home-tnews {
	    padding: 70px 0;
}

#table-breakpoint tr, #table-breakpoint th, #table-breakpoint td {
    border: none;
    border-bottom: 1px solid #e4ebeb;
    /* font-family: 'Lato', sans-serif; */
    font-size: 16px;
}
.owl-news-t1 .des {
   font-size: 15px;
    color: #869093;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin: 5px 0px 25px;
}
.owl-news-t1 .owl-nav [class*=owl-],
.owl-photo-t1 .owl-nav [class*=owl-]
 {
    color: #FFF;
    font-size: 0;
    padding: 30px 30px;
    cursor: pointer;
    background-image: url(../images/next_prev2.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 3px solid #dfe2e3;
}
.owl-news-t1 .owl-prev {
    background-position: 20px center;
    left: -80px;
}
.owl-news-t1 .owl-next
{
    background-position: -20px center;
    right: -80px;
}



.owl-photo-t1 .owl-prev {
    background-position: 5px center;
	left:15px;
}
.owl-photo-t1 .owl-next{
    background-position: -25px center;
	right:15px;
}

.outw1 .text .title {
    font-size: 20px;
    line-height: 1.2;
    padding: 10px;
}
.outw1 .text {
        padding: 10px;
		text-align: left;
}
.outw1 .btn-more {
    text-align: left;
}
.outw1 .btn-more a {
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 10px;
    color: #000;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 0px;
	    margin-top: 15px;
    margin-left: 10px;
}
.outw1 .btn-more a:hover {
    color: #fff;
    background-color: #000;
    padding-right: 50px;
}
.outw1 .text .des {
    font-size: 14px;
    line-height: 26px;
    padding: 0px 10px 30px;
    color: #4a4a4a;
	overflow: hidden;
}
.image-a4-t1 .map {
        background-color: rgba(245, 245, 245, 0.6);
    border: 1px #666 none;
    border-radius: inherit;
    padding: 15px;
}

 .image-a4-t1 .imageitem {
    padding-bottom: 50px;
}
.tab .tab-content .Article li {
     background-image: url(../images/symbol.png);
     background-repeat: no-repeat;
     background-position: 5px 8px;
}
.owl-photo-t1 .slide-box {
    margin: 0;
    overflow: hidden;
    background-color: #f3f3f3;
    position: relative;
    padding: 0px;
    border-right: 1px solid #ddd;
}
.owl-photo-t1 a.more {
    display: inline-block;
    padding: 4px 15px;
    font-size: 12px;
    font-weight: 200;
    margin: 15px 0; 
    color: #fff;
    background: #248cb3;
    border-bottom-right-radius: 10px;
    text-transform: capitalize;
    transition: all 0.30s linear;
}
.owl-photo-t1 .image {
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
}

.home-text {
    overflow: hidden;
    height: 100%;
	background: #ececec;
}

.text-b2-t2 .link-area {
    padding: 100px 10px 60px 60px;
}


.video-c2 {
    padding: 100px;
    overflow: hidden;
}
.video-c2.wordtextbox {
    font-size: 14px;
    padding: 30px ;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.owl-a6-t1 {
    padding: 40px 0;
}

.image-a3 .des-area {
    padding: 45px 0px 10px 0px;
    overflow: hidden;
}
table tr, table th, table td {
    font-size: 14px;
}
.btn {

    margin: 5px 0;
   
}
.blog-info h3 {
	font-size: 18px;
}

.text-b3 {
    padding: 0px 0;
}
.menu ul li a {
    font-size: 16px;
}

.text-b3-t1 .title {
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
	margin-bottom: 10px;
}
.text-b3-t1 .size {
    font-size: 14px;
    line-height: 15px;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #b1b1b1;
    border-bottom: none;
	padding-top: 10px;
}
.text-b3-t1 .file-area {
    padding: 10px;
    position: relative;
}
.text-b3-t1 .more a {
    display: inline-block;
    padding: 5px 30px;
    background-color: #3360b3;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    position: absolute;
	right: 0;
	top: 82px;
}
.image-a3-t1 .image-area-more .imgbox > div {
    padding: 10px;
}
.inw2 .text .title {
    line-height: 20px;
    font-size: 16px;
   
}
.inw2 .imageitem .text::before {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
   
}

.inw2 .imageitem .text::after {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    
}
.menu ul li a {
    background: #ffffff;
    color: #797979;
    float: left;
    font-size: 18px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    border-bottom: 1px solid #cccccc;
}
.menu ul .submenu > li > ul.submenu > li > a {
    border-bottom: none;
    padding: 5px 0px 5px 55px;
    color: #a1a1a1;
    line-height: 24px;
    font-size: 14px;
	background-image: url(../images/symbol.png);
	background-repeat: no-repeat;
	background-position: 35px 8px;
}

.menu ul .submenu > li > ul.submenu > li > ul.submenu > li > a{
    border-bottom: none;
    padding: 5px 0px 5px 70px;
    color: #a1a1a1;
    line-height: 24px;
    font-size: 14px;
	background-image: url(../images/symbol.png);
	background-repeat: no-repeat;
	background-position: 50px 8px;
}

.menu ul .submenu li a {
    background: #f7f7f7;
    border-left: solid 6px transparent;
    border-top: none;
    float: left;
    font-size: 16px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ffffff;
}


#table-breakpoint tr, #table-breakpoint th, #table-breakpoint td {
    border: none;
    border-bottom: 1px solid #e4ebeb;
    /* font-family: 'Lato', sans-serif; */
    font-size: 16px;
}
.price {
   padding:20px 50px;
}
.price .table{
   font-size:18px;
    width: 100%;
}
.price .table p{
   width: calc(100% - 100px);
   float: left;
   overflow: hidden;
   height: 25px;
}
.price .table span{
   width: 80px;
       float: right;
	   color:#c0392b; 
}

.interval .bgs2 {
	 background-image: none;
	     padding: 20px 0;
}
.bgs2 {
	position:relative;
	overflow: hidden;
	    padding: 80px 0;
}

.Homeintroduction  {
	    padding-top: 50px;
		margin-bottom: 100px;
		overflow: hidden;
}
.Homeintroduction .Txt  {
	    color: #000;
    line-height: 2;
    font-size: 16px;
}
.leftBox  {
	margin: 0 30px;
}
.leftBox .subTitle {
    position: relative;
    font-family: "Cantarell", sans-serif;
    font-size: 20px;
    letter-spacing: .075em;
    color: #333;
    text-transform: uppercase;
    padding-left: 75px;
    box-sizing: border-box;
}
.leftBox .subTitle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 55px;
  height: 1px;
  background: #000;
}

 .leftBox .en {
  font-family: "PT Serif", serif;
  font-size: 60px;
    line-height: 75px;
    margin-bottom: 25px;
  color: #333;
  margin-bottom: 20px;
}

.leftBox h2 {
  display: block;
  font-size: 32px;
  font-weight: 100;
  letter-spacing: .1em;
  color: #474747;
  margin-bottom: 45px;
}

.owl-news-t1 .padding {
        border-bottom: 2px solid rgba(0, 188, 212, 0.5);
    position: relative;
}
.btn01 a {
  position: relative;
  display: inline-block;
  border: 1px solid #c1c1c1;
  padding: 10px 90px 10px 20px;
  box-sizing: border-box;
  font-family: "Cantarell", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  overflow: hidden;
  color: #ffffff;
  background: #333;
}

.btn01 a:before {
  content: '';
  position: absolute;
  left: -50px;
  top: 50%;
  margin-top: -0.5px;
  width: 35px;
  height: 1px;
  background: #fff;
  transition: all .5s;
}

.btn01 a:after {
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -0.5px;
  width: 35px;
  height: 1px;
  background: #c1c1c1;
  transition: all .5s;
}

.btn01 a:hover {
  background: #333;
  color: #fff;
  padding-left: 40px;
}

.btn01 a:hover:before {
  left: 0px;
  transition-delay: .2s;
}

.btn01 a:hover:after {
  background: #333;
  right: -50px;
}




#sc88 .outw1 .text .title {
    font-size: 24px;
    line-height: 1.2;
    padding: 10px;
}
#sc88 .outw1 .text {
        padding: 10px;
		text-align: center;
		background-color: rgba(245, 245, 245, 0.6);
}
@media (max-width: 767px)  {
.logo-menu {
    width: 100%;
}
.navbar-wrapper .container{
padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.Menu {
    width: 100%;
	padding: 0px 0px;
	background-color: #00BCD4;
}

nav.navbar.bootsnav {
    background-color: rgba(255, 255, 255, 0.7);
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.text-b2-t2 .link-area {
    padding: 20px ;
}
.tab .tab-content .Article li {
    margin-bottom: 10px;
    padding-left: 30px;
}
.tab .tab-content .Article li {
    background-position: 5px 8px;
}
.owl-news-t1 .owl-nav [class*=owl-]{
    padding: 25px 25px;
    
    border: 2px solid #dfe2e3;
}
.owl-news-t1 .owl-prev {
   background-position: 10px center;
    left: -15px;
}
.owl-news-t1 .owl-next{
    background-position: -20px center;
    right: -15px;
}
.video-c2 {
    padding: 20px;
    overflow: hidden;
}
.price {
   padding:20px;
}

.bgs2 {
	position:relative;
	overflow: hidden;
	    padding: 60px 0 0 0;
		background-image: url(../images/bg.jpg);
}
.leftBox  {
	margin: 0 30px 30px;
}
nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: 500px;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow-y: auto !important;
}

.leftBox .subTitle {
    font-size: 16px;
	padding-bottom: 20px;
}
.leftBox .en {
    font-size: 45px;
    line-height: 50px;
}
.leftBox h2 {
    font-size: 26px;
}
.owl-default .owl-dots {
    bottom: 10px;
}
.owl-a1-t1 .image {
    width: 100%;
    padding-bottom: 100%;
}
.topimg img {
   
}
.Homeintroduction  {
	    padding-top: 70px;
		margin-bottom: 70px;
		overflow: hidden;
}

.topimg  {
	    padding: 65px 0 0;
}
nav.navbar.bootsnav .navbar-toggle {
   
    color: #020202;
}


nav.navbar.bootsnav ul.nav > li > a {
    color: #ffffff;
    background-color: transparent !important;
    letter-spacing: 1px;
    padding: 15px 20px;
}
	}
	




.aboutContent {
  margin-bottom: 70px;
  padding: 55px 110px 50px;
  color: #555;
  overflow: auto;
}

.aboutContent img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.aboutContent img + .rhdTitle {
  margin-top: 25px;
}
.textEditor {
  clear: both;
  font-size: 15px;
  color: #2f2f2f;
  line-height: 1.8;
}

.textEditor .rhdTitle {
  margin-bottom: 25px;
  font-size: 20px;
  letter-spacing: 1px;
  color: #336432;
  font-family: 'Noto Sans TC', '微軟正黑體', serif;
}

.textEditor a {
  color: #336432;
}

.textEditor p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.textEditor img {
  max-width: 100%;
}

.textEditor ul {
  list-style: disc outside;
  padding-left: 30px;
}

.textEditor ol {
  list-style: decimal outside;
  padding-left: 30px;
}

.textEditor table {
  border-collapse: collapse;
}

.textEditor table th {
  padding: 5px;
  text-align: center;
  background: #336432;
  color: #fff;
  border: 1px solid #ddd;
}

.textEditor table td {
  padding: 5px;
  border: 1px solid #ddd;
}

.textEditor hr {
  border: none;
  height: 1px;
  background: #ddd;
}

.textEditor blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
}
.historyList {
  max-width: 850px;
  background: linear-gradient(to bottom, #00BCD4 0, #00BCD4 100%) 5px 0/3px 100% no-repeat;
}

.historyList.historyList, .historyList ul {
  list-style: none;
}

.historyList > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.historyList > li + li {
  margin-top: 20px;
}

.historyList h3 {
  position: relative;
  width: 100px;
  color: #336432;
  font-size: 24px;
  font-family: 'Noto Sans TC', '微軟正黑體', serif;
}

.historyList h3::before {
    content: '';
    position: absolute;
    top: 5px;
    left: -33px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #00BCD4;
    background-color: #fff;
}

.historyList ul {
  width: calc(100% - 100px);
  margin-top: 9px;
  padding-left: 0;
  letter-spacing: 1px;
}

.historyList ul li + li {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dashed #f5f5f5;
}
.Customtitle {
    font-size: 40px;
    line-height: 42px;
    font-weight: 500;
	    text-align: center;
}
.Customtitle:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #E3E3E3;
    margin: 0 auto;
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}
.home-video .videobox {
    font-size: 0;
    background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(1%,#03a3d6),color-stop(35%,#7fd0b2),color-stop(100%,#1bb1d0));
    background-image: -moz-linear-gradient(left,#03a3d6 1%,#7fd0b2 35%,#1bb1d0 100%);
    background-image: -webkit-linear-gradient(left,#03a3d6 1%,#7fd0b2 35%,#1bb1d0 100%);
    background-image: linear-gradient(to right,#03a3d6 1%,#7fd0b2 35%,#1bb1d0 100%);
    padding: 20px;
}
@media (max-width: 767px)  {
	.Customtitle {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
}
	.aboutContent {
    margin-bottom: 70px;
    padding: 20px 20px 20px;
    color: #555;
    overflow: auto;
}
.home-video .videobox {
    padding: 8px;
}

	}