@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Black.eot);src:url(f/google/GoogleSans-Black.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Black.woff2) format('woff2'),url(f/google/GoogleSans-Black.woff) format('woff'),url(f/google/GoogleSans-Black.ttf) format('truetype'),url(f/google/GoogleSans-Black.svg#GoogleSans-Black) format('svg');font-weight:900;font-style:normal}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Regular.eot);src:url(f/google/GoogleSans-Regular.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Regular.woff2) format('woff2'),url(f/google/GoogleSans-Regular.woff) format('woff'),url(f/google/GoogleSans-Regular.ttf) format('truetype'),url(f/google/GoogleSans-Regular.svg#GoogleSans-Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Light.eot);src:url(f/google/GoogleSans-Light.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Light.woff2) format('woff2'),url(f/google/GoogleSans-Light.woff) format('woff'),url(f/google/GoogleSans-Light.ttf) format('truetype'),url(f/google/GoogleSans-Light.svg#GoogleSans-Light) format('svg');font-weight:300;font-style:normal}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Bold.eot);src:url(f/google/GoogleSans-Bold.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Bold.woff2) format('woff2'),url(f/google/GoogleSans-Bold.woff) format('woff'),url(f/google/GoogleSans-Bold.ttf) format('truetype'),url(f/google/GoogleSans-Bold.svg#GoogleSans-Bold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Italic.eot);src:url(f/google/GoogleSans-Italic.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Italic.woff2) format('woff2'),url(f/google/GoogleSans-Italic.woff) format('woff'),url(f/google/GoogleSans-Italic.ttf) format('truetype'),url(f/google/GoogleSans-Italic.svg#GoogleSans-Italic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-BlackItalic.eot);src:url(f/google/GoogleSans-BlackItalic.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-BlackItalic.woff2) format('woff2'),url(f/google/GoogleSans-BlackItalic.woff) format('woff'),url(f/google/GoogleSans-BlackItalic.ttf) format('truetype'),url(f/google/GoogleSans-BlackItalic.svg#GoogleSans-BlackItalic) format('svg');font-weight:900;font-style:italic}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-MediumItalic.eot);src:url(f/google/GoogleSans-MediumItalic.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-MediumItalic.woff2) format('woff2'),url(f/google/GoogleSans-MediumItalic.woff) format('woff'),url(f/google/GoogleSans-MediumItalic.ttf) format('truetype'),url(f/google/GoogleSans-MediumItalic.svg#GoogleSans-MediumItalic) format('svg');font-weight:500;font-style:italic}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-BoldItalic.eot);src:url(f/google/GoogleSans-BoldItalic.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-BoldItalic.woff2) format('woff2'),url(f/google/GoogleSans-BoldItalic.woff) format('woff'),url(f/google/GoogleSans-BoldItalic.ttf) format('truetype'),url(f/google/GoogleSans-BoldItalic.svg#GoogleSans-BoldItalic) format('svg');font-weight:700;font-style:italic}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-LightItalic.eot);src:url(f/google/GoogleSans-LightItalic.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-LightItalic.woff2) format('woff2'),url(f/google/GoogleSans-LightItalic.woff) format('woff'),url(f/google/GoogleSans-LightItalic.ttf) format('truetype'),url(f/google/GoogleSans-LightItalic.svg#GoogleSans-LightItalic) format('svg');font-weight:300;font-style:italic}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-ThinItalic.eot);src:url(f/google/GoogleSans-ThinItalic.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-ThinItalic.woff2) format('woff2'),url(f/google/GoogleSans-ThinItalic.woff) format('woff'),url(f/google/GoogleSans-ThinItalic.ttf) format('truetype'),url(f/google/GoogleSans-ThinItalic.svg#GoogleSans-ThinItalic) format('svg');font-weight:100;font-style:italic}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Medium.eot);src:url(f/google/GoogleSans-Medium.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Medium.woff2) format('woff2'),url(f/google/GoogleSans-Medium.woff) format('woff'),url(f/google/GoogleSans-Medium.ttf) format('truetype'),url(f/google/GoogleSans-Medium.svg#GoogleSans-Medium) format('svg');font-weight:500;font-style:normal}@font-face{font-family:'Google Sans';src:url(f/google/GoogleSans-Thin.eot);src:url(f/google/GoogleSans-Thin.eot?#iefix) format('embedded-opentype'),url(f/google/GoogleSans-Thin.woff2) format('woff2'),url(f/google/GoogleSans-Thin.woff) format('woff'),url(f/google/GoogleSans-Thin.ttf) format('truetype'),url(f/google/GoogleSans-Thin.svg#GoogleSans-Thin) format('svg');font-weight:100;font-style:normal}
@font-face{font-family:'HelvetIns';src:url(f/utm/UTMHelvetIns.eot);src:url(f/utm/UTMHelvetIns.eot?#iefix) format('embedded-opentype'),url(f/utm/UTMHelvetIns.woff2) format('woff2'),url(f/utm/UTMHelvetIns.woff) format('woff'),url(f/utm/UTMHelvetIns.ttf) format('truetype');font-weight:400;font-style:normal}

html,body{width:100%;max-width:480px;margin:auto;}
body{
	font: 16px/1.3 'Google Sans', sans-serif;
	color: #333;
}
[class*=icd2020t7-], [class^=icd2020t7-],#w-s6 li:before {
    background-image: url(../i2020-t7/icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.ctn{
	padding-left: 10px;
	padding-right: 10px;
}
.row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.row-img{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.bgwhite{
	background: #fff;
}
.p0{padding:0!important;}
/******** HEADER ********/
#header{
	background: #d14775;
	padding: 10px 0;
	color: #fff;
}
#w-header{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}
#header #btn_menu{
	text-align: center;
	font-size: 30px;
	border: none;
	background: transparent;
	color: #fff;
}
#header #btn_menu i{
	line-height: 1;
}
#header #logo{
	flex: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 15px;
}

/******** MAIN ********/
section:not(#cd2020t7-banner){
	padding: 25px 0;
}
.sec-tit{
	font: 26px/1.4 'HelvetIns';
	margin-bottom: 1.3rem;
	text-align: center;
	text-transform: uppercase;
}
.sec-tit span{
	color: #d14775;
}
.sec-tit .des{
	margin-top: 1rem;
	text-transform: none;
	font-family: 'Google Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.sec-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.2rem .625rem 0;
}
/*s1*/
.box-s1{
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 .625rem 1rem;
	text-align: center;
}
.box-s1 img{
	width: 100%;
	max-width: 160px;
	margin-bottom: 0.625rem;
}
/*s2*/
#cd2020t7-s2{
	background: #ffc600;
	padding-bottom: 0 !important;
}
#test-list{
	background: #5a0084;
}
.test-tit{
	display: flex;
	align-items: center;
	background: #fff;
	padding: .375rem .625rem;
	font-size: 18px;
	font-weight: 700;
	min-height: 50px;
}
.test-ct{
	display: flex;
	flex-wrap: wrap;
	padding: 1rem .625rem;
	color: #fff;
}
.test-ct label{
	display: inline-block;
	float: left;
	width: 100%;
	padding: 5px 0;
	font-weight: 400;
}
.test-ct .option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 15px;
    width: 15px;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    margin-right: 5px;
    padding: 0 !important;
}
.test-ct .option-input:checked{
	background: #fff000;
	border-color: #fff000;
}
.test-note{
	padding: .625rem;
	display: flex;
	align-items: center;
}
.test-note i{
	width: 41px;
	height: 63px;
	background-position: -55px 0;
}
.test-note span{
	flex: 1;
	padding-left: 1rem;
}
.test-contact{
	background: #f5f5f5;
	padding: 1.3rem .625rem 2rem;
	display: flex;
	flex-direction: column;
}
.test-contact p b{
	color: #13a24b;
}
.test-contact p b+b{
	color: #cd2041;
}
.test-contact input{
	margin: 1rem 0 .875rem;
	width: 100%;
	height: 50px;
	background: #fff;
	border-color: #c1c1c1;
	padding: 0 10px;
	box-shadow: inset 0px 1px 5px 1px rgb(0 0 0 / 35%);
}
#test-btn{
	display: flex;
	justify-content: space-between;
}
#test-btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 7px);
	height: 60px;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 1px 2px 5px rgb(21 21 21 / 74%);
	color: #fff;
	font-weight: 500;
	text-align: center;
	position: relative;
	font-size: 14px;
}
#test-btn a:before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 10px;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#test-btn a#test-btnsend,#test-btn a#test-btnlive.active{
	background: #e93154;
}
#test-btn a#test-btnlive,#test-btn a#test-btnsend.active{
	background: #14ae51;
}
#test-btn i, #test-btn span{
	position: relative;
	z-index: 1;
}
#test-btn span{
	padding-left: 5px;
}
#test-btn a#test-btnsend i{
	width: 29px;
	height: 39px;
	background-position: -97px 0;
}
#test-btn a#test-btnlive i{
	width: 37px;
	height: 43px;
	background-position: -127px 0;
}
.frm-contact{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 2rem 0;
	border-radius: 50px;
	border: 2px solid #fff;
	box-shadow: 0 0 10px #303030;
	padding: 1rem 1rem 1.5rem;
	background: rgb(2,146,63);
	background: -moz-linear-gradient(180deg, rgba(2,146,63,1) 0%, rgba(87,25,136,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(2,146,63,1) 0%, rgba(87,25,136,1) 100%);
	background: linear-gradient(180deg, rgba(2,146,63,1) 0%, rgba(87,25,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02923f",endColorstr="#571988",GradientType=1);
}
.frm-contact p{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 1rem;
}
.frm-contact input{
	width: 100%;
	height: 50px;
	border-radius: 99999px;
	margin-bottom: 0.625rem;
	padding: 0 1rem;
}
.frmct-btn{
	display: flex;
	justify-content: space-between;
	margin-top: .5rem;
}
.frmct-btn a{
	width: calc(50% - 7px);
	height: 50px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	box-shadow: 1px 1px 10px rgb(0 4 9 / 50%)
}
.frmct-btn a#frmct-send,.frmct-btn a#frmct-live.active{
	background: #ef9d00;
}
.frmct-btn a#frmct-live,.frmct-btn a#frmct-send.active{
	background: #dc2345;
}
#tit-s4{
	background: url(../i2020-t7/bg-1.jpg) center center no-repeat;
	background-size: cover;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: italic;
	text-transform: uppercase;
	font-family: 'HelvetIns', sans-serif;
	color: #ff0043;
	text-align: center;
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 1rem;
}
.des-s4{
	font-weight: 500;
	text-align: center;
	font-style: italic;
}
#w-s4{
	margin-top: 1.5rem;
}
.box-s4{
	padding: 1rem .625rem;
	border-bottom: 1px dashed #d8d8d8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
}
.box-s4:last-child{
	border: none;
}
.box-s4:nth-child(even){
	flex-direction: row-reverse;
}
.box-s4:nth-child(even) span{
	padding-right: 10px;
}
.box-s4:nth-child(odd) span{
	padding-left: 10px;
}
.box-s4 img{
	width: 120px;
}
.box-s4 img span{
	flex: 1;
}

