/* Version:1.0  Author: Amy
  Create Date:2019-12-11
  Update Date:2019-12-17 Amy
  Desc : Reset CSS 
*/  
  
/*Initialization settings begin*/ 
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{overflow-y:scroll; -webkit-text-size-adjust: none;}
body {font-family: 'Noto Sans SC', sans-serif; height:100%; margin: 0; padding:0; overflow: hidden; transition: margin-left .5s, margin-right .5s;}
ul,ol,li{list-style-type:none;}
input[type="text"]{-webkit-appearance: none;}
input {-webkit-appearance:none;}
textarea{-webkit-appearance: none;}
img{border:none; display:block;}
img[usemap], map area{ outline: none;}
.opacity {filter: alpha(opacity=75); -moz-opacity: .75; -khtml-opacity: .75; opacity: .75;}
input:focus{ outline:none;}
/* Clear Fix */  
.clearfix::before,.clearfix::after { display: table;line-height: 0; content:"";}
.clearfix::after{clear:both;}
.clearfix{zoom:1;}

/* Hyperlink */  
a, a:hover, a:focus{ text-decoration:none;}
a.linkblack3{color: #444;} 
a.linkblack3:hover, a.linkblack3:focus{text-decoration: none; color: #333;} 
a.linkPink,a.linkPink:hover, a.linkPink:focus{color: #f95762;} 
a.linkPink:hover, a.linkPink:focus{text-decoration: underline;}
a.linkWhite, a.linkWhite:hover, a.linkWhite:focus{color: #fff;}

a.linktv,a.linktv:hover, a.linktv:focus{color: #4040ff;} 
a.linktv:hover, a.linktv:focus{text-decoration: underline;}

/* Color */  
.gray{color: #777;}
.black333{color: #333;}
.brandclr1{/*color: #d15c70;*/ /*color: rgb(217, 52, 82);*/color: rgb(220, 80, 106);}
.brandclr2{color: #f95762;}
.blue1{color: #4040ff;}
.pink{color: #fd2f6c;}


/*Initialization settings end*/ 

/* back-to-top begin */ 
/*#back-to-top {display: none; position: fixed; text-align: center; color: #f95762; width: 50px; height: 50px; bottom: 10%; right: 1.2%; z-index: 50; background-color: #f95762; padding: 0.5%; opacity: 0.8; border: 1px solid #f95762; cursor: pointer; transition: all, 0.5s; border-radius: 50%; outline: none;}
#back-to-top:hover {background: #fff; border: 1px solid #f95762;}    
#back-to-top img{width:100%; display:block;}*/
#back-to-top {display: none; position: fixed; text-align: center; width: 50px; height: 50px; bottom: 67px; right: 29px; z-index: 50; opacity: 1; border: 0; cursor: pointer; transition: all, 0.5s; border-radius: 100%; outline: none;}
#back-to-top:hover {background: none; border: none;}    
#back-to-top img{width:100%; display:block;}
/* back-to-top end */ 


/* layout begin */
.layout{max-width:1920px; width:100%; margin:0 auto;}
.mgnTop{margin-top: 3%;}
.lineGray{height:0; border-bottom: 1px solid #ddd; -khtml-border-bottom: 1px solid #ddd;}
.hidePC,.showIpad,.showM{display:none;}
/* layout end */


/*Fonts Weight*/
.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}
.fwl{font-weight: lighter;}
.fwn{font-weight: normal;}
.fwi{font-weight: inherit;}
.fwb{font-weight: bold;}
.fwber{font-weight: bolder;}

/* fontSize begin */
.text72{font-size: 72px;}
.text70{font-size: 70px;}
.text68{font-size: 68px;}
.text62{font-size: 62px;}
.text60{font-size: 60px;}
.text58{font-size: 58px;}
.text52{font-size: 52px;}
.text50{font-size: 50px;}
.text48{font-size: 48px;}
.text46{font-size: 46px;}
.text44{font-size: 44px;}
.text42{font-size: 42px;}
.text40{font-size: 40px;}
.text38{font-size: 38px;}
.text36{font-size: 36px;}
.text34{font-size: 34px;}
.text32{font-size: 32px;}
.text30{font-size: 30px;}
.text28{font-size: 28px;}
.text26{font-size: 26px;}
.text24{font-size: 24px;}
.text22{font-size: 22px;}
.text20{font-size: 20px;}
.text18{font-size: 18px;}
.text16{font-size: 16px;}
.text14{font-size: 14px;}
.text12{font-size: 12px;}
/* fontSize end */

@media (max-width:1800px){
	 /* fontSize begin */
    .text72{font-size: 71px;}
    .text70{font-size: 69px;}
    .text68{font-size: 67px;}
    .text62{font-size: 61px;}
    .text60{font-size: 59px;}
    .text58{font-size: 57px;}
    .text52{font-size: 51px;}
    .text50{font-size: 49px;}
    .text48{font-size: 47px;}
    .text46{font-size: 45px;}
    .text44{font-size: 43px;}
    .text42{font-size: 41px;}
    .text40{font-size: 39px;}
    .text38{font-size: 37px;}
    .text36{font-size: 35px;}
    .text34{font-size: 33px;}
    .text32{font-size: 31px;}
    .text30{font-size: 30px;}
    .text28{font-size: 28px;}
    .text26{font-size: 26px;}
    .text24{font-size: 24px;}
    .text22{font-size: 22px;}
    .text20{font-size: 20px;}
    .text18{font-size: 18px;}
    .text16{font-size: 16px;}
    .text14{font-size: 14px;}
    .text12{font-size: 12px;}
    /* fontSize end */
}

@media (max-width:1700px){
     /* fontSize begin */
    .text72{font-size: 70px;}
    .text70{font-size: 68px;}
    .text68{font-size: 66px;}
    .text62{font-size: 60px;}
    .text60{font-size: 58px;}
    .text58{font-size: 56px;}
    .text52{font-size: 50px;}
    .text50{font-size: 48px;}
    .text48{font-size: 47px;}
    .text46{font-size: 45px;}
    .text44{font-size: 43px;}
    .text42{font-size: 41px;}
    .text40{font-size: 39px;}
    .text38{font-size: 37px;}
    .text36{font-size: 35px;}
    .text34{font-size: 33px;}
    .text32{font-size: 31px;}
    .text30{font-size: 30px;}
    .text28{font-size: 28px;}
    .text26{font-size: 26px;}
    .text24{font-size: 24px;}
    .text22{font-size: 22px;}
    .text20{font-size: 20px;}
    .text18{font-size: 18px;}
    .text16{font-size: 16px;}
    .text14{font-size: 14px;}
    .text12{font-size: 12px;}
    /* fontSize end */ 
}

@media (max-width:1600px) {    
	/* fontSize begin */
    .text72{font-size: 66px;}
    .text70{font-size: 64px;}
    .text68{font-size: 62px;}
    .text62{font-size: 58px;}
    .text60{font-size: 56px;}
    .text58{font-size: 54px;}
    .text52{font-size: 50px;}
    .text50{font-size: 48px;}
    .text48{font-size: 46px;}
    .text46{font-size: 44px;}
    .text44{font-size: 42px;}
    .text42{font-size: 40px;}
    .text40{font-size: 38px;}
    .text38{font-size: 36px;}
    .text36{font-size: 34px;}
    .text34{font-size: 33px;}
    .text32{font-size: 30px;}
    .text30{font-size: 29px;}
    .text28{font-size: 27px;}
    .text26{font-size: 25px;}
    .text24{font-size: 23px;}
    .text22{font-size: 21px;}
    .text20{font-size: 19px;}
    .text18{font-size: 17px;}
    .text16{font-size: 15px;}
    .text14{font-size: 14px;}
    .text12{font-size: 12px;}
    /* fontSize end */   
}

@media (max-width:1500px) {    
	 /* fontSize begin */
    .text72{font-size: 64px;}
    .text70{font-size: 62px;}
    .text68{font-size: 60px;}
    .text62{font-size: 56px;}
    .text60{font-size: 54px;}
    .text58{font-size: 52px;}
    .text52{font-size: 48px;}
    .text50{font-size: 46px;}
    .text48{font-size: 45px;}
    .text46{font-size: 43px;}
    .text44{font-size: 41px;}
    .text42{font-size: 39px;}
    .text40{font-size: 37px;}
    .text38{font-size: 35px;}
    .text36{font-size: 33px;}
    .text34{font-size: 32px;}
    .text32{font-size: 30px;}
    .text30{font-size: 28px;}
    .text28{font-size: 26px;}
    .text26{font-size: 24px;}
    .text24{font-size: 22px;}
    .text22{font-size: 20px;}
    .text20{font-size: 18px;}
    .text18{font-size: 16px;}
    .text16{font-size: 14px;}
    .text14{font-size: 13px;}
    .text12{font-size: 12px;}
    /* fontSize end */   
}

@media (max-width:1400px) {    
	 /* fontSize begin */
    .text72{font-size: 62px;}
    .text70{font-size: 60px;}
    .text68{font-size: 58px;}
    .text62{font-size: 54px;}
    .text60{font-size: 52px;}
    .text58{font-size: 50px;}
    .text52{font-size: 46px;}
    .text50{font-size: 45px;}
    .text48{font-size: 44px;}
    .text46{font-size: 42px;}
    .text44{font-size: 40px;}
    .text42{font-size: 38px;}
    .text40{font-size: 36px;}
    .text38{font-size: 34px;}
    .text36{font-size: 32px;}
    .text34{font-size: 31px;}
    .text32{font-size: 29px;}
    .text30{font-size: 27px;}
    .text28{font-size: 26px;}
    .text26{font-size: 24px;}
    .text24{font-size: 22px;}
    .text22{font-size: 20px;}
    .text20{font-size: 18px;}
    .text18{font-size: 16px;}
    .text16{font-size: 14px;}
    .text14{font-size: 13px;}
    .text12{font-size: 12px;}
    /* fontSize end */   
}

@media (max-width:1300px) {
	/*#back-to-top {height:40px; width:40px;} */
	
	 /* fontSize begin */
    .text72{font-size: 60px;}
    .text70{font-size: 58px;}
    .text68{font-size: 56px;}
    .text62{font-size: 53px;}
    .text60{font-size: 50px;}
    .text58{font-size: 48px;}
    .text52{font-size: 45px;}
    .text50{font-size: 44px;}
    .text48{font-size: 43px;}
    .text46{font-size: 41px;}
    .text44{font-size: 39px;}
    .text42{font-size: 37px;}
    .text40{font-size: 35px;}
    .text38{font-size: 33px;}
    .text36{font-size: 31px;}
    .text34{font-size: 30px;}
    .text32{font-size: 28px;}
    .text30{font-size: 27px;}
    .text28{font-size: 26px;}
    .text26{font-size: 24px;}
    .text24{font-size: 22px;}
    .text22{font-size: 20px;}
    .text20{font-size: 18px;}
    .text18{font-size: 16px;}
    .text16{font-size: 14px;}
    .text14{font-size: 13px;}
    .text12{font-size: 12px;}
    /* fontSize end */   
	
}


@media  (min-width:1201px){	
	.mgncpy{margin: 0 auto;width: 43.2%;}
	.mgn570{margin: 0 auto;width: 40%;}
	.mgn550{margin: 0 auto;width: 43%;}
	.mgn540{margin: 0 auto;width: 43.6%;}	
    .mgn460{margin: 0 auto;width: 52.1%;}
	.mgn384{margin: 0 auto;width: 60%;}
	.mgn320{margin: 0 auto;width: 66.7%;}
	.mgn260{margin: 0 auto;width: 72.9%;}
	.mgn240{margin: 0 auto;width: 75%;}
	.mgn200{margin: 0 auto;width: 79.2%;}
	.mgn100{margin: 0 auto;width: 89.5%;}
}

@media  (min-width:1401px) and (max-width:1700px) {
	.mgncpy{margin: 0 auto;width: 44%;}
}

@media  (min-width:1201px) and (max-width:1400px) {
	.mgncpy{margin: 0 auto;width: 45%;}
}
@media  (min-width:1001px) and (max-width:1200px) {
	.mgncpy{margin: 0 auto;width: 97%;}
}

@media  (min-width:768px) and (max-width:1000px) {
	.mgncpy{margin: 0 auto;width: 97%;}
}

@media (max-width:1200px) {
	/*#back-to-top {position: fixed; bottom: -20%}*/
	#back-to-top {height:60px; width:60px; bottom: 80px; right: 25px}
	.mgncpy,.mgn570,.mgn550,.mgn540,.mgn460,.mgn384,.mgn320,.mgn260,.mgn240,.mgn200,.mgn100{padding: 0 6%;}
	
	/* fontSize begin */
    .text72{font-size: 6vw;}
    .text70{font-size: 5.83vw;}
    .text68{font-size: 5.67vw;}
    .text62{font-size: 5.17vw;}
    .text60{font-size: 5vw;}
    .text58{font-size: 1.83vw;}
    .text52{font-size: 4.33vw;}
    .text50{font-size: 4.17vw;}
    .text48{font-size: 4vw;}
    .text46{font-size: 3.83vw;}
    .text44{font-size: 3.67vw;}
    .text42{font-size: 3.5vw;}
    .text40{font-size: 3.33vw;}
    .text38{font-size: 3.17vw;}
    .text36{font-size: 3vw;}
    .text34{font-size: 2.83vw;}
    .text32{font-size: 2.67vw;}
    .text30{font-size: 2.5vw;}
    .text28{font-size: 2.33vw;}
    .text26{font-size: 2.17vw;}
    .text24{font-size: 2vw;}
    .text22{font-size: 1.83vw;}
    .text20{font-size: 1.67vw;}
    .text18{font-size: 1.5vw;}
    .text16{font-size: 1.34vw;}
    .text14{font-size: 1.17vw;}
    .text12{font-size: 1vw;}
    /* fontSize end */   	
	
}

@media (max-width:1100px) {    
	
}


@media  (max-width:1000px){
    .showPC{display: none;}	
}

@media (min-width:768px) and (max-width:1000px) {    
    /* layout start */	
	.layout{max-width:1000px;}
	.mgnTop{margin-top: 3.5%;}
	.lineOrange{height:0; border-bottom: .6vw solid #f75f00;}
	.showIpad{display: block;}
	.hideIpad{display: none;}
	/* layout end*/	
}

@media (max-width:767px) {
	/* layout start */	
	.layout{max-width:767px;}
	.mgnTop{margin-top: 5%;}
	.lineOrange{height:0; border-bottom: .9vw solid #f75f00;}
	a.linkPink:hover, a.linkPink:focus{text-decoration: none; }
	.showM{display:block;}
	.hideM{display:none;}
	/* layout end*/
		
	/* fontSize start */
	.mText78{font-size: 10.17vw;}
	.mText76{font-size: 9.91vw;}
	.mText74{font-size: 9.65vw;}
	.mText72{font-size: 9.39vw;}
	.mText70{font-size: 9.13vw;}
	.mText68{font-size: 8.87vw;}
	.mText66{font-size: 8.6vw;}
	.mText64{font-size: 8.34vw;}
	.mText62{font-size: 8.08vw;}
	.mText60{font-size: 7.82vw;}
	.mText58{font-size: 7.56vw;}
	.mText56{font-size: 7.3vw;}
	.mText54{font-size: 7.04vw;}
	.mText52{font-size: 6.78vw;}
	.mText50{font-size: 6.52vw;}
	.mText48{font-size: 6.26vw;}
	.mText46{font-size: 6vw;}
	.mText44{font-size: 5.74vw;}
	.mText42{font-size: 5.48vw;}
	.mText40{font-size: 5.22vw;}
	.mText38{font-size: 4.95vw;}
	.mText36{font-size: 4.69vw;}
	.mText34{font-size: 4.43vw;}
	.mText32{font-size: 4.17vw;}
	.mText30{font-size: 3.91vw;}	
	.mText28{font-size: 3.65vw;}
	.mText26{font-size: 3.39vw;}
	.mText24{font-size: 3.13vw;}
	.mText22{font-size: 2.87vw;}
	.mText21{font-size: 2.74vw;}
	.mText20{font-size: 2.61vw;}
	.mText18{font-size: 2.35vw;}
	.mText16{font-size: 2.09vw;}
	.mText14{font-size: 1.83vw;}
	.mText12{font-size: 1.57vw;}	
	/* fontSize end */    
	
}

@media (max-width:511px){
	
}

