@import url('https://fonts.googleapis.com/css?family=Roboto:300,700&display=swap');

body{ font-family:'Roboto', sans-serif;font-size:16px;color:#333333;background-color:#febe10;background-image:url('../img/thai-pattern.png'); }

.container{ position:relative;width:1200px;margin:0 auto;padding:0 20px;overflow:hidden; }

.bg-header{ position:relative;margin:0 auto;background-image:url('../img/bg-header.png');background-repeat:no-repeat;background-position:center -61px; }
.bg-spotlight{ position:relative;margin:0 auto;background-image:url('../img/bg-sportlight.png');background-repeat:no-repeat;/*background-attachment:fixed;*/background-position:center -472px; }

.logo-header{ position:relative;padding:10px 0 0 0;text-align:center; }

.bg-banner{ position:relative;margin:0 auto;height:500px;background-image:url('../img/bg-white20.png');margin-top:-10px; }

.slide-layout{ float:right;width:71.2890625%; }
.banner-wording{ float:left;width:28.7109375%; }

.slideshow .img-slide-1, .slideshow .img-slide-2, .slideshow .img-slide-3, .slideshow .img-slide-4, .slideshow .img-slide-5, .slideshow .img-slide-pre, .slideshow .img-slide-live{ background-size:cover;height:500px;background-repeat:no-repeat;background-position:center center; }
.slideshow .img-slide-1{ background-image:url('../img/slide/slide1.jpg'); }
.slideshow .img-slide-2{ background-image:url('../img/slide/slide2.jpg'); }
.slideshow .img-slide-3{ background-image:url('../img/slide/slide3.jpg'); }
.slideshow .img-slide-4{ background-image:url('../img/slide/slide4.jpg'); }
.slideshow .img-slide-5{ background-image:url('../img/slide/slide5.jpg'); }
.slideshow .img-slide-pre{ background-image:url('../img/slide/pre-slide.jpg'); }
.slideshow .img-slide-live{ background-image:url('../img/slide/Live-Banner.jpg'); }

.wording{ float:right;padding:180px 20px 0 0;color:#026475;/*max-width:364px;min-width:324px;margin-top:195px;margin-left:14px;*/  }
.wording1{  }
.wording-slogan1{ font-size:22px;margin-top:7px; }
.wording-slogan2{ font-size:42px; }
.wording-date{ font-size:34px;margin-top:90px; }
.wording-place{ font-size:20px; }

.welcome{ background-color:#026475;padding:10px 0 7px 0;text-align:center;font-size:18px;color:white; }
.organizer{ background-color:#fefbaf;padding:7px 0 4px 0;text-align:center;color:#64000c;font-size:18px; }

.superscript{ font-size:12px;vertical-align:super; }

ul.nav-menu{ position:relative; }
ul.nav-menu>li{ float:left;display:inline-block;position:relative;list-style:none; }
ul.nav-menu>li a{ display:block;position:relative;padding:35px 26.95px;text-decoration:none;color:inherit;*color:white;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li:first-child{  }
ul.nav-menu>li a:hover{ background-color:#026475;color:white; }

p{ padding-bottom:14px; }
p:last-child{ padding-bottom:0px; }
p>img{ display:block;width:100%; }

ul.style-1{ margin:0 0 14px 21px; }
ul.style-1:last-child{ margin:0 0 0 21px; }

.message-chairman{ height:365px;overflow:hidden; }
.message-figure{ position:relative;float:left;width:372px;margin-right:28px;overflow:hidden; }
.message-detail{ position:relative;float:left;width:744px;overflow:hidden; }

.text-figure, .program-speaker-detail{ text-align:center;font-size:14px;color:#6a6a6a; }

.bg-white10{ background-image:url('../img/bg-white10.png'); }
.bg-white20{ background-image:url('../img/bg-white20.png'); }
.bg-white30{ background-image:url('../img/bg-white30.png'); }
.bg-white40{ background-image:url('../img/bg-white40.png'); }

.bg-teal{ background-color:#026475; }
.bg-green{ background-color:#1e4d2b; }
.bg-blue{ background-color:#031634; }
.bg-red{ background-color:#64000c; }
.bg-yellow{ background-color:#ffc003; }

.speaker-block{ background-image:url('../img/bg-speaker-1.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;color:white;background-attachment: fixed; }
.speaker-layout{ display:block;text-align:center; }
.speaker-layout img{ width:150px;border-radius: 50%;border:2px solid white; }
.speaker-img{ display:inline-block;text-align:center;margin-bottom:4px; }
.speaker-name{ font-weight:bold;font-size:14px; }
.speaker-detail{ font-size:14px; }
ul.speaker-list{ position:relative; }
ul.speaker-list>li{ list-style:none;display:inline-block;width:232px;background-image:url('../img/bg-white20.png');padding:20px;margin-right:14px;margin-bottom:14px;vertical-align:top; }
ul.speaker-list>li:nth-child(4n){ margin-right:0px; }

.welcome-block3-1, .abstract-block3-1, .scholarship-block3-1{ display:block;float:left;width:372px;margin-right:28px; }
.welcome-block3-1 img, .abstract-block3-1 img, .scholarship-block3-1 img{ display:block;width:100%; }
.welcome-block3-2, .abstract-block3-2, .scholarship-block3-2{ display:block;float:left;width:744px; }


.header-bar{ padding:10px 28px;background-color:#026475;color:white; }
.header-bar-platinum{ padding:10px 28px;background-color:#efefef; }
.header-bar-gold{ padding:10px 28px;background-color:#f6dd7d; }
.header-bar-silver{ padding:10px 28px;background-color:#d5d5d5; }

.header-bar-icon{ float:right;padding:10px 28px;background-color:#031634; }
.header-bar-icon img{ display:inline-block;vertical-align:middle; }

ul.block-frontpage, ul.block-sponsor, .block-sponsor2{ position:relative; }
ul.block-frontpage>li, ul.block-sponsor>li{ list-style:none;position:relative;float:left;display:inline-block;width:381px;margin-right:28px;background-image:url('../img/bg-white20.png'); }
ul.block-frontpage>li:last-child, ul.block-sponsor>li:last-child{ margin-right:0; }
ul.block-sponsor>li:nth-child(3n){ margin-right:0; }
ul.block-frontpage>li .block-frontpage-figure img{ display:block;width:100%; }
ul.block-sponsor2>li{ list-style:none;position:relative;float:left;display:inline-block;width:586px;margin-right:28px;background-image:url('../img/bg-white20.png'); }
ul.block-sponsor2>li:last-child{ margin-right:0; }
.text-sponsor-price{ color:#c51e3a;text-align:center;font-weight:bold; }
.text-discount-price{ text-decoration:line-through; }

ul.overall-program{ list-style:none;display:block; }
ul.overall-program>li{ float:left;position:relative;margin:0 14px;width:530px; }
ul.overall-program>li:first-child{margin-left:0; }
ul.overall-program>li:last-child{margin-right:0; }

ul.program-date{ list-style:none;display:block;font-size:14px; }
ul.program-date>li{ float:left;position:relative;margin:0 14px;width:304px;background-image:url('../img/bg-white20.png');padding:20px; }
ul.program-date>li:first-child{margin-left:0; }
ul.program-date>li:last-child{margin-right:0; }

ul.program-detail{ list-style:none; }
ul.program-detail>li{ display:block;border-bottom:1px dashed #333333;padding:7px 0; }
ul.program-detail>li:first-child{ border-top:1px solid #333333; }
ul.program-detail>li:last-child{ border-bottom:0;padding-bottom:0; }

.program-category{ font-weight:bold; }
.program-title{ margin-left:21px;font-weight:bold;color:#026475; }
.program-speaker{ margin-left:21px;font-weight:bold; }
.program-workshop-title{ font-weight:bold;color:#026475; }
.program-workshop-speaker{ font-weight:bold; }

.program-day1{ color:#177246; }
.program-day2{ color:#ff7f00; }
.program-day3{ color:#0d4e91; }

.accom-img-left{ position:relative;float:left;width:360px;margin-right:20px; }
.accom-img-right{ position:relative;float:right;width:360px;margin-left:20px; }




ul.block-content3, ul.block-content4{ position:relative;list-style:none; }
ul.block-content3>li{ position:relative;float:left;display:inline-block;width:381px;margin-right:28px;background-image:url('../img/bg-white20.png'); }
ul.block-content3>li img{ width:100%;display:block; }

ul.block-content4>li{ position:relative;float:left;display:inline-block;width:360px;margin-right:30px;background-image:url('../img/bg-white30.png'); }
ul.block-content3>li:last-child, ul.block-content4>li:last-child{ margin-right:0; }

ul.workshop-section-4col{ list-style:none; }
ul.column-workshop1>li>div.block-inner, ul.speaker3>li>div.block-inner{ padding:0 14px; }
ul.column-workshop1>li{ width:324px;position:relative;float:left;display:block;margin-right:28px; }
ul.column-workshop1>li:last-child, ul.workshop-section-4col>li:last-child{ margin-right:0px; }
ul.workshop-section-4col>li{ width:236px;position:relative;float:left;display:block;margin-right:28px; }
ul.speaker3>li{ width:50%;position:relative;float:left;display:block;margin-bottom:28px; }

ul.nav-menu4{ font-size:15px;position:relative;list-style:none;display:block; }
ul.nav-menu4>li{ float:left;display:inline-block;position:relative;border-left:1px solid #dbdbdb; }
ul.nav-menu4>li a{ display:block;padding:11px 19px 7px 19px; }
ul.nav-menu4>li:last-child{ border-right:1px solid #dbdbdb; }

.block-content3-1{ position:relative;float:left;width:400px; }
.block-content3-2{ position:relative;float:left;width:800px; }
.block-content2{ position:relative;float:left;width:50%; }
.block-content3-1-inner{ position:relative;float:left;width:360px; }

.block-content3-1 img{ display:block;width:100%; }

.block-promo{ position:relative;width:100%;overflow:hidden;height:360px; }
.block-inner-promo{ margin-left:240px; }

.poster{ -ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);transform:rotate(-4deg);margin-top:20px;position:absolute;margin-left:0px;transition:all 0.3s ease-out;-webkit-transition-delay:0.3s; }
.brochure{ -ms-transform:rotate(6deg);-webkit-transform:rotate(6deg);transform:rotate(6deg);margin-top:100px;position:absolute;margin-left:360px;transition:all 0.3s ease-out;-webkit-transition-delay:0.3s; }
.poster:hover{ margin-top:-20px !important; }
.brochure:hover{ margin-top:40px !important; }

.block-inner{ padding:28px 28px; }
.block-inner2{ padding:10px 28px; }
.block-inner3{ padding:14px 28px 21px 28px; }
.block-inner4{ padding:14px; }
.block-inner5{ padding:0 14px; }
.block-inner6{ padding:14px 28px; } /* --- use ---*/
.block-inner7{ padding:0px 28px; }
.block-inner8{ padding:14px 28px 14px 28px; }

.header1{ font-size:20px;font-weight:bold; }
.header2{ font-size:20px; }
.header3{ font-size:18px;font-family: 'Roboto Slab', serif; }
.header7{ font-size:20px; }
.header8{ font-size:20px; }

.hotel-nearest{ font-weight:bold;color:#c51e3a; }

.line-white{ height:1px;background-color:white; }
.line-orange{ height:1px;background-color:#964d00; }
.line-green2{ height:1px;background-color:#00693e; }
.line-blue{ height:1px;background-color:#0d4e91; }
.line-red{ height:1px;background-color:#64000c; }
.line-teal{ height:1px;background-color:#026475; }

table.credit{ width:100%; }
table.header-content{ width:100%; }
table.header-content td{ padding:10px 28px;vertical-align:middle; }
table.header-content td.icon{ width:14px;text-align:center; }

a.style1{ color:inherit;text-decoration:none;border-bottom:1px dotted; }
a.style1:active,a.style1:link,a.style1:visited{ color:inherit; }
a.style1:hover{ border-bottom:0px; }

a.button-style1{ display:inline-block;padding:10px 21px;margin:10px 0;border:1px solid white;border-radius:4px;background-image:url('../img/bg-white10.png');-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;  }
a.button-style2{ display:block;padding:10px 21px;margin:10px 0px;border:1px solid white;border-radius:4px;background-image:url('../img/bg-white10.png');-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;text-align:center;  }
a.button-style3{ display:inline-block;padding:10px 21px;margin:10px 14px 10px 0;border:1px solid white;border-radius:4px;background-image:url('../img/bg-white10.png');-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;  }

a.button-1{ display:inline-block;padding:10px 21px;border:1px solid white;border-radius:4px;background-image:url('../img/bg-white20.png');-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;  }
a:hover.button-1{ background-image:url('../img/bg-white40.png');  }
a.button-2{ display:block;padding:14px 21px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;border-top:1px solid white;border-bottom:1px solid white;background-image:url('../img/bg-white20.png');   }
a:hover.button-2{ background-image:url('../img/bg-white40.png');  }

a:hover.button-style1, a:hover.button-style2, a:hover.button-style3{ background-image:url('../img/bg-white40.png');  }

.text-green{ color:#006600; }
.text-orange{ color:#964d00; }
.text-blue{ color:#0d4e91; }
.text-blue2{ color:#031634; }
.text-red{ color:#c51e3a; }

ul.footer-logo{ list-style:none;text-align:center; }
ul.footer-logo>li{ display:inline-block;position:relative;vertical-align:middle;margin-right:14px;  }
ul.footer-logo>li:right{ margin-right:0px;  }
.footer-license{ padding:0 0 7px 0;text-align:center;font-size:14px; }

ul.sponsor-logo{ list-style:none;text-align:center; }
ul.sponsor-logo>li{ display:inline-block;position:relative;vertical-align:middle;margin-right:14px;margin-bottom:14px; }
ul.sponsor-logo>li:right{ margin-right:0px;  }

.registration{ float:left;width:25%;padding:10px 0; }
.registration-rate{ float:left;width:25%;padding:10px 0; }
.registration-blog-info{ float:left;width:120px; }
.registration-blog-info2{ float:left;width:240px; }

ul.panel-form, ul.panel-form2{ list-style:none; }
ul.panel-form>li, ul.panel-form2>li{ margin:0 0 14px 0; }
ul.panel-form li:last-child, ul.panel-form2>li:last-child{ margin:0 0 0 0; }
.registration-form{ display:block;float:left;width:240px;margin:7px 0 0 0; }

.sponsor-desc{ padding:10px 0; }
.sponsor-desc{ float:left;width:49%; }
.sponsor-platinum,.sponsor-gold,.sponsor-silver{ float:left;width:15%;text-align:center;color:#031634;padding:10px 1%; }
.sponsor-platinum{ background-color:#efefef; }
.sponsor-gold{ background-color:#f6dd7d; }
.sponsor-silver{ background-color:#d5d5d5; }

.menu-mobile{ display:none;width:100%;position:fixed;top:0;background-color:white;z-index:1000;border-bottom:1px solid #dbdbdb;background-color:#f3f3f3; }

.left-content{ float:left; }
.right-content{ float:right; }

.top7{ margin-top:7px; }

.right10{ margin-right:10px; }

.left30{ margin-left:30px; }

.map-info{ width:100%;height:300px; }
.map-contact{ width:100%;height:600px; }
.map-index{ width:100%;height:532px; }

input[type="text"]{ border:1px solid #dddddd;padding:10px 10px;width:280px;font-size:14px;border-radius:7px; }
input[type="text"].addressletter{ border:1px solid #dddddd;padding:10px 10px;width:280px;font-size:14px;border-radius:7px; }
textarea{ border:1px solid #dddddd;padding:10px 10px;width:320px;height:80px;font-size:14px;border-radius:7px; }
select{ border:1px solid #dddddd;padding:10px 10px;width:300px;font-size:14px;border-radius:7px; }

.msg-error{ color:#c51e3a;display:none;border:1px solid #c51e3a;border-radius:4px;padding:7px 14px;background-color:#f7d9d9;margin:14px 0 0 0; }

.hidden{ display:none; }
.loader{ display:none;border:5px solid #ffffff;border-top: 5px solid #9a1a01;border-radius:50%;width: 21px;height: 21px;animation: spin 1s linear infinite;margin:21px 0 0 0;  }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

table.banktransfer-info{  }
table.banktransfer-info td{ padding:2px 0; }
table.banktransfer-info td.column-left{ width:120px;vertical-align:top; }

.block-rate-accom{ position:relative;float:left;width:33.33%; }

.remark{ font-size:12px; }

iframe.livestream{ width:903px;height:508px; }
.livestream-panel{ width:903px;margin:0 auto; }

.advertise-block{ background-image:url('../img/TB-Background.jpg');padding:14px 10px;text-align:center; }
.text-advertise{ color:#ffffff; }
.text-advertise2{ color:#ffffff; }

ul.panel-information{ list-style:none; }
ul.panel-information>li>ul{ list-style:none; }
ul.panel-information>li>ul>li{ display:block; }
ul.panel-information>li>ul>li:first-child{ width:240px; }

/* ----------------------------------------------- START INDEX CSS ----------------------------------------------- */

ul.index-panel1, ul.subIndex-panel1, ul.logo-sponsor{ list-style:none; }
ul.index-panel1>li{ display:block;float:left;width:400px; }
ul.subIndex-panel1>li{ display:block;border-bottom:1px solid white;padding-bottom:28px;margin-bottom:28px; }
ul.subIndex-panel1>li:last-child{ border-bottom:0px solid white;padding-bottom:0px;margin-bottom:0px; }

.speak-desc{ font-size:14px;font-style:italic; }


ul.logo-sponsor>li{ display:inline-block;vertical-align:middle;margin:0 20px 0 0; }

/* ----------------------------------------------- END INDEX CSS ----------------------------------------------- */


/* ----------------------------------------------- START Program CSS ----------------------------------------------- */

ul.program-day1, ul.subProgram-day1, ul.panel-speaker, ul.column-workshop-day1, ul.subWorkshop-day1, ul.program-day2, ul.subProgram-day2, ul.column-workshop-day2, ul.subWorkshop-day2, ul.debater-group, ul.program-day3, ul.debate-speaker{ list-style:none; }

ul.program-day1>li, ul.subProgram-day1>li{ display:block;border-bottom:1px solid #00693e; }
ul.program-day2>li, ul.subProgram-day2>li{ display:block;border-bottom:1px solid #964d00; }
ul.program-day3>li{ display:block;border-bottom:1px solid #0d4e91; }

ul.program-day1>li:last-child, ul.program-day2>li:last-child, ul.program-day3>li:last-child{ margin-bottom:0px; }

ul.program-day1>li, ul.subProgram-day1>li, ul.program-day2>li, ul.subProgram-day2>li, ul.program-day3>li{ padding-bottom:7px;margin-bottom:10px; }

ul.panel-speaker>li{ display:block;float:left;width:436px;position:relative;padding-top:7px;margin-top:10px;margin-right:28px; }
ul.panel-speaker>li:last-child{ margin-right:0px; }

ul.debate-speaker>li{ display:block;float:left;width:498px;position:relative;padding-top:7px;margin-top:10px;margin-right:28px; }
ul.debate-speaker>li:last-child{ margin-right:0px; }

ul.debater-group>li{ display:block;height:290px; }

ul.column-workshop-day1>li{ width:324px;position:relative;float:left;display:block;margin-right:28px; }
ul.column-workshop-day2>li{ width:236px;position:relative;float:left;display:block;margin-right:28px; }

ul.column-workshop-day1>li:last-child, ul.column-workshop-day2>li:last-child{ margin-right:0px; }

ul.subWorkshop-day1>li{ display:block;padding-top:7px;margin-top:10px; }
ul.subProgram-day1>li:last-child, ul.subProgram-day2>li:last-child{ border-bottom:0px; }
ul.subWorkshop-day2>li{ display:block;padding-top:7px;margin-top:10px; }

.program-blog-time{ display:block;float:left;width:12%; }
.program-blog-lecture{ display:block;float:left;width:88%; }

.hpro-d1{ font-size:18px;font-family: 'Roboto Slab', serif;color:#00693e; } 
.hpro-d2{ font-size:18px;font-family: 'Roboto Slab', serif;color:#964d00; }
.hpro-d3{ font-size:18px;font-family: 'Roboto Slab', serif;color:#0d4e91; }

.hspeak-d1{ font-size:18px; } /* color:#133524; */
.hspeak-d2{ font-size:18px; } /* color:#fbdfaf; */
.hspeak-d3{ font-size:18px; } /* color:#16166c; */

.speak-desc-d1, .speak-desc-d2, .speak-desc-d3{ font-size:14px;font-style:italic; }

.header-workshop-day1{ text-align:center;height:80px; }
.header-workshop-day1-chairperson{ height:80px; }
.header-workshop-day2{ text-align:center;height:136px; }
.header-workshop-day2-chairperson{ height:112px; }

.program-blog-lunch{ text-align:center; }
.program-blog-coffee{ text-align:center; }
.program-blog-chairman{ text-align:center; }
.progrom-blog-workshop{ float:left;width:100%; }

ul.workshop-speaker-info{ margin-left:21px;list-style-type:disc; }

.blog-speaker-image{ display:block;float:left;margin-right:20px; }

.img-speaker{ width:150px; }

/* ----------------------------------------------- END Program CSS ----------------------------------------------- */


/* ----------------------------------------------- START REGISTRATION CSS ----------------------------------------------- */
ul.registration-panel1{ list-style:none; }
ul.registration-panel1>li{ display:block;float:left;width:380px; }

.header-regform-left{ float:left;width:50%; }
.header-regform-right{ float:right;width:50%;text-align:right; }

.body-regform-left{ display:block;float:left;width:408px;margin-top:7px;margin-right:28px;text-align:right; }
.body-regform-right{ display:block;float:left;width:708px; }

.body-info-left{ display:block;float:left;width:408px;margin-right:28px;text-align:right; }
.body-info-right{ display:block;float:left;width:708px; }

ul.panel-form2>li div.body-regform-left{ margin:0px; }
/* ----------------------------------------------- END REGISTRATION CSS ----------------------------------------------- */


/* ----------------------------------------------- START ACCOMMODATION CSS ----------------------------------------------- */
ul.hotel-rate{ list-style:none; }
ul.hotel-rate>li{ position:relative;display:block;float:left;width:342px;margin:7px 0; }
/* ----------------------------------------------- END ACCOMMODATION CSS ----------------------------------------------- */


/* ----------------------------------------------- START CONTACT CSS ----------------------------------------------- */

ul.panel-contact{ list-style:none; }
ul.panel-contact>li{ display:inline-block;float:left;width:286px;vertical-align:middle; }
ul.panel-contact>li:first-child{ width:572px; }
ul.panel-contact>li:last-child{ margin-right:0; }

/* ----------------------------------------------- END CONTACT CSS ----------------------------------------------- */

ul.registration-process{ list-style:none; }
ul.registration-process>li{ display:inline-block;float:left;width:257px;vertical-align:middle;padding:10px 20px;text-align:center;background-color:#ebebe4;border-right:4px solid #fedc7d; }
ul.registration-process>li.current-step{ background-color:#026475;color:white; }
ul.registration-process>li:last-child{ border-right:0px; }

.required{ color:#ff0000; }

ul.panel-button{ list-style:none; }
ul.panel-button>li{ display:block;float:left; }
ul.panel-button>li a{ display:inline-block;padding:7px 21px;margin:14px 14px 0px 0;border:1px solid white;border-radius:4px;background-image:url('../img/bg-white10.png');-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.panel-button>li a:hover{ background-image:url('../img/bg-white20.png'); }
ul.panel-button>li:first-child{  }
ul.panel-button>li:last-child{  }

ul.panel-payment{ list-style:none; }
ul.panel-payment>li{ display:inline-block;float:left;width:558px;margin-right:28px; }
ul.panel-payment>li:last-child{ margin-right:0px; }

.slide-video-panel{ margin-top:7px; }

@media only screen and (min-width: 960px) and (max-width:1239px) {
    .container{ width:920px;padding:0 20px; }
    
    .logo-header img{ width:200px; }
    
    .bg-banner{ height:360px; }
    
    .wording{ float:right;padding:120px 20px 0 20px;  }
    .wording1{  }
    .wording-slogan1{ font-size:16px;margin-top:0; }
    .wording-slogan2{ font-size:30px; }
    .wording-date{ font-size:26px;margin-top:60px; }
    .wording-place{ font-size:18px; }
    
    .slideshow .img-slide-1, .slideshow .img-slide-2, .slideshow .img-slide-3, .slideshow .img-slide-4, .slideshow .img-slide-5, .slideshow .img-slide-pre, .slideshow .img-slide-live{ height:360px; }

    ul.nav-menu>li a{ padding:28px 12.9px; }
    
    ul.index-panel1>li{ width:306.66px; }
    
    ul.block-frontpage>li{ width:288px; }
    
    .map-index{ height:497px; }
    
    .block-content3-1{ width:300px; }
    .block-content3-2{ width:620px; }
    
    ul.overall-program>li{ width:404px; }
    
    ul.program-date>li{ width:204px; }
    
    ul.speaker-list>li{ width:220px;margin-right:20px;margin-bottom:20px; }
    ul.speaker-list>li:nth-child(4n){ margin-right:20px; }
    ul.speaker-list>li:nth-child(3n){ margin-right:0px;}
    
    .welcome-block3-1, .abstract-block3-1, .scholarship-block3-1{ width:320px; }
    .welcome-block3-2, .abstract-block3-2, .scholarship-block3-2{ width:530px; }
    
    .block-inner{ padding:21px 21px; }
    
    ul.block-sponsor>li{ width:288px; }
    ul.block-sponsor2>li{ width:446px; }
    
    ul.hotel-rate>li{ width:274px; }
    
    ul.panel-contact>li:first-child{ width:306px; }
    
    /* ----------------------------------------------- START REGISTRATION CSS ----------------------------------------------- */
    ul.registration-panel1>li{ width:310px; }
    
    .body-regform-right{ width:640px; }
    
    ul.registration-process>li{ width:187px;height:72px; }
    
    
    .body-regform-left{ width:310px; }
    .body-regform-right{ width:537px; }
    
    .body-info-left{ width:310px; }
    .body-info-right{ width:537px; }
    
    ul.panel-payment>li{ width:425px; }
    
    /* ----------------------------------------------- END REGISTRATION CSS ----------------------------------------------- */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .menu-mobile{ display:block; }
    .bg-header{ padding-top:35px; }
    
    .container{ width:728px;padding:0 20px; }
    
    .logo-header img{ width:190px; }
    
    .bg-banner, .slideshow .img-slide-1, .slideshow .img-slide-2, .slideshow .img-slide-3, .slideshow .img-slide-4, .slideshow .img-slide-5, .slideshow .img-slide-pre, .slideshow .img-slide-live{ height:308px; }
    iframe.livestream{ width:548px;height:308px; }
    .livestream-panel{ width:548px; }
    
    .slide-layout{ float:right;width:65%; }
    .banner-wording{ float:left;width:35%; }
    
    .wording{ float:right;padding:100px 20px 0 0;  }
    .wording1{  }
    .wording-slogan1{ font-size:16px;margin-top:0; }
    .wording-slogan2{ font-size:30px; }
    .wording-date{ font-size:20px;margin-top:40px; }
    .wording-place{ font-size:18px; }
    
    .nav-menu{ display:none; }
    
    ul.index-panel1>li{ width:364px; }
    ul.index-panel1>li:last-child{ width:100%; }
    ul.subIndex-panel1>li{ float:left;width:50%;border-bottom:0px;padding-bottom:0px;margin-bottom:0px;  }
    
    ul.block-frontpage>li{ width:350px;margin-bottom:28px; }
    ul.block-frontpage>li:nth-child(2n){margin-right:0px; }
    ul.block-frontpage>li:last-child{ margin-bottom:0px; }

    .block-content3-1{ width:280px; }
    .block-content3-2{ width:448px; }
    
    .map-index{ height:507px; }
    
    .block-inner{ padding:20px 20px; }    
    
    ul.overall-program>li{ width:310px; }
    
    ul.program-date>li{ width:258px;margin:0px;margin-right:20px;margin-bottom:20px; }
    ul.program-date>li:nth-child(2n){ margin-right:0px; }
    ul.program-date>li:last-child{ margin-bottom:0px; }
    
    ul.speaker-list>li{ width:157px;margin-right:20px;margin-bottom:20px; }
    ul.speaker-list>li:nth-child(4n){ margin-right:20px; }
    ul.speaker-list>li:nth-child(3n){ margin-right:0px;}
    
    .registration{ width:100%; }
    .registration-rate{ width:33.33%; }
    
    .welcome-block3-1, .abstract-block3-1, .scholarship-block3-1{ width:250px; }
    .welcome-block3-2, .abstract-block3-2, .scholarship-block3-2{ width:410px; }
    
    ul.block-sponsor>li{ width:229px;margin-right:20px; }
    ul.block-sponsor2>li{ width:350px; }
    
    ul.hotel-rate>li{ width:210px; }
    
    ul.panel-contact>li{ width:344px; }
    ul.panel-contact>li:first-child{ width:100%;margin-bottom:20px; }
    
    /* ----------------------------------------------- START REGISTRATION CSS ----------------------------------------------- */
    ul.registration-panel1>li{ width:246px; }
    
    .body-regform-right{ width:450px; }
    
    ul.registration-process>li{ width:139px;height:72px; }
    
    .body-regform-left{ width:238px; }
    .body-regform-right{ width:420px; }
    
    .body-info-left{ width:238px; }
    .body-info-right{ width:420px; }
    
    ul.panel-payment>li{ width:330px; }
    
    /* ----------------------------------------------- END REGISTRATION CSS ----------------------------------------------- */
}

@media only screen and (max-width: 767px) {
    
    .logo-header{ padding:49px 0 10px 0; }
    .logo-header img{ width:180px; }
    
    .menu-mobile{ display:block; }
    .container{ width:320px; }
    
    .bg-banner{ width:100%;height:auto; }
    
    .slide-layout{ float:none;width:100%; }
    .banner-wording{ float:none;width:300px;margin:0 auto; }
    .slideshow .img-slide-1, .slideshow .img-slide-2, .slideshow .img-slide-3, .slideshow .img-slide-4, .slideshow .img-slide-5, .slideshow .img-slide-pre, .slideshow .img-slide-live{ height:300px; }
    iframe.livestream{ width:533px;height:300px; }
    .livestream-panel{ width:533px; }
    
    .wording{ position:relative;min-width:300px;margin-left:0;margin-right:0;margin-top:0;float:none;padding:10px 0; }
    .wording-slogan1{ margin-top:0px;font-size:20px; }
    .wording-slogan2{ font-size:38px; }
    .wording-date{ margin-top:0px;font-size:20px; }
    .wording-place{ font-size:20px; }
    
    .nav-menu{ display:none; }
    
    ul.block-frontpage>li{ width:100%;margin-bottom:20px; }
    ul.block-frontpage>li:last-child{ margin-bottom:0px; }
    
    .block-content3-1{ float:none;width:100%; }
    .block-content3-2{ float:none;width:100%; }
    
    .welcome-block3-1, .abstract-block3-1, .scholarship-block3-1{ position:relative;width:100%;margin-bottom:20px;  }
    .welcome-block3-2, .abstract-block3-2, .scholarship-block3-2{ position:relative;width:100%; }
    
    ul.overall-program>li{ width:100%;margin:0px;margin-bottom:20px; }
    ul.overall-program>li:last-child{ margin-bottom:0px; }
    
    ul.program-date>li{ width:200px;margin:0px;margin-bottom:20px; }
    ul.program-date>li:last-child{ margin-bottom:0px; }
    
    ul.speaker-list>li{ width:240px;margin-right:0;margin-bottom:20px; }
    ul.speaker-list>li:last-child{margin-bottom:0px; }
    
    ul.panel-contact>li{ width:280px;margin:0;margin-bottom:20px; }
    ul.panel-contact>li:first-child{ width:280px; }
    ul.panel-contact>li:last-child{ margin-bottom:0px; }
    
    .block-inner{ padding:20px; }    
    
    .accom-img-left{ float:none;width:100%;margin-right:0px;margin-bottom:20px; }
    .accom-img-right{ float:none;width:100%;margin-left:0px;margin-bottom:20px; }
   
    .map-contact{ width:100%;height:300px; }

    ul.block-sponsor>li{ width:100%;margin:0px;margin-bottom:20px; }
    ul.block-sponsor>li:last-child{ margin-bottom:0px; }
    
    ul.block-sponsor2>li{ width:100%;margin:0px;margin-bottom:20px; }
    ul.block-sponsor2>li:last-child{ margin-bottom:0px; }
        

    
    
    .registration{ width:100%; }
    .registration-rate{ width:33.33%; }
     
    
    input[type="text"]{ width:250px; }
    select{ width:200px; }
    input[type="text"].addressletter{ width:200px; }
    textarea{ width:225px; }
    
    a.button-style1{ display:block;text-align:center; }
    
    a.button-style3{ display:block;margin:10px 0;text-align:center; }
    
    ul.panel-form>li, ul.panel-form2>li{ margin:0 0 7px 0; }
    .registration-form{ margin:0;width:auto; }
    
    /* ----------------------------------------------- START INDEX CSS ----------------------------------------------- */
    
    ul.index-panel1>li{ width:100%; }
    ul.subIndex-panel1>li{ padding-bottom:14px;margin-bottom:14px;  }
    
    /* ----------------------------------------------- END INDEX CSS ----------------------------------------------- */    
    

    /* ----------------------------------------------- START REGISTRATION CSS ----------------------------------------------- */
    ul.registration-panel1>li{ width:100%; }
    ul.registration-panel1>li div.block-inner{ padding:0px; }
    
    .header-regform-left{ width:100%;display:inline-block }
    .header-regform-right{ width:100%;text-align:left;display:inline-block }
    
    .body-regform-left{ width:100%;margin:0; }
    .body-regform-right{ width:100%; }
    
    .body-info-left{ width:130px;margin-right:10px; }
    .body-info-right{ width:140px; }
    
    ul.panel-payment>li{ width:100%;margin-right:0px; }
    ul.panel-payment>li:first-child{ margin-bottom:28px; }
    
    ul.panel-form2>li{ border-bottom:1px solid white;padding:0 0 7px 0;margin:0 0 7px 0; }
    ul.panel-form2>li:last-child{ border-bottom:0px solid white;padding:0;margin:0; }
    /* ----------------------------------------------- END REGISTRATION CSS ----------------------------------------------- */


    /* ----------------------------------------------- START ACCOMMODATION CSS ----------------------------------------------- */
    ul.hotel-rate>li{ width:50%;margin:0; }
    
    ul.hotel-rate>li div.block-inner{ padding:7px 14px; }
    
    ul.hotel-rate>li:nth-child(odd){ background-image:url('../img/bg-white40.png'); }
    ul.hotel-rate>li:nth-child(even){ background-image:url('../img/bg-white20.png'); }
    
    ul.hotel-rate>li:first-child{ width:100%;background-image:none;margin:7px 0; }
    /* ----------------------------------------------- END ACCOMMODATION CSS ----------------------------------------------- */
    
    ul.registration-process>li{ width:280px;border-right:0px;border-bottom:4px solid #fedc7d;height:auto; }
    
    .body-regform-left{ float:none;width:100%;text-align:left;margin:0px;margin-bottom:7px; }
    .body-regform-right{ float:none;width:100%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .container{ width:440px; }
    
    ul.program-date>li{ width:320px;margin:0px;margin-bottom:20px; }
    ul.program-date>li:last-child{ margin-bottom:0px; }
    
    ul.speaker-list>li{ width:360px;margin-right:0;margin-bottom:20px; }
    ul.speaker-list>li:last-child{margin-bottom:0px; }
    
    ul.block-sponsor>li{ width:100%;margin:0px;margin-bottom:20px; }
    ul.block-sponsor>li:last-child{ margin-bottom:0px; }
    
    ul.block-sponsor2>li{ width:100%;margin:0px;margin-bottom:20px; }
    ul.block-sponsor2>li:last-child{ margin-bottom:0px; }
    
    ul.panel-contact>li{ width:400px;margin:0;margin-bottom:20px; }
    ul.panel-contact>li:first-child{ width:400px; }
    ul.panel-contact>li:last-child{ margin-bottom:0px; }
    
    
    

    
    ul.panel-form>li{ margin:0 0 14px 0; }
    ul.panel-form2>li{ border-bottom:0px solid white;margin:0;padding:0; }
    .registration-form{ margin:7px 0 0 0;width:140px; }

    input[type="text"].addressletter{ width:250px; }
    
    ul.registration-process>li{ width:400px;border-right:0px;border-bottom:2px solid #fedc7d;height:auto;  }
    
    .header-regform-left{ width:auto;display:inline-block }
    .header-regform-right{ width:auto;text-align:left;display:inline-block }
    
    .body-regform-left{ float:none;width:400px;text-align:left;margin:0px;margin-bottom:7px; }
    .body-regform-right{ float:none;width:400px; }
    
    .body-info-left{ width:150px; }
    .body-info-right{ width:220px; }
    
    input[type="text"]{ width:378px; }
    select{ width:275px; }
    textarea{ width:327px; }
}