/************************************************************************************
smaller than 1200   最大邊界
*************************************************************************************/
@media screen and (max-width: 1200px) {
/*通用*/	
.h0 {
	font-size: 5em;
	line-height: 1em;
}
.h1   {
	font-size: 3em;
	line-height: 2em;
	
}
.h2   {
	font-size: 2.5em;
}
.h3   {
	font-size: 2.2em;
	line-height: 1.5em;
}
.h4 {
	font-size: 1.5em;
	line-height: 1.8em;
}
.h5 {
	font-size: 1.2em;
	line-height: 1.5em;
}
.h6 {
	font-size: 1.1em;
	line-height: 1.5em;
}
.p {
	font-size: 1em;
	line-height: 1.5em;
}	
.center1200 {
	width: 90%;
	max-width:1200px;
	padding: 0 5%;
}	
/*通用end*/	
/* section1 */
.section1 .titlebox {
	max-width:400px;
	min-width:350px;
	right: 5%;
}
.section1 .slogan .slgantext{
	padding:0;
}
/* section2 */

/* section3 */

/* section4 */

/* section5 */

/*product*/
.pdcontent {
	padding: 5% 0;
}
.labelA {
	padding: .1% 2%;
	line-height: 35px;
}
.labelB {
	padding: .1% 2%;
	line-height: 35px;
}

}
/************************************************************************************
smaller than 1000    
*************************************************************************************/
@media only screen and (max-width: 1024px) {
.center1200 {
	max-width:1024px;
}	
/* section1 */

/* section2 */
.section2 .article {
	padding: 8% 5%;
}
/* section3 */

/* section4 */

/* section5 */

/*product*/
.proimg1 {
	width: 60%;
}
.proimg2 {
	width: 95%;
}
	/*banner*/
.brimg3 {
	width: 95%;
	height: 100px;
	margin: .5% 2.5%;
}
.brarticle {
	background-color: rgba(49,49,49,.85);
	opacity:1;
	width: 40%;
	padding: 10% 5% 2% 5%;
	bottom: 0%;
		transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
}
/*brbg*/
.brinHome {
	background-position: 100% 30%;
	background-repeat: repeat-x;
	
}
.brinStudy {
	background-position: 100% 50%;
	background-repeat: repeat-x;
}
.brinTravel {
	background-position: 100% 50%;
	background-repeat: repeat-x;
}
.brinExcellence {
	background-position: 100% 50%;
	background-repeat: repeat-x;
}
	
}
/************************************************************************************
smaller than 450
*************************************************************************************/
@media screen and (max-width: 450px) {
	.center1200 {
		max-width:450px;
	}
	/* section1 */
	.section1 .titlebox {
		max-width:450px;
		right: 0%;
		top:10vh;
	}
	/* section2 */


	/* section3 */
	.pdcontent {
		padding: 8% 0;
	}
	/* section4 */

	/* section5 */
	.h1 {
		line-height: 1.2em;
	}

	/*product*/
	.labelA {
		padding: .1% 5%;
	}
	.labelB {
		padding: .1% 5%;
	}
	.pduct45 {
		width: 90%;
		float:none;
		margin: 5% 5% 10% 5%;
	}
	.proimg1 {
		width: 90%;
		padding:0 0 3% 0;
	}
	.proimg2 {
		width: 95%;
		padding:0 0 3% 0;
	}
	.brarticle {
		width: 70%;
		padding: 10% 2% 5% 2%;
	}
	/*brbg*/
	.brinHome {
		background-position: 270% 20%;
	}
	.brinStudy {
		background-position: 40% 50%;
	}
	.brinTravel {
		background-position: -120% 100%;
	}
	.brinExcellence {
		background-position:80% 50%;
	}
}