/*s5*/
#w-s5{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 1rem 0;
}
.box-s5{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(50% - 7px);
	margin-bottom: 1rem;
	border: 1px solid #d94f7d;
	border-radius: 5px;
	padding: .5rem;
	text-align: center;
	background: #fff5f8;
}
.box-s5 span{
	text-align: justify;
	margin-top: 7px;
}
#tit-camket{
	background: url(../i2020-t7/bg-2.jpg) center center no-repeat;
	background-size: cover;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-family: 'HelvetIns', sans-serif;
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 1rem;
}
#w-camket li{
	padding: 5px 0 5px 15px;
	position: relative;
}
#w-camket li:before{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #d94f7d;
	position: absolute;
	top: 11px;
	left: 0;
}
#w-camket li span{
	display: block;
	padding-left: 35px;
}

/*s6*/
#w-s6{
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}
#w-s6 li{
	width: 100%;
	padding: 1rem .625rem 1rem 2.5rem;
	position: relative;
}
#w-s6 li:nth-child(even){
	background: #e8e8e8;
}
#w-s6 li:before{
	content: '';
	width: 21px;
	height: 21px;
	background-position: -96px -42px;
	position: absolute;
	top: 50%;
	left: .625rem;
	transform: translateY(-50%);
}

/*s7*/
#cd2020t7-s7{
	padding-top: 0!important;
	padding-bottom: 0!important;
}
#cd2020t7-s7 .sec-tit{
	background: #ffc925;
	padding: 1rem .625rem;
	margin-bottom: 0;
}
#cd2020t7-s7 .sec-content{
	background: url(../i2020-t7/bg-3.jpg);
	padding: 1.5rem .625rem;
}
.box-s7{
	display: flex;
	align-items: center;
	padding: .5rem 0;
}
.box-s7:nth-child(even){
	flex-direction: row-reverse;
}
.box-s7 img{
	width: 120px;
	box-shadow: 0 0 15px rgb(55 55 55 / 35%);
	border-radius: 50%;
}
.box-s7 span{
	flex: 1;
	padding-left: 0.625rem;
}
.box-s7:nth-child(even) span{
	padding-left: 0;
	padding-right: 0.625rem;
}
.box-s7 span b{
	color: #cd4673;
}
/*s8*/
#cd2020t7-s8{
	background: url(../i2020-t7/bg-4.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 0!important;	
}
#cd2020t7-s8 .sec-tit{
	color: #fff;
}
#cd2020t7-s8 .des{
	color: #fff;
}

