@charset "utf-8";

/* noto-sans-regular - latin_vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/notosans/noto-sans-v9-latin_vietnamese-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-regular.woff') format('woff'), /* Modern Browsers */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin_vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../font/notosans/noto-sans-v9-latin_vietnamese-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-700.woff') format('woff'), /* Modern Browsers */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/notosans/noto-sans-v9-latin_vietnamese-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-regular - thai */
@font-face {
  font-family: 'Noto Sans TH';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/notosans/NotoSansThai-Regular.eot');
  src: url('../../font/notosans/NotoSansThai-Regular.eot?#iefix') format('embedded-opentype'),
       url('../../font/notosans/NotoSansThai-Regular.woff2') format('woff2'),
       url('../../font/notosans/NotoSansThai-Regular.woff') format('woff'),
       url('../../font/notosans/NotoSansThai-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans TH';
  font-style: normal;
  font-weight: 700;
  src: url('../../font/notosans/NotoSansThai-Bold.eot');
  src: url('../../font/notosans/NotoSansThai-Bold.eot?#iefix') format('embedded-opentype'),
       url('../../font/notosans/NotoSansThai-Bold.woff2') format('woff2'),
       url('../../font/notosans/NotoSansThai-Bold.woff') format('woff'),
       url('../../font/notosans/NotoSansThai-Bold.ttf') format('truetype');
}
/* noto-sans-hk-regular - latin_chinese-hongkong */
@font-face {
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans HK Regular'), local('NotoSansHK-Regular'),
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.woff') format('woff'), /* Modern Browsers */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-regular.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}
/* noto-sans-hk-700 - latin_chinese-hongkong */
@font-face {
  font-family: 'Noto Sans HK';
  font-style: normal;
  font-weight: 700;
  src: url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans HK Bold'), local('NotoSansHK-Bold'),
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.woff') format('woff'), /* Modern Browsers */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/notosans/noto-sans-hk-v5-latin_chinese-hongkong-700.svg#NotoSansHK') format('svg'); /* Legacy iOS */
}

/* noto-sans-tc-regular - chinese-traditional_latin */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans TC Regular'), local('NotoSansTC-Regular'),
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-regular.svg#NotoSansTC') format('svg'); /* Legacy iOS */
}
/* noto-sans-tc-700 - chinese-traditional_latin */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans TC Bold'), local('NotoSansTC-Bold'),
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/notosans/noto-sans-tc-v10-chinese-traditional_latin-700.svg#NotoSansTC') format('svg'); /* Legacy iOS */
}