/* moved here, original written in index.php */
video { display: block; }
.swiper-container{
  width:100%;
  height:100vh;
}
.swiper-wrapper{
  width:100%;
  height:100%;
}
.swiper-pagination-bullet {
  background: #333;
  opacity: .5;
  border:#bbb solid 1px;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #333;
}
.white>.swiper-pagination-bullet, .white>.swiper-pagination-bullet-active{
  background: #fff;
  border:#333 solid 1px;
} 
.trialevent_bg1{
  width: 100%;
  min-height: 100%;
  background-image: url(/newindex/images/bg-trial-image-01.jpg);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
.trialevent_bg3{
  width: 100%;
  min-height: 100%;
  background-image: url(/newindex/images/index-ad-3.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top; 
  padding-top: 6%;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 4%;
}
.trialevent_bg4{
  z-index:9;
	width: 100%;
  min-height: 100%;
  background-image: url(/images/pmo8bg.jpg);
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top; 
  padding-top: 6%;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 4%;
}
.trial_Ltitle {
  font-size: 58px;
  line-height:82px;
  color: #000;
}
.trial_word {
  font-size: 21px;
  font-weight: 100;
  line-height: 22px;
}
.trial_saleprod {
  font-size: 19px;
  color: #b9aca1;
  font-weight: 100;
  line-height: 22px;
}
#vipevent_bg1 .imghidden img{
  width:120%!important;
  max-width: none;
}
.titlecontain {
  padding: 2%;
  max-width: 450px;
  background-color: rgba(0,0,0,0.77);
  margin-bottom: 5%;
}
.trialevent_bg4 .titlecontain {
  padding: 2%;
  max-width: 730px;
  background-color: rgba(44,50,64,0.87);
  margin-bottom: 1.5%;
  margin-top: 5%;
  letter-spacing: 2px;
  line-height: 2;
}
.trialevent_bg4 .titlecontain .little_words{
 color: #fff;
 font-size: 22px; 
}
.white {
  color: #fff;
}
.trialevent_bg3 .center1200{
  padding:0; margin-top:10%; font-size: 12px;
}
.trialevent_bg4 .center1200{
  padding:0; margin-top:10%; font-size: 12px;
}
.trialevent_bg4 .center1200 .btn_words{ 
  width: 160px;
  margin: 0;
  font-size: 18px;
  background-color: #856957;
  padding: 8px 0;
}
.trial_Ltitle {
  margin-top:8%;
}
.sectionBg {
	z-index:1;
	background-color: #1b1b20;
	width:100%;
	height: 100vh;
	left:0;
	top:0;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	animation:slow 3s ease-in .2s infinite alternate;
	-moz-animation:slow 3s ease-in .2s infinite alternate;
	-webkit-animation:slow 3s ease-in .2s infinite alternate;
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	position: static;
}
@media (max-width: 1000px){
  .trialevent_bg1 .col-md-offset-2 {
    margin: 0 0 0 5%;
  }
  #vipevent_bg1 .imghidden img {
    width:100%!important;
  }
  .trialevent_bg1 .col-md-5 {
    width: 80%;
  }
}
@media (max-width: 600px){
  .trial_Ltitle {
    font-size: 30px;
    line-height:42px;
  }
}
@media (min-height: 800px){
  .trial_Ltitle {
    margin-top:18%;
  }
}
.center{
  text-align: center;
}
#event_banner_dda120xpsb.section1 {
  width: 100%;
  min-height: 100vh;
  background-image: url(/event/dda120_psb/images/sec1bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#event_banner_dda120xpsb .h2-0 {
  font-size: 40px;
  font-weight: lighter;
  line-height: 50px;
}
#event_banner_dda120xpsb .h3-0 {
  font-size: 30px;
  font-weight: lighter;
  line-height: 40px;
}
#event_banner_dda120xpsb .tday2 {
  padding: 10% 0 0 0;
  width: 150px; margin-bottom:1%;
}
#event_banner_act_btn_area .btn{
  cursor: auto;
}
/* section1 banner */
#Branding_Day.section1banner {
  width: 100%;
  height: 100vh;
  background-image: url(/images/sec1bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;/* background-attachment: fixed; */
}
#Branding_Day.section1banner .article {
  padding: 25vh 0 0 0;
}
#Branding_Day.section1banner .sec1logo {
  width: 330px;
  height: 320px;
  margin: 0 auto;
  padding: 0 0 2% 0;
}
#Branding_Day.section1banner .btncenter {
  /*width: 130px; */
  margin: 2vh auto;
  }
