/**{transition: all 0.3s ease;}*/
body{margin:53px 70px;}
.container{margin:0 auto;max-width:1366px;}
.header{position:relative;max-width:1366px;}
.header #header_img{max-width:1366px;width:100%;}
.header #logo{position:absolute;top:10%;left:4%;background-color:white;opacity:.7;width:11.5%;padding:15px 35px;}
.mainbody{overflow:hidden;margin-top:30px;position:relative;}
.mainbody .mainbody_left{width:595px;}
.mainbody .mainbody_right{width:541px;margin-top:13px;float:right;}
.mainbody .mainbody_left,.mainbody .mainbody_right{display:inline-block;box-sizing:border-box;}
.mainbody_left #brandstoryTitle{font-size:55px;color:#50514F;margin:0;padding-left:15px;}
.mainbody_left #brandstoryTitle span{font-size:19px;font-family:Microsoft JhengHei;}
.mainbody_left .story1{margin-top:23px;}
.mainbody_left .story1 img{width:454px;max-width:100%;}
.mainbody_left .story1 .story1_content{margin-top:5px;font-size:14px;padding-left:17px;color:#50514F;}
.mainbody_left .story1 .story1_content p{margin:0;line-height:24px;font-family:Microsoft JhengHei;}
.mainbody_left .story2{margin-top:23px;}
.mainbody_left .story2 img{width:540px;max-width:100%;}
.mainbody_left .story2 .story2_content{margin-top:5px;font-size:14px;padding-left:17px;color:#50514F;}
.mainbody_left .story2 .story2_content p{margin:0;line-height:24px;font-family:Microsoft JhengHei;}
.mainbody_right .quote1{margin-bottom:17px;}
.mainbody_right p{margin:0;}
.mainbody_right .quote1 #english_quote1{font-style:italic;color:#ACC142;line-height:30px;font-family:Brandon Text Medium Italic;font-size:17px;}
.mainbody_right .quote1 #chinese_quote1{margin-top:5px;font-family:Microsoft JhengHei;font-weight:bold;font-size:15px;letter-spacing: 1px;color:#50514F;}
.mainbody_right .quote2{margin-bottom:35px;}
.mainbody_right .quote2 #english_quote2{font-style:italic;color:#ACC142;line-height:30px;font-family:Brandon Text Medium Italic;font-size:17px;}
.mainbody_right .quote2 p:nth-child(3),.mainbody_right .quote2 p:nth-child(4){margin-top:5px;font-family:Microsoft JhengHei;font-weight:bold;font-size:15px;letter-spacing: 1px;color:#50514F;}
.mainbody_right .footerAdv{max-width:100%;}
.mainbody_right .footerAdv img{width:100%;max-width:100%;}

.mainbody_footer{margin:65px 0 65px 0;overflow-x:auto;overflow:hidden;display:flex;}
.mainbody_footer .divTable{width:33%;float:left;flex:1;}
.mainbody_footer .divTable:nth-child(1){border-left:1px solid #CECCCE;border-bottom:1px solid #CECCCE;border-right:1px solid #CECCCE;}
.mainbody_footer .divTable:nth-child(2){border-bottom:1px solid #CECCCE;border-right:1px solid #CECCCE;}
.mainbody_footer .divTable:nth-child(3){border-right:1px solid #CECCCE;border-bottom:1px solid #CECCCE;}
.mainbody_footer .divTable .divTable_header{background-color:#D5D5D5;padding:17px;text-align:center;color:#60686B;font-weight:bold;}
.mainbody_footer .divTable .divTable_body{}
.mainbody_footer .divTable .divTable_body ul{padding:0;margin:0;}
.mainbody_footer .divTable #div_tb1{padding:25px 5px 25px 40px;}
.mainbody_footer .divTable #div_tb2{padding:45px 5px 0 40px;}
.mainbody_footer .divTable #div_tb3{padding:25px 5px 0 40px;}
.mainbody_footer .divTable .divTable_body ul li{line-height:28px;}

.mainbody_footer table{width:100%;border-collapse:collapse;border:1px solid #CECCCE;margin:0 auto;min-width:675px;}
.mainbody_footer table thead tr{}
.mainbody_footer table thead tr td{background-color:#D5D5D5;padding:17px;text-align:center;color:#60686B;font-weight:bold;}
.mainbody_footer table tbody tr{}
.mainbody_footer table tbody tr td{padding-left:25px;border-right:1px solid #CECCCE;color:#666666;}
.mainbody_footer table tbody tr td:nth-child(1){width:33%}
.mainbody_footer table tbody tr td:nth-child(2){width:33%}
.mainbody_footer table tbody tr td:nth-child(3){border-right:0;width:33%}
.mainbody_footer table tbody tr td ul{padding-left:10px;}
.mainbody_footer table tbody tr td li{line-height:30px;}


.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/**
 * Use this wrapper only for demo purposes
 * So you can show the items outside the wrapper
 */

/*.wrapper--demo { overflow: visible; }*/

.wrapper--demo:after,
.wrapper--demo:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  left: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.wrapper--demo:before { left: -800px; }

.carousel {
  width: 100%;
  position: relative;
}

.carousel .carousel__content {
  width: auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: translate3d(0, 0, 0);
}

.carousel .carousel__content .item {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}

.carousel .carousel__content .item .title {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -33px 0 0 0;
  padding: 0;
  font-size: 3rem;
  width: 100%;
  text-align: center;
 letter-spacing: .3rem;
  color: #FFF;
}

.carousel .carousel__content .item .title--sub {
  margin-top: 20px;
  font-size: 1.2em;
  opacity: .5;
}

.carousel .carousel__content .item img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.carousel .carousel__nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -17px;
  left: 0;
  z-index: 1;
}

.carousel .carousel__nav .nav {
  position: absolute;
  top: 0;
  color: #000;
  background: #FFF;
  padding: 8px 12px;
  font-weight: bold;
  text-decoration: none;
 font-size: .8rem;
  transition: padding .25s ease;
}

.carousel .carousel__nav .nav:hover { padding: 8px 20px; }

.carousel .carousel__nav .nav--left { border-radius: 0px 3px 3px 0px; }

.carousel .carousel__nav .nav--right {
  right: 0;
  border-radius: 3px 0px 0px 3px;
}

@media screen and (min-width: 1400px){
    /*.mainbody .mainbody_left,.mainbody .mainbody_right{float:left;}*/
    
}

@media screen and (max-width: 1295px){
    .mainbody .mainbody_left{width:563px;}
    .mainbody_right .quote2{margin-bottom:9px;}
}

@media screen and (max-width: 1280px){
	.mainbody .mainbody_left,.mainbody .mainbody_right{width:50%;}
    .mainbody .mainbody_right{padding-left:25px;}
	.mainbody_left .story1 img{width:425px;}
	.mainbody_left .story1 .story1_content{font-size:13px;}
	.mainbody_left .story2 img{width:510px;}
	.mainbody_left .story2 .story2_content{font-size:13px;}

	.mainbody_right .quote1 #english_quote1,.mainbody_right .quote2 #english_quote2{font-size:16px;}
}

@media screen and (max-width: 1170px){
	.mainbody_right .footerAdv{position:absolute;bottom:0;}
    .mainbody_right .quote2{margin-bottom:13px;}
}

@media screen and (max-width: 1150px){
	.mainbody_left .story1 .story1_content br{display:none;}
	.mainbody_left .story2 .story2_content br{display:none;}
	.mainbody_left .story1 .story1_content p,.mainbody_left .story2 .story2_content p{line-height:30px;}
}

@media screen and (max-width: 1060px){
    .mainbody_footer table tbody tr td ul{padding-left:5px;}
}

@media screen and (max-width: 995px){
	body{margin:0;}
	.container{margin:0;}
	.mainbody{display:block;}
	.mainbody .mainbody_left{margin-bottom:45px;}
	.mainbody .mainbody_left,.mainbody .mainbody_right{width:100%;}
	.mainbody .mainbody_right{padding-left:0;}
	.mainbody .mainbody_left .brandstory{text-align:center;}
	.mainbody_left #brandstoryTitle{padding-left:0;}
	.mainbody_left .story1 img{width:100%;}
	.mainbody_left .story2 img{width:100%;}
	.mainbody_right .footerAdv{position:initial;}
	.mainbody_left .story1 .story1_content,.mainbody_left .story2 .story2_content{font-size:18px;margin-top:40px;}
	.mainbody_left .story1 .story1_content p,.mainbody_left .story2 .story2_content p{line-height:40px;}
    .mainbody_right .quote1 #english_quote1,.mainbody_right .quote2 #english_quote2{text-align:center;font-size:18px;}
    .mainbody_right .quote1 #chinese_quote1,.mainbody_right .quote2 p:nth-child(3){text-align:center;margin-top:15px;font-size:15px;margin-bottom:0;}
    .mainbody_right .quote2 p:nth-child(4){margin:0;text-align:center;}
    .mainbody_right .quote2{margin-bottom:40px;}
    .mainbody_right .footerAdv{max-width:100%;}
}

@media screen and (max-width: 735px){
    .mainbody_footer{display:block;}
    .mainbody_footer .divTable{width:100%;margin-bottom:15px;}
	.mainbody_footer .divTable #div_tb1{padding:10px 35px;}
	.mainbody_footer .divTable #div_tb2{padding:10px 35px;border-left:1px solid #CECCCE;}
	.mainbody_footer .divTable #div_tb3{padding:10px 35px;border-left:1px solid #CECCCE;}
}

@media screen and (max-width: 520px){
    .header #logo{top:10px;left:15px;width:43px;padding:9px 15px;}
    .mainbody_left #brandstoryTitle{font-size:45px;}
    .mainbody_footer table tbody tr td{padding-left:17px;}
}

@media screen and (max-width: 400px){
    .header #logo{width:30px;}
    .mainbody_left #brandstoryTitle{font-size:24px;}
    .mainbody_left .story1 .story1_content, .mainbody_left .story2 .story2_content{font-size:15px;}
}