#w-bs{
	padding: 2rem 0;
}
.boxbs img{
	display: block;
	width: 120px;
	margin: auto;
	position: relative;
	z-index: 1;
}
.inf-bs{
	background: #fff;
	padding: 4.5rem .625rem 1rem;
	border-radius: 10px;
	margin-top: -60px;
}
.name-bs{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1rem;
	font-weight: 500;
}
.name-bs span{
	font-size: 18px;
}
.name-bs strong{
	text-transform: uppercase;
	color: #cc4370;
}
.boxbs li{
	display: block;
	padding: 5px 0 5px 15px;
	position: relative;
}
.boxbs li:before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #cd4673;
	position: absolute;
	top: 10px;
	left: 0;
}


/*s10*/
#cd2020t7-s10{
	background: #fff6eb;
	padding-bottom: 0!important;
}
.box-phbn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}
.box-phbn img{
	display: block;
	margin: auto;
	box-shadow: 0 0 10px rgb(0 4 9 / 60%);
	border-radius: 50%;
}
.box-phbn b{
	display: block;
	text-align: center;
	padding: 1rem 0;
	text-transform: uppercase;
	color: #cd4673;
}
.box-phbn p{
	text-align: center;
	line-height: 1.6;
	font-style: italic;
}
#s10Contact-frm{
	padding: 1rem .625rem 3rem;
}
#s10Contact-tit{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #d14775;
	font-style: italic;
	font-size: 35px;
	width: 100%;
	font-weight: 500;
	letter-spacing: -1px;
}
#s10Contact-tit i{
	width: 54px;
	height: 53px;
	background-position: 0 0;
	margin-right: 10px;
}
#s10Contact-frm input{
	width: 100%;
	height: 45px;
	background: #fff;
	border: 1px solid #999;
	margin-bottom: 15px;
	padding: 0 10px;
	outline: none;
}
#s10Contact-frm button{
	width: 100%;
	height: 55px;
	background: #d14775;
	font: italic 22px 'Google Sans';
	color: #fff;
	border: none;
	margin: 10px 0;
}
#s10Contact-frm button.active{
	background: #099;
}
#s10Contact-frm button i{
	margin-left: 10px;
	font-size: 30px;
}