.eventName *{font-family:'Noto Sans', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans TH', Arial, sans-serif !important}

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
.db1000{display:none;}
.db750{display:none;}
.db480{display:none;}

.con1{background:#ffffff;}
.con1 .padding{padding:13.3% 0 14.2%;}
.con1 .tit{text-align:left; color:#0b352a; line-height: 1.1;}
.con1 .tit p:nth-child(1){font-size:7rem;}
.con1 .tit p:nth-child(2){font-size:4.3rem;}
.con1 .tit p:nth-child(3){display:block; width:247px; height:2px; background:currentColor; margin-top:43px; position:relative; z-index:10;}
.con1 .visual{margin-top: -50px; position:relative;}
.con1 .visual:before{position:absolute; content:''; width:23px; height:126px; bottom:0; right:0; background:url(images_en/logo.png) no-repeat center center;}
.con1 .visual p{display:inline-block; width:100%; max-width:780px;}
.con1 .period{margin-top: 22px; }
.con1 .period p{display:inline-block; width:100%; max-width:780px; color:#222222; font-size:3rem; text-align:right;}

.con2{background:#fafafa;}
.con2 .padding{padding:11.6% 0 17.6%;}
.con2 .tit{text-align:right; position:relative;}
.con2 .tit:before{position:absolute; content:''; width:131px; height:22px; top:57px; left:0; background:url(images_en/logo2.png) no-repeat center center;}
.con2 .tit p:nth-child(1){display:inline-block; width:60%;}
.con2 .tit p:nth-child(2){box-sizing:border-box; padding-right:27px; margin-top:15px; color:#666666; font-size:1.6rem; position:relative;}
.con2 .tit p:nth-child(2):before{position:absolute; content:''; width:2px; height:516px; background:#222222; right:5px; top:0;}
.con2 .visual{text-align:left; margin-top:77px;}

.con3{background:#ffffff;}
.con3 .padding{padding:132px 0 150px;}
.con3 .tit p:nth-child(1){display:inline-block; width:50%;}
.con3 .icon{margin-top:80px; position:relative;}
.con3 .icon:before{position:absolute; content:''; width:100%; height:1px; background:#ffbf62; top:50%; left:50%; transform:translateX(-50%);}
.con3 .icon ul{position:relative; z-index:10;}
.con3 .icon li{display:inline-block; box-sizing:border-box; border:1px solid #111111; border-radius:50%; width:244px; height:244px; padding:44px 0 0; position:relative; background:#ffffff;}
.con3 .icon li:nth-child(n+2){margin-left:80px;}
.con3 .icon li p:nth-child(1){}
.con3 .icon li p:nth-child(2){margin-top:10px; font-size:1.7rem; color:#222222;}
.con3 .hash{margin-top:50px;}
.con3 .hash p:nth-child(1){font-size:2.6rem; color:#222222;}
.con3 .hash p:nth-child(2){margin-top:5px; }
.con3 .hash p:nth-child(2) a{font-size:1.8rem; display:inline-block; color:#ffffff; background:#aaaaaa; padding:1px 29px; border-radius:5px;}

.con4{background:#fafafa;}
.con4 .padding{padding:14.4% 0 15%;}
.con4 .tit p:nth-child(1){display:inline-block; width:50%;}
	.slide-area{margin-top:76px; position:relative;}
	.slide{padding:0 6%; box-sizing:border-box;}
	.slide-area li {position: relative; display: inline-block;}
	.arrow{position:absolute; top:50%; transform:translateY(-50%);}
	.prev{left:0;}
	.next{right:0;}

.con5{background:#ffffff;}
.con5 .padding{padding:13.8% 0 14.2%;}
.con5 .tit{text-align:left; position:relative;}
.con5 .tit p:nth-child(1){color:#222222; font-size:6.3rem; font-weight:bold; position:relative;}
.con5 .tit p:nth-child(2){color:#666666; font-size:1.6rem;}
.con5 .tit p:nth-child(3){color:#222222; font-size:13px; position:absolute; right:0; top:39px;}
.con5 .tit p:nth-child(1):before{position:absolute; content:''; width:310px; height:2px; top:50%; left:192px; background:currentColor;}
.con5 .step{margin-top:63px;}
.con5 .step ul{display:flex; justify-content: space-between;}
.con5 .step li{text-align:left; width:32%;}
.con5 .step li p:nth-child(2){margin-top:22px; font-size:14px; color:#222222; box-sizing:border-box; padding-left:58px; position:relative; letter-spacing: 0;}
.con5 .step li p:nth-child(2):before{position:absolute; content:'01'; top:0; left:0; font-size:3rem; color:#ffd8b2; font-weight:bold; line-height: 1;}
.con5 .step li:nth-child(2) p:nth-child(2):before{content:'02'; color:#ffded7;}
.con5 .step li:nth-child(3) p:nth-child(2):before{content:'03'; color:#ccecff;}

.con6{background:#eff7f1;}
.con6 .padding{padding:13% 0 11.2%;}
.con6 .tit p:nth-child(1){color:#222222; font-size:6.3rem; font-weight:bold; }
.con6 .tit p:nth-child(2){display:inline-block; width:120.6%; margin-left:50%; transform:translateX(-50%); margin-top:9.4%;}
.con6 .tit p:nth-child(3){color:#222222; font-size:3.2rem; margin-top:1.5%;}
.con6 .tit p:nth-child(4){color:#222222; font-size:15px; margin-top:1.5%;}

.con7{background:#fafafa; text-align:left;}
.con7 .padding{padding:5.7% 0;}
.con7 .tit p:nth-child(1){color:#333333; font-size:2.6rem; font-weight:bold; }
.con7 .notice{color:#666666; font-size:15px; margin-top:15px;}
.con7 .notice li{box-sizing:border-box; padding-left:7px; position:relative; line-height: 1.8; letter-spacing: -0.5px;}
.con7 .notice li a{color:#666666;}
.con7 .notice li:before{position:absolute; top:0; left:0; content:'-';}









@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:90%;}
.dn1000{display:none;}
.db1000{display:inline-block;}

.con1 .visual:before{display:none;}
.con2 .tit p:nth-child(2):before{height:82px;}

.con3 .icon{margin-top:33px;}
.con3 .icon:before{width:1px; height:100%; top:0; }
.con3 .icon li{display:block; width:183px; height:183px; margin:0 auto;}
.con3 .icon li:nth-child(n+2){margin:20px auto 0;}
.con3 .icon li p:nth-child(1) img{width:54px;}



}

@media screen and (max-width: 750px){
.dn750{display:none;}
.db750{display:inline-block;}
.padding{padding:60px 0 !important;}

.con1 .visual{margin-top: -29px;}
.con1 .tit p:nth-child(1){font-size:5rem;}
.con1 .tit p:nth-child(2){font-size:3rem;}
.con1 .tit p:nth-child(3){width:2px; height:54px; margin-top:10px; margin-left:19px;}
.con1 .period{margin-top: 11px; }
.con1 .period p{font-size:2rem;}

.con2 .visual{margin-top:56px;}
.con2 .tit:before{display:none;}

.slide-area{margin-top:40px;}
.slide{padding:0 13%;}

.con5 .tit p:nth-child(1){font-size:34px;}
.con5 .tit p:nth-child(1):before{width:26%; left:26%;}
.con5 .tit p:nth-child(3){top:12px;}
.con5 .step{margin-top:33px;}
.con5 .step ul{display:inline-block;}
.con5 .step li:nth-child(n+2){margin-top:24px;}
.con5 .step li{width:225px; margin-left:auto; margin-right:auto;}
.con5 .step li p:nth-child(2){margin-top:12px; padding-left:38px;}


.con6 .tit p:nth-child(1){font-size:4rem;}

.con7 .notice{font-size:12px;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:inline-block;}

.con5 .tit p:nth-child(3){font-size:10px; top:18px;}
}