#Branding_Day .h1-0 {
  font-size: 60px;
  font-weight: lighter;
  line-height: 70px;
}  
#Branding_Day .tcter {
  text-align: center;
}
#Branding_Day .twhite {
  color: #fff;
}
#Branding_Day .ls5 {
  letter-spacing: 0.5em;
}
#Branding_Day .h5-0 {
  font-size: 20px;
  font-weight: lighter;
  line-height: 25px;
}
#Branding_Day .tgray35 {
  color: #bfbfbf;
}
#Branding_Day .bgbrown {
  background-color: #a28265;
}
#Branding_Day .nubtn a {
  color: #FFFFFF;
  text-decoration: none;
}
#Branding_Day .nubtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 30px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.swiper-container{
  width:100%;
  height:100vh;
}
.swiper-wrapper{
  width:100%;
  height:100%;
}
.swiper-pagination-bullet {
  background: #333;
  opacity: .5;
  border:#bbb solid 1px;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #333;
}
.white>.swiper-pagination-bullet, .white>.swiper-pagination-bullet-active{
  background: #fff;
  border:#333 solid 1px;
} 
@media screen and (max-width: 1366px){
  #Branding_Day .h1-0 {
    font-size: 3em;
  }
  #Branding_Day .h5-0 {
  font-size: 1.2em;
  line-height: 1.5em;
  }
  #Branding_Day .h6-0 {
  font-size: 1.1em;
  line-height: 1.5em;
  }
  #Branding_Day.section1banner .sec1logo {
  width: 250px;
  height:250px;
  }
  #Branding_Day .center1366 {
  width: 90%;
  max-width:1366px;
  padding: 0 5%;
  } 
  #Branding_Day .center1366b {
  width: 100%;
  max-width:1366px;
  padding: 0 5%;
  }  
}  
@media only screen and (min-width: 768px) {
  .Primo8_Moon_P{
	display:none; 
  }
}
@media only screen and (max-width: 768px) {
  #Branding_Day.section1banner .article {
  padding: 30vh 0 0 0;
  }
  .Primo8_Moon_P{
	display: 
  }
  .Primo8_Moon h2 {
	font-size: 29px !important;
  }  
}
@media screen and (max-width: 414px) {
  #Branding_Day.section1banner .sec1logo {
    width: 200px;
    height:200px;
    padding: 0 0 2% 0;
  }
}
@media screen and (max-width: 375px) {
  #Branding_Day.section1banner .article {
  padding: 27vh 0 0 0;
  }
  #Branding_Day.section1banner .sec1logo {
  width: 180px;
  height:180px;
  padding: 0 0 2% 0;
  }
  #Branding_Day.section1banner .mbtspace{
  width:100%;
  height:15%;
  position:absolute;
  bottom:-58;
  z-index:99;
  background-color:rgba(0,0,0,0.5);
  }
  .center1366 {
  max-width:320px;
  }
}
@media screen and (min-width: 327px) and (max-width: 391px){
	.Primo8_Moon h2 {
	    font-size: 24px !important;
	}
}
.Primo8_Moon{
  background: url(/images/Primo8_Moon_back.png) #fff top no-repeat;
  min-height: 100vh;
  width: 100%;
  text-align:center;
  background-size: cover;
}
.Primo8_Moon h1{
  font-size: 40px;
  color: #e5004f;
  font-weight: lighter;
  padding-top: 25vh;
  padding-bottom:10vh; 
}
.Primo8_Moon h1 span {
  font-family: 'Open Sans', sans-serif, '黑體', "微軟正黑體";
  font-size: 82px;
  color: #3e53a3;
}
.Primo8_Moon h2 {
  font-size: 35px;
  color: #8c7359;
  font-weight: lighter;
}
.Primo8_Moon .nubtn{
  margin: 5vh auto 0;
}
.Primo8_Moon .nubtn a{
  color: #fff;
}  
/* #AuditionRoom section1 banner */
#AuditionRoom.section1banner {
  width: 100%;
  height: 100vh;
  background-image: url(/images/AR_bannerbg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;/* background-attachment: fixed; */
}
#AuditionRoom.section1banner .article {
  padding: 25vh 0 0 0;
}
#AuditionRoom.section1banner .btncenter {
  width: 130px; 
  margin: 2vh auto;
}
#AuditionRoom.rel {
  position: relative;
}
#AuditionRoom .h0-1 {
  font-size: 80px;
  font-weight: lighter;
  line-height: 90px;
}
#AuditionRoom .tblack {
  color: #313131;
}
#AuditionRoom .tcter {
  text-align: center;
}
#AuditionRoom .h4-1 {
  font-size: 30px;
  font-weight: lighter;
  line-height: 40px;
}
#AuditionRoom .h6-0 {
  font-size: 16px;
  font-weight: lighter;
  line-height: 16px;
}
/*按鈕*/
#AuditionRoom .nubtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 30px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*漸變*/
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#AuditionRoom .nubtn:hover {
  opacity: 0.8;
}
#AuditionRoom .nubtn a {
  color: #FFFFFF;
  text-decoration: none;
}
#AuditionRoom .nubtn a:hover {
  color: #FFFFFF;
}
#AuditionRoom .bgbrown {
  background-color: #a28265;
}
#AuditionRoom .twhite {
  color: #fff;
}
@media screen and (max-width: 1366px) {
  #AuditionRoom .center1366b {
    width: 100%;
    max-width:1366px;
    padding: 0 5%;
  }
  #AuditionRoom .h0-1 {
    font-size: 4em;
  }
  #AuditionRoom .h6-0 {
    font-size: 1.1em;
    line-height: 1.1em;
  }
}