/* FOOTER */
footer{
	padding: 20px 0 100px;
	background: #021316 url(../i2020-t7/bg-ft.png) right center no-repeat;
	color: #fff;
}
footer .ft1{
	text-align: center;
	text-transform: uppercase;
	font-family: 'HelvetIns', sans-serif;
	line-height: 1.6;
	color: #fff;
	font-size: 26px;
}
footer .ft1 span{
	font-size: 30px;
}

footer .line-ft{
	display: block;
	width: 250px;
	height: 2px;
	background: #fff;
	margin: 20px auto;
}
footer .ft2 li{
	padding: 5px 0;
}
footer .ft2 li i{
	width: 20px;
}

/* RESPONSIVE */
@media screen and (min-width: 375px){
	#test-btn a,.frmct-btn a{font-size: 16px;}
	#test-btn span{padding-left: 10px;}
	#tit-camket{font-size: 30px;line-height: 1.4;}
	#cd2020t7-s6 .sec-tit{display: flex;flex-direction: column;}
	#s10Contact-tit{font-weight: 700;}
}
@media screen and (min-width: 411px){
	body{
		font-size: 16px;
	}
	section:not(#cd2020t7-banner){padding:30px 0;}
	.sec-tit{margin-bottom:1.5rem}
	.test-note{padding-top: 1rem;padding-bottom: 1rem;}
	#cd2020t7-s10 .sec-tit{display: flex;flex-direction: column;}
}
@media screen and (min-width: 440px){
	.sec-tit{font-size: 30px;}
}
@media screen and (min-width: 480px){
	
}











.slick-dots li button:before{
	display: none !important;
}
.slick-dots li button{
	width: 15px;
	height: 15px;
	border: 1px solid #cd4673;
	border-radius: 50%;
}
.slick-dots li.slick-active button{
	background: #cd4673;
}
#w-bs .slick-dots{
	bottom: -10px;
}
#w-bs .slick-dots li button{
	border-color: #fff;
}
#w-bs .slick-dots li.slick-active button{
	background: #fff;
}