@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;700;900&display=swap');
@import url(../fonts/icomoon/style.css);
/* @import url(../fonts/intel-clear/style.css); */
/*@import url('../https://fonts.cdnfonts.com/css/intelone-display');*/

@font-face {
    font-family: 'IntelOne Display';
    font-style: normal;
    font-weight: 400;
    src: local('IntelOne Display'), url('/fonts/IntelOneDisplayRegular.woff') format('woff');
}
@font-face {
    font-family: 'IntelOne Display';
    font-style: normal;
    font-weight: 300;
    src: local('IntelOne Display'), url('/fonts/IntelOneDisplayLight.woff') format('woff');
}
@font-face {
    font-family: 'IntelOne Display';
    font-style: normal;
    font-weight: 500;
    src: local('IntelOne Display'), url('/fonts/IntelOneDisplayMedium.woff') format('woff');
}
@font-face {
    font-family: 'IntelOne Display';
    font-style: normal;
    font-weight: 700;
    src: local('IntelOne Display'), url('/fonts/IntelOneDisplayBold.woff') format('woff');
}



/*
  danny 202009
  1. $Reset
  2. $font
  3. $body,html
  4. $共用
  5. $Mobile
  6. $Pad
  7. $橫的版型
  8. $Pc
  9. $1025~1279
  
  update
  . reset
  . import Noto Sans TC、icomoon
  . before after preset icomoon
  . body font-size 10px
*/

/* $Reset
--------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}ol,ul{list-style:none}q:before,q:after{content:''}abbr,acronym{border:0}a{background:transparent;text-decoration:none;color:inherit;cursor:pointer;line-height:1em;display:inline-block}a:active{outline:0}input,textarea,button,select,option{border:0;margin:0;outline:none;padding:0;font-size:1.6rem;font-family:'Noto Sans TC','Open Sans','Arial','Microsoft JhengHei','Apple LiGothic Medium',sans-serif;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}select::-ms-expand{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}





/* $font
--------------------------------------------------------------------------------------*/
:before ,:after{ font-family:'icomoon','IntelOne Display','Microsoft JhengHei','Apple LiGothic Medium';}





/* $body,html
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; height: 100%; font-family:'IntelOne Display','Microsoft JhengHei','Apple LiGothic Medium', Arial, Helvetica, sans-serif; font-size:10px; line-height: 1.58; color: #262626; }

/* $共用
--------------------------------------------------------------------------------------*/
/*----清除浮動技巧----*/
.clearfix:before,.clearfix:after {content: ' ';display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/*----清除浮動技巧----*/

/* IMAGE REPLACE */
.imageReplace{ text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* float */
.floatL{ float: left;}
.floatR{ float: right;}

/* button reset、input reset、select reset */
button, input, select{ font-family:'Microsoft JhengHei','Apple LiGothic Medium', Arial, Helvetica, sans-serif; border: none; }

/* bg color */
.whitebg{ background: #fff; }

.full-wrap{ width: 100%; background: #e9e9e9; box-sizing: border-box; padding: 40px 0 40px 0; }

/* txt style */
.txtbold{ font-weight: bold; }
.txtdecoration{ text-decoration: underline; }
.txtlink{ color: #0068b5; text-decoration: underline; }
.txt_p{ font-size: 1.6rem; line-height: 1.58; color: #262626; }
.txt_h2{ font-size: 4rem; font-weight: 500; line-height: 1.2; color: #0068b5; margin: 1em 0 1em 0;  }
.txt_ul{ list-style: disc; font-size: 1.6rem; line-height: 1.58; color: #262626; margin: 0 0 0 20px; }
.txt_ol{ list-style: decimal; font-size: 1.6rem; line-height: 1.58; color: #262626; margin: 0 0 0 20px; }
.txt_table{ font-size: 1.6rem; line-height: 1.58; color: #262626; margin: 2em 0 2em 0; border-collapse:collapse; border: 1px solid #000; }
.txt_table td,.txt_table th{ border:1px solid #000;  border-collapse:collapse; box-sizing: border-box; padding: 10px 10px 10px 10px;  }

/* $Mobile
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; -webkit-text-size-adjust:none; }

.se-wrap{ box-sizing: border-box; padding: 0 0 200px 0;  }

/* kv */
.se-kv{ display: flex; align-items: flex-end; overflow: hidden; line-height: 0; position: relative; }
.se-kv img{ width: 100% }
.se-kv .kv-idx{ width: 91%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.se-kv a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* nav */
.se-nav{ display: flex; align-items: center; height: 100px; background: #0068b5; position: relative; }
.se-nav .mobile-tabheader{ display: flex; justify-content: center; align-items: center; width: 90%; height: 60px; font-size: 2rem; color: #00285a; background: #fff; position: relative; margin: 0 auto;  }
.se-nav .mobile-tabheader:after{ content: '\e916'; font-size: 2rem; color: #0068b5; position: absolute; right: 20px; }
.se-nav .mobile-tabheader.active:after{ content: '\e90f'; }
.se-tab{ width: 90%; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 0 0 20px 0; background: #f5f5f5; position: absolute; left: 50%; top: 70px; transform: translateX(-50%); display: none; z-index: 999; }
.se-tab>li{ width: 100%; height: 60px; line-height: 0; font-size: 2rem; line-height: 1.2; color: #262626; text-align: center; position: relative; -webkit-font-smoothing: antialiased; }
.se-tab>li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;  box-sizing: border-box; padding: 0 20px 0 20px;  }

/* msg */
.se-msg{ width: 90vw; margin: 40px auto 0; box-sizing: border-box; font-size: 1.4rem; line-height: 1.58; text-align: center; color: #262626; }
.se-msg .tit{ font-size: 2.4rem; line-height: 1.2; color: #0068b5; margin: 0 0 15px 0; }
.se-msg .subtit{ font-size: 2rem; line-height: 1.2; margin: 0 0 20px 0;  }
.inpage .se-msg{ text-align: left; }
.inpage .se-msg .btn-box{ display: flex; justify-content: center; margin: 40px 0 40px 0; }
.inpage .se-msg .btn_register{ display: inline-flex; justify-content: center; align-items: center; height: 50px; font-size: 2rem; line-height: 1.2; color: #fff; background: #004a86;  box-sizing: border-box; padding: 0 20px 0 20px;  }

/* technology programs */
.se-tp{ width: 90vw; margin: 40px auto 0; }
.se-tp h5{ font-size: 2.4rem; line-height: 1.2; font-weight: 400; color: #262626; text-align: center; }
.se-tp .tp-list{ display: flex; flex-direction: column; margin: 10px 0 0 0; }
.se-tp .tp-list li{ width:90vw ; height: 59vw; overflow: hidden; line-height: 0; margin: 10px 0 10px 0; position: relative; }
.se-tp .tp-list li a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.se-tp .tp-list li img{ width: 100%; }
.se-tp .tp-list .tp-name{ width: 80%; font-size: 2.4rem; line-height: 1.2; text-align: right; color: #fff; font-weight: 500; position: absolute; right: 14.47%; top: 50%; z-index:1; }
.se-tp .tp-list .tp-name:before{ content: ''; display: block; width: 25px; height: 25px; background: #e96115; position: absolute; right: -25px; top: -18px; }

/* Symposium Partners */
.se-sp{ width: 90vw; margin: 40px auto 0; box-sizing: border-box; }
.se-sp h5{ font-size: 2.4rem; line-height: 1.2; font-weight: 400; color: #183544; text-align: center; }
.se-sp .sp-select{ display: flex; flex-direction: column; justify-content: center; margin: 20px 0 0 0; }
.se-sp select{ background: transparent; width: 100%; padding: 0px 20px; font-size: 1.6rem; text-align: center;  color: #262626; border: 0;  border-radius: 0;  height: 50px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.se-sp .select-box{ display: inline-block; width: 100%; height: 50px; overflow: hidden; border: 1px solid #262626; position: relative; vertical-align: middle; box-sizing: border-box; }
.se-sp .select-box:before{ display: inline-block; content: "\e916"; font-size: 1.4rem; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: -1; }
.se-sp .select-box+.select-box{ margin: 10px 0 0 0; }
.se-sp .sp-select button{ display: flex; justify-content: center; align-items: center; width: 70%; height: 50px; background: #004a86; font-size: 2rem; color: #fff; margin: 30px auto 0 auto; }

/* symposium */
/* sub kv */
.sub-kv{ width: calc(100vw - 30px); margin: 0 auto 0; /* margin: 40px auto 0; */ }
.sub-kv img{ width: 100%; }
.sub-kv video{ width: 100%; height: auto; }
.sub-kv .pc{ display: none; }

/* event map */
.event-map{ display: flex; flex-direction: column; width: calc( 100vw - 30px); margin: 40px auto 40px; }
.event-map>div{ width: 100%; }
.event-map>div+div{ margin: 20px 0 0 0; }
.event-map .map_tit{ font-size: 1.8rem; color: #0068b5; margin: 0 0 5px 0; }
.event-map .map-box{ width: 100%; height: 250px; }
.event-map .map-box iframe{ width: 100%; height: 100%; }
.event-map .map_name{ font-size: 1.5rem; color: #00285a; margin: 5px 0 5px 0; }
.event-map .map_address{ font-size: 1.4rem; line-height: 1.58; color: #808080; margin: 0 0 5px 25px; box-sizing: border-box; padding: 0 0 0 0px; }
.event-map .map_address:before{ content: '\e971'; color: #262626; margin: 0 12px 0 -25px; }
.event-map .map_phone{ font-size: 1.4rem; line-height: 1.58; color: #808080; margin: 0 0 10px 25px; box-sizing: border-box; padding: 0 0 0 0px; }
.event-map .map_phone:before{ content: '\e972'; color: #262626; margin: 0 12px 0 -25px; }

/* keynote speakers */
.keynote-speakers{ width: calc(100vw - 30px); margin: 0 auto; }
.keynote-speakers h5{ font-size: 2.4rem; font-weight: 400; color: #262626; text-align: center; }
.keynote-speakers .speaker-list{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0; }
.keynote-speakers .speaker-list>li{ width: 100%; background: #fff; box-sizing: border-box; padding: 20px 20px 40px 20px; margin: 10px 0 10px 0; display: flex; }
.keynote-speakers .speaker-list .img-box{ width: 100%; max-width: 80px; line-height: 0; flex-shrink: 0; margin: 0 0 0 0; }
.keynote-speakers .speaker-list .img-box img{ width: 100%; }
.keynote-speakers .speaker-list .speaker-portrait{ display: flex; margin: 0 10px 0 0; width: 80px; flex-shrink: 0;  }
.keynote-speakers .speaker-list .speaker-info{ display: flex; flex-direction: column; justify-content: space-between; color: #0068b5; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 20px 0; }
.keynote-speakers .speaker-list .speaker-info .info_name{ font-size: 2rem; color: #00a3f6;  }
.keynote-speakers .speaker-list .speaker-info .info_name:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 2px solid #76CEFF; margin: 5px 0 10px 0; }
.keynote-speakers .speaker-list .speaker-info .info_tit{ font-size: 1.2rem; line-height: 1.2; }
.keynote-speakers .speaker-list .speaker-description{ font-size: 1.4rem; line-height: 1.58; color: #808080; }

/*Account Manager Approval*/
.accountmanager .content{ width:100%; margin:0 auto; padding:0 20px; box-sizing:border-box; font-size:1.4rem; line-height:1.58; color:#262626; }
.accountmanager article{ margin-top:18px; }
.accountmanager b{ font-weight:400; color:#B4F0FF; }
.accountmanager img{ width:100%; max-width:100%; font-size:0; line-height:0; }
.accountmanager a.icon_edit{ font-size:1.6rem;  }
.accountmanager a.icon_edit:before{ content:'\e912'; display:block; color:#0068B5; }
.accountmanager .account-manager{ display:block; font-size:2rem; font-weight:600; }
.accountmanager .account-manager:before{ content:'Account Manager：';  color:#00285A; font-weight:400;}
.accountmanager .chart_box{ display:flex; flex-wrap:wrap;  }
.accountmanager .chart_box li{ width:100%; margin-bottom:30px; }
.accountmanager .company{ width:100%; max-height:60vh; min-height:460px; overflow:auto; background:#0068B5; }
.accountmanager .text_block{  }
.accountmanager .title_box{ background:#0068B5; padding:8px 16px; color:#fff;}
.accountmanager .title_group{ display:flex; align-items:center; /*align-items:flex-start; flex-direction:column;*/ }
.accountmanager .title_group .company-name{ font-size:2.4rem; margin-right:20px; }
.accountmanager .title_group .info{ /*display:flex; */display:-webkit-inline-box; }
.accountmanager .title_group .info li{ margin-left:8px; font-size:1.4rem; border-radius:4px; color:#00A3F6; font-weight:500; background:#fff; overflow:hidden; box-shadow:0 0 0 2px #86b3ca; white-space:nowrap; }
.accountmanager .title_group .info li:nth-of-type(1){ margin-left:0; }
.accountmanager .title_group .info li span{ padding:4px 6px; display:inline-block; }
.accountmanager .title_group .info li span:nth-of-type(1){ background:#0068B5; color:#fff; border-radius:4px 0px 0 4px;}
.accountmanager .title_group .info li span:nth-of-type(n+3){ font-weight:400; }
.accountmanager .information{ display:flex; flex-wrap:wrap; font-size:1.4rem; margin-top:.2em; }
.accountmanager .information li{ margin-right:.8em; white-space:nowrap;}
.accountmanager .company table{ background:#fff; border:solid 1px #0068b5; border-spacing:0; border-collapse:collapse; text-align:left; }
.accountmanager .company table th,
.accountmanager .company table td{ padding:.4em .8em; font-size:1.4rem; font-weight:400; box-shadow:inset -2px 0px 1px 0 #fff; white-space:nowrap;}
.accountmanager .company table th:nth-last-of-type(1),
.accountmanager .company table td:nth-last-of-type(1){ box-shadow:none;}
.accountmanager .company table th{ background:#B4F0FF; color:#00285A; }
.accountmanager .company table td{ background:#EDF5F8; color:#262626;}
.accountmanager .company table tr:nth-of-type(even) td{ background:#E9E9E9; }
.accountmanager .company table button{ border-radius:4px; padding:.1em .5em; color:#262626; background:#fff; cursor:pointer; border:solid 1px transparent; font-size:inherit;}
.accountmanager .company table button.active{ background:#0068B5; color:#fff; }
.accountmanager .company table input{ width:130px; margin-right:6px; border-radius:4px; padding:6px; border:solid 1px #AFAFAF; }
.accountmanager .company table .edit span{ width:170px; margin-right:6px; display:inline-block; white-space:initial;}
.accountmanager .filter_list{ display:flex; flex-wrap:wrap; font-size:1.4rem; }
.accountmanager .filter_list li{ position:relative; flex:1 1 auto; }
.accountmanager .filter_list li a{ position:relative; border:solid 1px #A8A8A8; background:#fff; padding:.4em 1.5em .4em .5em; width:calc(100% - 4px); box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.accountmanager .filter_list li a:after{ content:'\e90b'; display:block; position:absolute; right:.5em; top:50%; transform:translateY(-50%); }
.accountmanager .filter_list .filter_box{ position:absolute; top:-4px; left:4px; width:100%; max-width:415px;  overflow:auto; border:solid 1px #A8A8A8; background:#fff; z-index:99;}
.accountmanager .filter_list .option_block{  width:100%; padding:12px 0; max-height:40vh; overflow:auto;}
.accountmanager .filter_list .option_block label{ display:block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.accountmanager .filter_list .option_block label input{position:absolute; opacity:0; cursor:pointer; height:0; width:0; }
.accountmanager .filter_list .option_block label .checktext{ display:flex; align-items:center; width:100%; height:100%; box-sizing:border-box; background:transparent; z-index:-1; padding:.2em .8em; }
.accountmanager .filter_list .option_block label .checktext:before{ content:''; display:inline-block; height:.9em; width:.9em; background:#fff; border:solid 1px #707070; margin-right:10px;}
.accountmanager .filter_list .option_block label .checktext:after{ content:''; position:absolute; left:1.05em; top:50%; width:4px; height:10px; border:solid transparent; border-width:0 3px 3px 0; transform:translateY(-55%) rotate(45deg); }
.accountmanager .filter_list .option_block label input:checked ~ .checktext{ background:#457BE6; color:#fff; }
.accountmanager .filter_list .option_block label input:checked ~ .checktext:before{ border-color:transparent; }
.accountmanager .filter_list .option_block label input:checked ~  .checktext:after{ border-color:#457BE6; }
.accountmanager .filter_list .btn_block{ background:#EDF5F8; display:flex; justify-content:center; }
.accountmanager .filter_list .btn_block button{ background:#457BE6; color:#fff; width:30%; margin:12px 6px; padding:.5em; cursor:pointer; border:solid 1px #457BE6; font-size:inherit; }
.accountmanager .filter_list .btn_block button.border{ background:#fff; color:#457BE6;}
.accountmanager .filter_list .search{ background:#004A86; color:#fff; font-size:inherit; padding:.3em 2.5em; cursor:pointer; }

/*Download Event Material*/
.download .content{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; font-size:1.4rem; line-height:1.58; color:#262626; }
.download article{ margin-bottom:20px; }
.download h3{ color:#fff; font-weight:500; text-align:center; font-size:2rem; padding:.6em; width:100%; box-sizing:border-box; }
.download .link_list a{ font-size:1.6rem; display:flex; width:100%; padding:.8em; box-sizing:border-box;}
.download .link_list a:before{ color:inherit; content:'\e91c'; display:inline-block; font-size:1.25em; margin-right:.75em; }
.download .link_group h4{ color:#fff; text-align:center; font-size:1.6rem; padding:.8em; font-weight:400; }
.download .keynote{ border:solid 2px #0068B5; color:#004A86; }
.download .keynote h3{ background:#0068B5; }
.download .keynote .link_list{ display:flex; flex-wrap:wrap; }
.download .keynote .link_list li{ text-align:center; width:50%; }
/*.download .keynote .link_list a{ color:#004A86; justify-content:center; padding:1em; }*/
.download .keynote .link_list a{ border-bottom:solid 1px #E9E9E9; color:#004A86; line-height:1.25; }
.download .keynote .link_list a:before{ color:#0068B5; }
.download .projectAthena{ border:solid 2px #00a3f6; }
.download .projectAthena h3{ background:#00A3F6; border:solid 2px #00A3F6;}
.download .projectAthena .link_group{ box-shadow:-1px 0 0 #e9e9e9 inset; }
.download .projectAthena .link_group:nth-of-type(1) h4{ background:#00285A; }
.download .projectAthena .link_group:nth-of-type(1) a:before{ color:#00285A; }
.download .projectAthena .link_group:nth-of-type(2) h4{ background:#004A86; }
.download .projectAthena .link_group:nth-of-type(2) a:before{ color:#004A86; }
.download .projectAthena .link_group:nth-of-type(3) h4{ background:#0068B5; }
.download .projectAthena .link_group:nth-of-type(3) a:before{ color:#0068B5; }
.download .projectAthena .link_group:nth-of-type(4) h4{ background:#000F8A; }
.download .projectAthena .link_group:nth-of-type(4) a:before{ color:#000F8A; }
.download .projectAthena .link_group:nth-of-type(5) h4{ background:#005B85; }
.download .projectAthena .link_group:nth-of-type(5) a:before{ color:#005B85; }
.download .projectAthena .link_group:nth-of-type(6) h4{ background:#00A3F6; }
.download .projectAthena .link_group:nth-of-type(6) a:before{ color:#00A3F6; }
.download .projectAthena .link_list a{ border-bottom:solid 1px #E9E9E9; color:#262626; line-height:1.25; }
.download .other{ border:solid 2px #e9e9e9; border-bottom:solid 1px #e9e9e9; } 
.download .other .link_group:nth-of-type(1) h4{ background:#B24501; }
.download .other .link_group:nth-of-type(1) a:before{ color:#B24501; }
.download .other .link_group:nth-of-type(2) h4{ background:#E96115; }
.download .other .link_group:nth-of-type(2) a:before{ color:#E96115; }
.download .other .link_group:nth-of-type(3) h4{ background:#EDB200; }
.download .other .link_group:nth-of-type(3) a:before{ color:#EDB200; }
.download .other .link_group:nth-of-type(4) h4{ background:#653171; }
.download .other .link_group:nth-of-type(4) a:before{ color:#653171; }
.download .other .link_group:nth-of-type(5) h4{ background:#8F5DA2; }
.download .other .link_group:nth-of-type(5) a:before{ color:#8F5DA2; }
.download .other .link_group:nth-of-type(6) h4{ background:#5B69FF; }
.download .other .link_group:nth-of-type(6) a:before{ color:#5B69FF; }
.download .other .link_group:nth-of-type(7) h4{ background:#8BAE46; }
.download .other .link_group:nth-of-type(7) a:before{ color:#8BAE46; }
.download .other .link_group:nth-of-type(8) h4{ background:#708541; }
.download .other .link_group:nth-of-type(8) a:before{ color:#708541; }
.download .other .link_list a{ border-bottom:solid 1px #E9E9E9; color:#262626; line-height:1.25; }

/*pup up*/
.pup-container{ display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; background:rgba(38,38,38,.9); position:fixed; left:0; top:0; z-index:999; }
.pup-box{ width:90vw; max-width:800px; background:#fff; box-sizing:border-box; position:relative; }
.pup-box .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#e9e9e9; position:absolute; right:0; top:0; cursor:pointer; }
.pup-box .close-btn:before{ content:'\e90f'; font-size:2rem; color:#808080; }
.pup-box .pup-info{ padding:30px; }
.pup-box .pup-info .pup-header{ display:flex; justify-content:center; align-items:center; font-size:1.8rem; padding:.5em; color:#fff; background:#0068B5; margin-bottom:30px; }
.pup-box .pup-info .tit{ font-size:1.6rem; line-height:1.5; color:#0068b5; margin-bottom:20px; }
.pup-box .pup-info table{ font-size:1.4rem; text-align:left; }
.pup-box .pup-info table tr + tr{ box-shadow:0 -1px 0 0 #0068b5; }
.pup-box .pup-info table th ,.pup-box .pup-info table td{ padding:.5em 0; vertical-align:top; }
.pup-box .pup-info table th{ color:#808080; font-weight:400; width:25%; padding-right:1em;}
.pup-box .pup-info table td{ color:#262626; }
.pup-box .pup-info .btn{ width:100%; max-width:390px; display:block; margin:20px auto; cursor:pointer; background:#7bdeff; font-size:1.6rem; color:#fff; text-align:center; padding:1em; box-sizing:border-box; }
.pup-box .pup-info p{ font-size:1.4rem; }
.pup-box .pup-info .flex_box{ display:flex; flex-direction:column; }
.pup-box .pup-info .flex_box .img_block,
.pup-box .pup-info .flex_box table{ flex:1 1  auto; }
.pup-box .pup-info .flex_box .img_block{ margin:0 auto; width:50%; max-width:300px; }
.pup-box .pup-info .flex_box .img_block img{ width:100%; }
.pup-choose{ display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; background:rgba(38,38,38,.9); position:fixed; left:0; top:0; z-index:999; }

/*Demo Showcase*/
.showcase .content{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; font-size:1.4rem; line-height:1.58; color:#262626; }
.showcase article{ margin-bottom:20px; }
.showcase h3{ color:#fff; font-weight:500; text-align:center; font-size:2rem; padding:.6em; width:100%; box-sizing:border-box; }
.showcase .show_list{ color:#262626; box-shadow:0 0 0 1px #afafaf inset; line-height:1.4; font-size:1.6rem;}
.showcase .show_list a{ box-shadow:0 0 0 .5px #afafaf inset; padding:1.2em 0.8em; line-height:1.4; width:100%; box-sizing:border-box; }
.showcase .intel h3{ background:#0068B5; }
.showcase .partner h3{ background:#86B3CA; }
.showcase .partner .show_list strong{ color:#004A86; font-weight:400; }
.showcase .partner .slick-dots{ bottom:0; transform:translateY(130%); z-index:0;}
.showcase .partner .slick-dots li button:before{ color:#86b3ca; font-size:1.4rem; }
.showcase .partner .slick-dots li.slick-active button:before{ opacity:1; color:#0068B5; }
.showcase .partner .slick-prev, .showcase .partner .slick-next{ top:auto; bottom:0; width:auto; height:auto; transform:translateY(130%); z-index:1; } 
.showcase .partner .slick-prev{ left:0; }
.showcase .partner .slick-next{ right:0; }
.showcase .partner .slick-prev:before, .showcase .partner .slick-next:before{ color:#86b3ca; font-size:3rem; }

/*Keynotes/Track*/
.keynote .content{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; font-size:1.4rem; line-height:1.58; color:#262626; }
.keynote article{ margin-bottom:20px; }
.keynote .btn-box{ display:flex; justify-content:center; margin:40px 0; }
.keynote .btn_register{ display:inline-flex; justify-content:center; align-items:center; height:50px; font-size:2rem; line-height:1.2; color:#fff; background:#004a86; box-sizing:border-box; padding:0 20px 0 20px; }
.btn_register+.btn_register{ margin: 0 0 0 5px; }
.keynote .tabs .ui-tabs-nav{ display:flex; text-align:center; }
.keynote .tabs .ui-tabs-nav li{ background:#E9E9E9; flex:1 1 auto; color:#262626; width:calc(100% - 4px / 3);}
.keynote .tabs .ui-tabs-nav li.ui-tabs-active{ background:#0068B5; color:#fff; }
.keynote .tabs .ui-tabs-nav li:nth-of-type(2){ margin:0 2px;}
.keynote .tabs .ui-tabs-nav li a{ width:100%; padding:6px; box-sizing:border-box; }
.keynote .tabs .ui-tabs-nav li h3{ font-size:2.4rem; font-weight:400; line-height:1.4; }
.keynote .tabs .ui-tabs-nav li span{ font-size:1.2rem; }
.keynote .tabs .ui-tabs-panel{ padding:36px 0; }
.keynote .ui-tabs-panel .day_title h3{ color:#0068B5; font-size:2.4rem; text-align:center; font-weight:500; }
.keynote .ui-tabs-panel .day_title h3 span{ font-size:2rem; font-weight:400; }
.keynote .ui-tabs-panel .day_title h5{ font-size:1.3rem; font-weight:400; color:#262626; text-align:center; margin-bottom:1em; }
.keynote .ui-tabs-panel .component{ width:100%; max-width:100%; overflow:auto; box-shadow:0 0 0 1px #DBDBDB; margin-bottom:64px; }
.keynote .ui-tabs-panel table{ text-align:left; min-width:100%; table-layout:fixed; font-size:1.6rem; }
.keynote .ui-tabs-panel table{ border-collapse:collapse; box-shadow: 0 0 0 1px #dbdbdb;}
.keynote .ui-tabs-panel table tr{ display:flex; }
.keynote .ui-tabs-panel table td{ box-shadow:0 0 0 .5px #DBDBDB inset; position:relative; padding:0; display:flex; flex-wrap:wrap; align-content:flex-start; flex:1 1 auto;}
.keynote .ui-tabs-panel table tr td:nth-of-type(1){ font-size:1.3rem; color:#262626; background:#fff; box-sizing:content-box; flex:0 0 6em; padding:.6em;  } 
.keynote .ui-tabs-panel table td input[type="checkbox"],
.keynote .ui-tabs-panel table td a{ position:relative; z-index:2; cursor:pointer;}
.keynote .ui-tabs-panel table td input[type="checkbox"]{ color:#AFAFAF; text-align:center; display:inline-block; padding:.5em .6em; width:1em; box-sizing:content-box; pointer-events:none; opacity:0; }
.register .ui-tabs-panel table td input[type="checkbox"]{ pointer-events: auto; opacity:1; }
.keynote .ui-tabs-panel table td input[type="checkbox"]:before{ content:'\e91f'; }
.keynote .ui-tabs-panel table td input[type="checkbox"]:checked:before{ content:'\e920'; }
.keynote .ui-tabs-panel table td label{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.keynote .ui-tabs-panel table td input[type="checkbox"]:checked + label{ background:#E9E9E9;  }
.keynote .ui-tabs-panel table td a{ padding:.6em .6em .6em 0; width:calc(100% - 2.8em); line-height:1.2; color:#004A86;}
.keynote .ui-tabs-panel ul li a{ color:#004A86;}
.keynote .ui-tabs-panel table h4{ color:#fff; font-size:inherit; font-weight:400; text-align:center; line-height:1.4; padding:.8em 0; width:100%; z-index:5; }
.keynote .ui-tabs-panel table td.break{ padding:.6em .6em .6em 2.2em; }
.keynote .ui-tabs-panel .component table td{ width:260px; }
.keynote .ui-tabs-panel .component table td:nth-of-type(1){ position:sticky; left:0; border-left:0; z-index:10;}
.keynote .ui-tabs-panel .component table.day1{ width:calc(260px * 6 + 6em); }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(2) h4{ background:#00285A; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(3) h4{ background:#004A86; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(4) h4{ background:#0068B5; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(5) h4{ background:#000F8A; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(6) h4{ background:#005B85; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(7) h4{ background:#0095CA; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(2) a{ color:#00285A; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(3) a{ color:#004A86; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(4) a{ color:#0068B5; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(5) a{ color:#000F8A; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(6) a{ color:#005B85; }
.keynote .ui-tabs-panel .component table.day1 tr td:nth-of-type(7) a{ color:#0095CA; }
.keynote .ui-tabs-panel .component table.day2{ width:calc(260px * 8 + 6em); }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(2) h4{ background:#B24501; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(3) h4{ background:#E96115; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(4) h4{ background:#EDB200; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(5) h4{ background:#653171; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(6) h4{ background:#8F5DA2; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(7) h4{ background:#5B69FF; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(8) h4{ background:#8BAE46; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(9) h4{ background:#708541; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(2) a{ color:#B24501; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(3) a{ color:#E96115; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(4) a{ color:#EDB200; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(5) a{ color:#653171; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(6) a{ color:#8F5DA2; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(7) a{ color:#5B69FF; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(8) a{ color:#8BAE46; }
.keynote .ui-tabs-panel .component table.day2 tr td:nth-of-type(9) a{ color:#708541; }
.keynote .keynotes_online h3{ font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; margin-bottom:.5em;} 
.keynote .keynotes_online .part1{ margin:0 auto; max-width:1006px; }
.keynote .keynotes_online .part1 h3{ color:#0068B5; }
.keynote .keynotes_online .part1 h4{ font-size:1.6rem; font-weight:400; }
.keynote .keynotes_online .part1 .day_title{ margin-top:74px; }
.keynote .download{ padding-top:60px; }
.keynote .download .link_list a:before{ content:''; }

/* logout */
.logout-box{ display: flex; justify-content: flex-end; align-items: center; width:calc(100vw - 30px); margin:0 auto; padding:0 15px; height: 40px; margin: 0 auto; box-sizing: border-box; padding: 0 5px 0 0; position: relative; }
.logout-box .logout-btn{ font-size: 1.6rem; color: #0068b5;  }
.logout-box .logout-btn a:after{ content: '\e970'; margin: 0 0 0 5px; }

/* register */
.step-header{ display: inline-block; flex-direction: column; justify-content: center; align-items: start; width: 100%; height: 50px; background: #edf5f8; margin: 0 auto 10px; box-sizing: border-box; padding: 0 15px 0 15px; font-size: 1.8rem; line-height: 1.2; color: #0068b5; }
.step-header .note{ font-size: 1.4rem; line-height: 1.58; color: #515a3d; margin: 0 0 0 0; }
.register .form-box{ width:calc(100vw - 30px); margin:0 auto; box-sizing: border-box; padding:0 15px;   }
.register .form-box .twocol-box{ display: flex; flex-direction: column; }
.register .form-box .twocol-box .col-1{  }
.register .form-box .twocol-box .col-2{  margin: 20px 0 0 0; }
.register .form-list{ font-size: 1.4rem; line-height: 1.5;  }
.register .form-list>li{ display: flex; align-items: center; }
.register .form-list>li+li{ margin: 10px 0 0 0; }
.register .form-list label{ color: #004a86; }
.register .col-1 .form-list label{ width: 110px; }
.register .col-2 .form-list label{ }
.register .col-2 .form-list>li{ flex-direction: column; align-items: start; }
.register .form-list input[type='text']{ width: 250px; height: 40px; border-radius: 4px; border: 1px solid #0071C5; box-sizing: border-box; padding: 0 10px 0 10px; font-size: 1.4rem; color: #000; }
.register .form-list input[type='text'].noinput{ border: none; color: #000; background: #edf5f8; }
.register .check-box{ position: absolute; left: 5px; top: 0px; font-size: 2rem; color: #e9e9e9;  }
.register .form-list .select-box{ display: inline-block; width: 100%; height: 40px; overflow: hidden; border-radius: 4px; border: 1px solid #0068b5; position: relative; vertical-align: middle; }
.register .form-list .select-box:before{ display: inline-block; content: "\e916"; color: #0071c5; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;  z-index: 1;  }
.register .form-list select{ background: transparent; width: 100%; padding: 0px 10px 0 10px; font-size: 1.4rem;  color: #000; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute;}
.register .color_red{ color: #ff5662; }
.register .product-category{ display: flex; flex-direction: column; width:calc(100vw - 60px); margin: 20px auto 30px; font-size: 1.4rem; line-height: 1.58; color: #0068b5;  }
.register .product-category .choose-btn{ display: flex; justify-content:space-between; align-items: center; width: 100%; height: 40px; border-radius: 4px; background: #edf5f8; border: 1px solid #0071C5; box-sizing: border-box; padding: 0 10px 0 10px; cursor: pointer; }
.register .product-category .choose-btn:after{ content:'\e901'; color: #0068b5; margin: 0 0 0 10px; }
.register .product-category .choose-info{ display: flex; align-items: center; width: 100%; min-height: 40px; border-radius: 4px; border: 1px solid #AFAFAF; box-sizing: border-box; padding: 0 10px 0 10px; margin: 10px 0 0 0; }
/* choose category */
.register .choose-box{ width:calc(100vw - 30px); height: 70vh; margin: 0 auto; background: #fff; }
.register .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 1.4rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.register .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: auto; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; box-sizing: border-box; padding: 0 12px 0 12px; }
.register .choose-box .choose-l1>li:hover,.register .choose-box .choose-l1>li.active{ color: #fff; background: #0068b5; }
.register .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.register .choose-l1 .close-btn:before{ content:'\e90f'; font-size:1.6rem; color:#000; }
.register .choose-box .btn-box{ display: flex; justify-content: center; align-items: center; height: 70px; background: #edf5f8; margin: 0 auto; }
.register .choose-category{ height: calc( 100% - 120px); font-size: 1.5rem; line-height: 1.58; overflow: hidden; }
.register .choose-content{ display: flex; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1);  } 
.register .choose-content.active{ transform: translateX(-100%); }
.register .choose-category .col-1{ width: 100%; height: 100%; overflow: scroll; flex-shrink: 0; }
.register .choose-category .col-2{ width: 100%; height: 100%; overflow: scroll; flex-shrink: 0; }
.register .choose-category .choose-l2>li{ display: flex; align-items: center; height: 50px; background: #e9e9e9; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 30px 0 30px; position: relative; cursor: pointer; transition:all .4s cubic-bezier(0.42,0,0.58,1); }
.register .choose-category .choose-l2>li:after{ content: '\e913'; color: #808080; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.register .choose-category .choose-l2>li.active,.register .choose-category .choose-l2>li:hover{ background: #fff; }
.register .choose-category .top-l2{ box-sizing: border-box; padding: 0 0 0 40px; border-bottom: 1px solid #DDDDDD; position: relative; }
.register .choose-category .checkradio-box{ display: flex; align-items: center; min-height: 40px; box-sizing: border-box; padding: 0 40px 0 0; position: relative;  }
.register .choose-category input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.register .choose-category input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.register .choose-category input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.register .choose-category input[type=radio]:checked + label{ color:#0068B5; }
.register .choose-category .choose-l3>li{ box-sizing: border-box; padding: 0 0 0 60px; border-bottom: 1px dashed #DDDDDD; position: relative; }
.register .choose-category .checkradio-box .l4-arrow{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.register .choose-category .checkradio-box .l4-arrow:after{ content: '\e916'; color: #808080; }
.register .choose-category .checkradio-box .l4-arrow.active:after{ content: '\e917'; }
.register .choose-category .choose-l4{ display: none; }
.register .choose-category .choose-l4>li{ box-sizing: border-box; padding: 0 0 0 30px; position: relative; }
.register .choose-category .back-arrow{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.register .choose-category .back-arrow:after{ content: '\e915'; color: #808080; }

/* search form */
.search-form{ width:calc(100vw - 30px); margin: 20px auto 30px; font-size: 1.5rem; line-height: 1.58; }
.search-form .form-box{ display: flex; flex-direction: column; margin: 0 0 20px 0; }
.search-form .btn{ display: flex; justify-content: center; align-items: center; border-radius:5px; background: #0068b5; font-size: 1.6rem; color: #fff; min-width: 80px; height: 35px; margin: 0 0 0 5px; }
.search-form .choose-btn{ display: flex; align-items: center; margin: 0 0 10px 0; }
.search-form .search-keywords{ display: flex; flex-wrap: wrap; }
.search-form input[type=text]{ width: 70%; height: 35px; border-radius: 5px; border: 1px solid #808080; box-sizing: border-box; padding: 0 10px; margin: 0 0 0 0; }
.search-form .note-txt{ color: #0068b5; margin: 0 0 0 0;  }
/* 2023-03-22 added by nancy from E21's Symposium 2023-website design style.css */
.search-form .note-txt.gsearch{ display: none; }
.search-form .gsearchtoggle{ cursor: pointer; }
.global-search .search-form .info-box{ position: relative; }
.global-search .search-form .info{ font-size: 2.4rem; color: #0068b5; margin: 0 0 0 5px; cursor: pointer; position: relative; }
.global-search .search-form .info-pup{ width: 92vw;  border: 1px solid #afafaf; border-radius: 5px; background: #fff; box-sizing: border-box; padding: 10px 20px 10px 10px; font-size: 1.4rem; line-height: 1.5; color: #333; position: absolute; left: -83vw; top:38px; display: none; }
.global-search .search-form .info-pup .list-txt{ list-style-type: disc; margin: 0 0 0 20px; }
.global-search .search-form .info-pup .close{ color: #999; position: absolute; right: 10px; top: 10px; cursor: pointer; }
.global-search .search-form .search-keywords{ align-items: center; }

/* search bar */
.search-bar{ width:calc(100vw - 30px); margin: 20px auto 30px; display: flex; flex-direction: column; border: 1px solid #AFAFAF; }
.search-bar.gsearch{ display: none; }
/* choose category */
.search-bar .choose-wrap{ border-bottom: 1px solid #AFAFAF; }
.search-bar .choose-box{ width:calc(100vw - 30px); height: 40vh; margin: 0 auto; background: #fff; }
.search-bar .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 1.4rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.search-bar .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: auto; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; box-sizing: border-box; padding: 0 12px 0 12px; }
.search-bar .choose-box .choose-l1>li:hover,.search-bar .choose-box .choose-l1>li.active{ color: #fff; background: #0068b5; }
.search-bar .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.search-bar .choose-l1 .close-btn:before{ content:'\e90f'; font-size:1.6rem; color:#000; }
.search-bar .choose-box .btn-box{ display: flex; justify-content: center; align-items: center; height: 70px; background: #edf5f8; margin: 0 auto; }
.search-bar .choose-category{ height: calc( 100% - 52px); font-size: 1.5rem; line-height: 1.58; overflow: hidden; }
.search-bar .choose-content{ display: flex; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1);  } 
.search-bar .choose-content.active{ transform: translateX(-100%); }
.search-bar .choose-category .col-1{ width: 100%; height: 100%; overflow: scroll; flex-shrink: 0; }
.search-bar .choose-category .col-2{ width: 100%; height: 100%; overflow: scroll; flex-shrink: 0; }
.search-bar .choose-category .choose-l2>li{ display: flex; align-items: center; height: 50px; background: #e9e9e9; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 30px 0 30px; position: relative; cursor: pointer; transition:all .4s cubic-bezier(0.42,0,0.58,1); }
.search-bar .choose-category .choose-l2>li:after{ content: '\e913'; color: #808080; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.search-bar .choose-category .choose-l2>li.active,.search-bar .choose-category .choose-l2>li:hover{ background: #fff; }
.search-bar .choose-category .top-l2{ box-sizing: border-box; padding: 0 0 0 40px; border-bottom: 1px solid #DDDDDD; position: relative; }
.search-bar .choose-category .checkradio-box{ display: flex; align-items: center; min-height: 40px; box-sizing: border-box; padding: 0 40px 0 0; position: relative;  }
.search-bar .choose-category input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.search-bar .choose-category input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.search-bar .choose-category input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.search-bar .choose-category input[type=radio]:checked + label{ color:#0068B5; }
.search-bar .choose-category input[type=checkbox]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.search-bar .choose-category input[type=checkbox]+ label:before { content:'\e91f'; color:#ccc; margin-right:10px;}
.search-bar .choose-category input[type=checkbox]:checked + label:before {content:'\e920'; color:#0068B5;}
.search-bar .choose-category input[type=checkbox]:checked + label{ color:#0068B5; }
.search-bar .choose-category .choose-l3>li{ box-sizing: border-box; padding: 0 0 0 60px; border-bottom: 1px dashed #DDDDDD; position: relative; }
.search-bar .choose-category .checkradio-box .l4-arrow{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.search-bar .choose-category .checkradio-box .l4-arrow:after{ content: '\e916'; color: #808080; }
.search-bar .choose-category .checkradio-box .l4-arrow.active:after{ content: '\e917'; }
.search-bar .choose-category .choose-l4{ display: none; }
.search-bar .choose-category .choose-l4>li{ box-sizing: border-box; padding: 0 0 0 30px; position: relative; }
.search-bar .choose-category .back-arrow{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.search-bar .choose-category .back-arrow:after{ content: '\e915'; color: #808080; }
/* choose info */
.search-bar .choose-info{ width: 100%; height: 300px; background: #edf5f8; box-sizing: border-box; padding: 20px 20px 20px 20px; font-size: 1.5rem; line-height: 1.58; color: #0068b5; }
.search-bar .choose-list{ height: 80%; overflow: scroll; }
.search-bar .choose-list>li+li{ margin: 5px 0 0 0; }
.search-bar .btn-box{ display: flex; justify-content: center; align-items: center; margin: 20px 0 10px 0; }
.search-bar .btn-box .btn{ display: flex; justify-content: center; align-items: center; border-radius:5px; background: #0068b5; font-size: 1.6rem; color: #fff; min-width: 80px; height: 35px; }
.search-bar .btn-box .btn+.btn{ margin: 0 0 0 20px; }

/* search tag */
.search-tag{ width:calc(100vw - 30px); margin: 20px auto 30px; font-size: 1.5rem; line-height: 1.58; display: flex; flex-wrap: wrap; }
.search-tag>li{ min-height: 33px; border-radius: 5px; border: 1px solid #AFAFAF; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 10px 10px; margin: 10px 10px 0 0; }
.search-tag>li a{ transition: all .2s cubic-bezier(0.42,0,0.58,1); }
.search-tag>li a:hover{ color: #00a3f6; text-decoration: underline; }
.search-tag .close{ font-size: 1.2rem; color: #999999; margin: 0 0 0 10px; cursor: pointer; }

/* global search */
.global-search{ width:calc(100vw - 30px); margin: 20px auto 20px; font-size: 1.5rem; line-height: 1.58; }
.global-search .search-global{ display: flex; flex-wrap:wrap;  }
.global-search .search-global input[type=text]{ width: 75%; height: 35px; border-radius: 5px; border: 1px solid #808080; box-sizing: border-box; padding: 0 10px; margin: 0 10px 0 0; }
.global-search .search-global .btn{ display: flex; justify-content: center; align-items: center; text-align: center; width: 80px; height: 35px; background: #0068b5; color: #fff; border-radius: 5px; box-sizing: border-box; padding: 0 10px; cursor: pointer;  }
.global-search .search-list{ display: flex; flex-direction: column; margin: 40px 0 0 0; }
.global-search .search-list>.col-1{ width: 100%; box-sizing: border-box; padding: 0 0 30px 0; border: 1px solid #AFAFAF; border-width: 0 0 1px 0; }
.global-search .search-list .search-category li{  width: 100%; display: flex; justify-content: space-between; align-items: center; transition: all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer;  }
.global-search .search-list .search-category li>div{ display: flex; justify-content: space-between; align-items: center; }
.global-search .search-list .search-category li+li{ margin: 20px 0 0 0; }
.global-search .search-list .search-category li .icon:after{ content: '\e922'; font-size: 1.4rem; color: #afafaf; margin: 0 5px 0 0; }
.global-search .search-list .search-category li .quantity-nun{ font-size: 1.3rem; color: #808080; }
.global-search .search-list .search-category li.active{ color: #0C68B5; }
.global-search .search-list .search-category li.active .icon:after{ content: '\e923'; color: #0C68B5; margin: 0 5px 0 0; }
.global-search .search-list .search-category li.active .quantity-nun{ color: #0C68B5; }
.global-search .search-list .list-box{ font-size: 1.4rem; line-height: 1.58; }
.global-search .search-list .list-box>li+li{ margin: 20px 0 0 0; }
.global-search .search-list .tit a{ color: #0C68B5; text-decoration: underline; }
.global-search .search-list .search-keywords{ color: #b24510; font-weight: bold;  }
.global-search .search-list>.col-2{ box-sizing: border-box; padding: 20px 0 0 0; }
.global-search .search-list .link-btn{ height: 20px; background: #edf5f8; box-sizing: border-box; padding: 0 5px; color: #0C68B5;  }
.global-search .search-list .note-list{ list-style-type: disc; margin: 0 0 0 20px; }
.global-search .search-breadcrumb{ display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 30px 0; }
.global-search .search-breadcrumb a{ text-decoration: underline; margin: 0 0 0 10px; }
.global-search .number{ color: #808080; font-size: 1.4rem; margin: 0 5px 0 5px; }
.global-search .number a{ color: #0C68B5; margin: 0 0 0 0; text-decoration:none ; }
.global-search .choose-btn.gsearchtoggle{ margin: 10px 30px 0 0; }
.global-search .choose-btn.gsearchtoggle:after{ content: '\e909'; margin: 0 0 0 5px; color: #0C68B5; }
.global-search .choose-btn.gsearchtoggle.active:after{ content: '\e90c'; }
.global-search .search-form input[type=text]{ width: 35%; margin: 0 0 0 5px; }
.global-search .search-bar .choose-info input[type=text]{ width: 100%; height: 35px; border-radius: 5px; border: 1px solid #808080; box-sizing: border-box; padding: 0 10px; margin: 10px 0 0 0; }
.global-search .search-bar .choose-list{ height: 75%; overflow: scroll; }
.global-search .search-bar.gsearch{ display: none; }

.global-search .search-bar .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 1.4rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.global-search .search-bar .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: auto; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; padding: 0 6px 0 6px; }
.global-search .search-bar .choose-box .choose-l1>li:hover,.global-search .search-bar .choose-box .choose-l1>li.active{ color: #262626; background:#EDF5FA; }
.global-search .search-bar .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.global-search .choose-l1 .checkradio-box{ display: flex; align-items: center; height: 49px; box-sizing: border-box; padding: 0 0 0 0; position: relative;  }
.global-search .choose-l1 input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.global-search .choose-l1 input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.global-search .choose-l1 input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.global-search .choose-l1 input[type=radio]:checked + label{ color:#0068B5; }
.global-search .choose-l1 input[type=checkbox]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.global-search .choose-l1 input[type=checkbox]+ label:before { content:'\e91f'; color:#ccc; margin-right:5px;}
.global-search .choose-l1 input[type=checkbox]:checked + label:before {content:'\e920'; color:#0068B5;}
.global-search .choose-l1 input[type=checkbox]:checked + label{ color:#0068B5; }

/* pup msg */
.pup-msg{ width: 96%; max-width: 500px; min-height: 200px; background: #fff; box-sizing: border-box; padding: 40px 20px 20px 20px; font-size: 2rem; line-height: 1.58; position: relative; }
.pup-msg p{ text-align: center; }
.pup-msg .btn-box{ margin: 30px auto 0 auto; }
.pup-msg .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#e9e9e9; position:absolute; right:0; top:0; cursor:pointer; }
.pup-msg .close-btn:before{ content:'\e90f'; font-size:2rem; color:#808080; }





/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

.se-wrap{ box-sizing: border-box; padding: 0 0 200px 0;  }

/* nav */
.se-nav{ display: flex; align-items: flex-end; height: 66px; background: #0068b5; }
.se-nav .mobile-tabheader{ display: none; }
.se-tab{ width: 100%; display: flex; flex-direction: row; align-items: stretch;  height: 50px; justify-content: center; box-sizing: border-box; padding: 0 10px 0 10px; background: none; position: static; transform: translateX(0); }
.se-tab>li{ width: auto; height: auto; line-height: 0; font-size: 1.4rem; line-height: 1.2; color: #fff; text-align: center; position: relative; -webkit-font-smoothing: antialiased; }
.se-tab>li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;  box-sizing: border-box; padding: 0 10px 0 10px;  }
.se-tab>li a:hover{ text-decoration: underline; }
.se-tab>li.active{ background: #fff; color: #0068b5; }

/* msg */
.se-msg{ width: 96vw; margin: 40px auto 0; box-sizing: border-box; padding: 0; font-size: 1.6rem; line-height: 1.58; text-align: center; color: #262626; }
.se-msg .tit{ font-size: 3rem; line-height: 1.2; color: #0068b5; margin: 0 0 10px 0; }

/* technology programs */
.se-tp{ width: 96vw;  margin: 40px auto 0; }
.se-tp h5{ font-size: 3rem; font-weight: 400; color: #262626; text-align: center; }
.se-tp .tp-list{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 10px 0 0 0; }
.se-tp .tp-list li{ width: 46vw; height: 30.36vw; overflow: hidden; line-height: 0; margin: 1vw 1vw 1vw 1vw; position: relative; }
.se-tp .tp-list li a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.se-tp .tp-list li img{ width: 100%; transition: all .4s cubic-bezier(0.42,0,0.58,1); }
.se-tp .tp-list li:hover img{ transform: scale(1.1); }
.se-tp .tp-list .tp-name{ width: 210px; font-size: 2.4rem; line-height: 1.2; text-align: right; color: #fff; font-weight: 500; position: absolute; /* right: 55px; top: 125px; */ right: 14.47%; top: 50%; z-index:1; }
.se-tp .tp-list .tp-name:before{ content: ''; display: block; width: 25px; height: 25px; background: #e96115; position: absolute; right: -25px; top: -18px; }

/* Symposium Partners */
.se-sp{ width: 96vw; margin: 40px auto 0; box-sizing: border-box; padding: 0; }
.se-sp h5{ font-size: 3rem; font-weight: 400; color: #183544; text-align: center; }
.se-sp .sp-select{ display: flex; flex-direction: row; justify-content: center; margin: 20px 0 0 0; }
.se-sp select{ background: transparent; width: 100%; padding: 0px 20px; font-size: 1.6rem; text-align: center;  color: #262626; border: 0;  border-radius: 0;  height: 50px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.se-sp .select-box{ display: inline-block; width: 28vw; height: 50px; overflow: hidden; border: 1px solid #262626; position: relative; vertical-align: middle; box-sizing: border-box; }
.se-sp .select-box:before{ display: inline-block; content: "\e916"; font-size: 1.4rem; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: -1; }
.se-sp .select-box+.select-box{ margin: 0 0 0 10px; }
.se-sp .sp-select button{ display: flex; justify-content: center; align-items: center; width: 28vw; height: 50px; background: #004a86; font-size: 1.6rem; color: #fff; margin: 0 0 0 10px; cursor: pointer; transition: all .4s cubic-bezier(0.42,0,0.58,1); }
.se-sp .sp-select button:hover{ background: #0068b5; }

/* symposium */
/* sub kv */
.sub-kv{ width: 96vw; margin: 0 auto 30px; }
.sub-kv img{ width: 100%; }
.sub-kv video{ width: 100%;  height: auto;}
.sub-kv .pc{ display: block; }
.sub-kv .mobile{ display: none; }

/* event map */
.event-map{ display: flex; flex-direction: row; justify-content: space-between; width: 96vw; margin: 0 auto 50px; }
.event-map>div{ width: 45%; max-width: 450px;  }
.event-map>div+div{ margin: 0 0 0 0; }
.event-map .map_tit{ font-size: 2rem; color: #0068b5; margin: 0 0 10px 0; }
.event-map .map-box{ width: 100%; height: 250px; }
.event-map .map-box iframe{ width: 100%; height: 100%; }
.event-map .map_name{ font-size: 1.7rem; color: #00285a; margin: 20px 0 10px 0; }
.event-map .map_address{ font-size: 1.5rem; line-height: 1.58; color: #808080; margin: 0 0 10px 25px; box-sizing: border-box; padding: 0 0 0 0px; }
.event-map .map_address:before{ content: '\e971'; color: #262626; margin: 0 12px 0 -25px; }
.event-map .map_phone{ font-size: 1.5rem; line-height: 1.58; color: #808080; margin: 0 0 10px 25px; box-sizing: border-box; padding: 0 0 0 0px; }
.event-map .map_phone:before{ content: '\e972'; color: #262626; margin: 0 12px 0 -25px; }

/* keynote speakers */
.keynote-speakers{ width: 96vw; margin: 0 auto; }
.keynote-speakers h5{ font-size: 3rem; font-weight: 400; color: #262626; text-align: center; }
.keynote-speakers .speaker-list{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0; }
.keynote-speakers .speaker-list>li{ width: 47%; background: #fff; box-sizing: border-box; padding: 10px 10px 20px 10px; margin: 10px 10px 10px 10px; display: flex; }
.keynote-speakers .speaker-list .img-box{ width: 100%; max-width: 100px; line-height: 0; flex-shrink: 0; margin: 0 10px 0 0; }
.keynote-speakers .speaker-list .img-box img{ width: 100%; }
.keynote-speakers .speaker-list .speaker-portrait{ display: flex; margin: 0 20px 0 0; width: 100px; }
.keynote-speakers .speaker-list .speaker-info{ display: flex; flex-direction: column; justify-content: space-between; color: #0068b5; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 30px 0; }
.keynote-speakers .speaker-list .speaker-info .info_name{ font-size: 2rem; color: #00a3f6; }
.keynote-speakers .speaker-list .speaker-info .info_name:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 2px solid #76CEFF; margin: 5px 0 10px 0; }
.keynote-speakers .speaker-list .speaker-info .info_tit{ font-size: 1.2rem; line-height: 1.2; }
.keynote-speakers .speaker-list .speaker-description{ font-size: 1.4rem; line-height: 1.58; color: #808080; }

/*Account Manager Approval*/
.accountmanager .chart_box li{ width:calc(99% / 2 - 10px); margin-right:20px; }
.accountmanager .chart_box li:nth-of-type(even){ margin-right:0; }
.accountmanager .filter_list{ flex-direction:row; flex-wrap:wrap; }
.accountmanager .filter_list li{ min-width:calc(100% / 5); }
.accountmanager .filter_list li a{ width:calc(100% - 6px);}
.accountmanager .filter_list .filter_box{ width:100%; max-width:auto;}
.accountmanager .filter_list .option_block{  max-height:30vh;}

/* register */
.step-header{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; max-width: 1260px; height: 50px; background: #edf5f8; margin: 0 auto 10px; box-sizing: border-box; padding: 0 15px 0 15px; font-size: 2rem; line-height: 1.58; color: #0068b5; }
.step-header .note{ font-size: 1.7rem; line-height: 1.58; color: #515a3d; margin: 0 0 0 10px; }
.register .form-box{ width: 96vw; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 0;  }
.register .form-box .twocol-box{ display: flex; flex-direction: row; justify-content: space-between; }
.register .form-box .twocol-box .col-1{ width: 40%; }
.register .form-box .twocol-box .col-2{ width: 55%; margin: 0 0 0 0; }
.register .form-list{ font-size: 1.5rem; line-height: 1.5;  }
.register .form-list>li{ display: flex; align-items: center; }
.register .form-list>li+li{ margin: 10px 0 0 0; }
.register .form-list label{ color: #004a86; }
.register .col-1 .form-list label{ width: 120px; }
.register .col-2 .form-list label{ width: 200px; flex-shrink: 0; }
.register .col-2 .form-list>li{ flex-direction: row; }
.register .form-list input[type='text']{ width: 200px; height: 40px; border-radius: 4px; border: 1px solid #0071C5; box-sizing: border-box; padding: 0 10px 0 10px; font-size: 1.5rem; color: #000; }
.register .form-list input[type='text'].noinput{ border: none; color: #000; background: #edf5f8; }
.register .check-box{ position: absolute; left: 5px; top: 0px; font-size: 2rem; color: #e9e9e9;  }
.register .form-list .select-box{ display: inline-block; width: 400px; height: 40px; overflow: hidden; border-radius: 4px; border: 1px solid #0068b5; position: relative; vertical-align: middle; }
.register .form-list .select-box:before{ display: inline-block; content: "\e916"; color: #0071c5; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;  z-index: 1;  }
.register .form-list select{ background: transparent; width: 100%; padding: 0px 10px 0 10px; font-size: 1.5rem;  color: #000; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute;}
.register .color_red{ color: #ff5662; }
.register .product-category{ display: flex; flex-direction: row; width: 96vw; margin: 20px auto 50px; font-size: 1.58rem; line-height: 1.58; color: #0068b5;  }
.register .product-category .choose-btn{ display: flex; justify-content:space-between; align-items: center; width: 270px; height: 40px; border-radius: 4px; background: #edf5f8; border: 1px solid #0071C5; box-sizing: border-box; padding: 0 10px 0 10px; cursor: pointer; }
.register .product-category .choose-btn:after{ content:'\e901'; color: #0068b5; margin: 0 0 0 10px; }
.register .product-category .choose-info{ display: flex; align-items: center; width: 500px; height: 40px; border-radius: 4px; border: 1px solid #AFAFAF; box-sizing: border-box; padding: 0 10px 0 10px; margin: 0 0 0 20px; }
/* choose category */
.register .choose-box{ width: 96vw; height: 600px; margin: 0 auto; background: #fff; }
.register .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 2rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.register .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: 175px; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; }
.register .choose-box .choose-l1>li:hover,.register .choose-box .choose-l1>li.active{ color: #fff; background: #0068b5; }
.register .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.register .choose-l1 .close-btn:before{ content:'\e90f'; font-size:1.6rem; color:#000; }
.register .choose-box .btn-box{ display: flex; justify-content: center; align-items: center; height: 70px; background: #edf5f8; margin: 0 auto; }
.register .choose-category{ height: calc( 100% - 120px); font-size: 1.8rem; line-height: 1.58; }
.register .choose-content{ display: flex; height: 100%; } 
.register .choose-category .col-1{ width: 45%; height: 100%; overflow: scroll; }
.register .choose-category .col-2{ width: 55%; height: 100%; overflow: scroll; }
.register .choose-category .choose-l2>li{ display: flex; align-items: center; height: 50px; background: #e9e9e9; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 30px 0 30px; position: relative; cursor: pointer; transition:all .4s cubic-bezier(0.42,0,0.58,1); }
.register .choose-category .choose-l2>li:after{ content: '\e913'; color: #808080; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.register .choose-category .choose-l2>li.active,.register .choose-category .choose-l2>li:hover{ background: #fff; }
.register .choose-category .top-l2{ box-sizing: border-box; padding: 0 0 0 20px; border-bottom: 1px solid #DDDDDD; height: 50px; }
.register .choose-category .checkradio-box{ display: flex; align-items: center; height: 49px; box-sizing: border-box; padding: 0 40px 0 0; position: relative;  }
.register .choose-category input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.register .choose-category input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.register .choose-category input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.register .choose-category input[type=radio]:checked + label{ color:#0068B5; }
.register .choose-category .choose-l3>li{ box-sizing: border-box; padding: 0 0 0 50px; border-bottom: 1px dashed #DDDDDD; position: relative; }
.register .choose-category .checkradio-box .l4-arrow{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.register .choose-category .checkradio-box .l4-arrow:after{ content: '\e916'; color: #808080; }
.register .choose-category .checkradio-box .l4-arrow.active:after{ content: '\e917'; }
.register .choose-category .choose-l4{ display: none; }
.register .choose-category .choose-l4>li{ box-sizing: border-box; padding: 0 0 0 30px; position: relative; }
.register .choose-category .back-arrow{ display: none; }
/* 2023-03-22 added by nancy from E21's Symposium 2023-website design style.css */
.global-search .search-form .info-pup{ width: 500px;  padding: 10px 20px 10px 10px; position: absolute; left: -471px; top:38px;  }

}





/* $橫的版型 */
@media screen and (orientation:landscape){ 
/*Download Event Material*/
.download .content{ max-width:1290px; font-size:1.8rem; }
.download .keynote .link_list li{ flex:1 1 auto; width:calc(100% / 4);}
.download .keynote .link_list li a{ align-items:baseline; padding:.8em; }
.download .projectAthena{ display:flex; flex-wrap:wrap; justify-content:flex-start; }
.download .projectAthena .link_group{ width:calc(100% / 4); }
.download .other{ display:flex; flex-wrap:wrap; justify-content:flex-start; }
.download .other .link_group{ width:calc(100% / 4); box-shadow:-1px 0 0 #e9e9e9 inset;}
.download .other .link_group:nth-of-type(4n){ box-shadow:none; }

/*pup up*/
.pup-box .pup-info .pup-header{ font-size:2.4rem;  }
.pup-box .pup-info .tit{ font-size:2.5rem; }
.pup-box .pup-info p{ font-size:1.8rem; }
.pup-box .pup-info table{ font-size:1.8rem; }
.pup-box .pup-info .btn{ transition:all .4s cubic-bezier(.23,1,.32,1); }
.pup-box .pup-info .btn:hover{ background:#0068b5; }

/*Demo Showcase*/
.showcase .content{ max-width:1290px; font-size:1.8rem; }
.showcase .show_list{ display:flex; flex-wrap:wrap; }
.showcase .show_list a{ width:calc(100% / 5); }

/*pup up*/
.pup-box .pup-info .flex_box{ flex-direction:row; }
.pup-box .pup-info .flex_box .img_block{ width:50%; margin:0 2% 0 0; }

/*Keynotes/Track*/  
.keynote .content{ max-width:1290px; font-size:1.8rem; }
.keynote .tabs .ui-tabs-nav li span{ font-size:1.4rem; }
.keynote .ui-tabs-panel table td a:hover{ text-decoration:underline; }
.keynote .ui-tabs-panel ul li a:hover{ text-decoration:underline; }
.keynote .keynotes_online h3{ font-size:4rem; }
.keynote .keynotes_online .part1 h4{ font-size:2.4rem; }

}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px){

html,body{ min-width: 100%; }

.se-wrap{ box-sizing: border-box; padding: 0 0 200px 0;  }
.full-wrap{ width: 100%; background: #e9e9e9; box-sizing: border-box; padding: 50px 0 50px 0; }

/* kv */
.se-kv{ display: flex; align-items: flex-end; max-height: 428px; overflow: hidden; line-height: 0; position: relative; }
.se-kv img{ width: 100% }
.se-kv .kv-idx{ width: 91%; max-width: 1245px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.se-kv a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/* nav */
.se-nav{ display: flex; align-items: flex-end; height: 66px; background: #0068b5; }
.se-nav .mobile-tabheader{ display: none; }
.se-tab{ width: 100%; display: flex; flex-direction: row; align-items: stretch; height: 50px; justify-content: center; box-sizing: border-box; padding: 0 15px 0 15px; background: none; position: static; transform: translateX(0); }
.se-tab>li{ width: auto; height: auto; line-height: 0; font-size:1.8rem; line-height: 1.2; color: #fff; text-align: center; position: relative; transition: all .4s cubic-bezier(0.42,0,0.58,1); -webkit-font-smoothing: antialiased; }
.se-tab>li a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;  box-sizing: border-box; padding: 0 20px 0 20px;  }
.se-tab>li a:hover{ text-decoration: underline; }
.se-tab>li.active{ background: #fff; color: #0068b5; }

/* msg */
.se-msg{ width: 100%; max-width: 1260px; margin: 50px auto 0; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 1.8rem; line-height: 1.58; text-align: center; color: #262626; }
.se-msg .tit{ font-size: 4rem; line-height: 1.2; color: #0068b5; }
.se-msg .subtit{ font-size: 2.4rem; line-height: 1.2; margin: 0 0 20px 0;  }
.inpage .se-msg{ max-width: 1000px; text-align: left; padding: 0 20px 0 0; }
.inpage .se-msg .btn-box{ display: flex; justify-content: center; margin: 40px 0 100px 0; }
.inpage .se-msg .btn_register{ display: inline-flex; justify-content: center; align-items: center; height: 50px; font-size: 2rem; line-height: 1.2; color: #fff; background: #004a86;  box-sizing: border-box; padding: 0 20px 0 20px; transition: all .4s cubic-bezier(0.42,0,0.58,1);  }
.inpage .se-msg .btn_register:hover{ background: #0068b5; }

/* technology programs */
.se-tp{ width: 100%; max-width: 1260px; margin: 60px auto 0; }
.se-tp h5{ font-size: 4rem; font-weight: 400; color: #262626; text-align: center; }
.se-tp .tp-list{ display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0 0 0; }
.se-tp .tp-list li{ width: 30vw; height: 19.8vw; max-width: 380px; max-height: 250px; overflow: hidden; line-height: 0; margin: 15px min(1.66vw, 20px) 15px min(1.66vw, 20px); position: relative; }
.se-tp .tp-list li a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.se-tp .tp-list li img{ width: 100%; transition: all .4s cubic-bezier(0.42,0,0.58,1); }
.se-tp .tp-list li:hover img{ transform: scale(1.1); }
.se-tp .tp-list .tp-name{ width: 210px; font-size: 2.4rem; line-height: 1.2; text-align: right; color: #fff; font-weight: 500; position: absolute; right: 55px; top: 125px; z-index:1; }
.se-tp .tp-list .tp-name:before{ content: ''; display: block; width: 25px; height: 25px; background: #e96115; position: absolute; right: -25px; top: -18px; }

/* Symposium Partners */
.se-sp{ width: 100%; max-width: 1260px; margin: 50px auto 0; box-sizing: border-box; padding: 0 20px 0 20px; }
.se-sp h5{ font-size: 4rem; font-weight: 400; color: #183544; text-align: center; }
.se-sp .sp-select{ display: flex; flex-direction: row; justify-content: center; margin: 20px 0 0 0; }
.se-sp select{ background: transparent; width: 100%; padding: 0px 20px; font-size: 2rem; text-align: center;  color: #262626; border: 0;  border-radius: 0;  height: 50px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.se-sp .select-box{ display: inline-block; width: 450px; height: 50px; overflow: hidden; border: 1px solid #262626; position: relative; vertical-align: middle; box-sizing: border-box; }
.se-sp .select-box:before{ display: inline-block; content: "\e916"; font-size: 1.4rem; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: -1; }
.se-sp .select-box+.select-box{ margin: 0 0 0 10px; }
.se-sp .sp-select button{ display: flex; justify-content: center; align-items: center; width: 250px; height: 50px; background: #004a86; font-size: 2rem; color: #fff; margin: 0 0 0 10px; cursor: pointer; transition: all .4s cubic-bezier(0.42,0,0.58,1); }
.se-sp .sp-select button:hover{ background: #0068b5; }

/* symposium */
/* sub kv */
.sub-kv{ width: 100%; max-width: 1260px; margin: 0 auto 50px; }
.sub-kv img{ width: 100%; }
.sub-kv video{ width: 100%;  height: auto;}
.sub-kv .pc{ display: block; }
.sub-kv .mobile{ display: none; }

/* event map */
.event-map{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; max-width: 1000px; margin: 0 auto 70px; }
.event-map>div{ width: 45%; max-width: 450px;  }
.event-map>div+div{ margin: 0 0 0 0; }
.event-map .map_tit{ font-size: 2rem; color: #0068b5; margin: 0 0 10px 0; }
.event-map .map-box{ width: 100%; height: 250px; }
.event-map .map-box iframe{ width: 100%; height: 100%; }
.event-map .map_name{ font-size: 1.8rem; color: #00285a; margin: 20px 0 20px 0; }
.event-map .map_address{ font-size: 1.7rem; line-height: 1.58; color: #808080; margin: 0 0 10px 25px; box-sizing: border-box; padding: 0 0 0 0px; }
.event-map .map_address:before{ content: '\e971'; color: #262626; margin: 0 12px 0 -25px; }
.event-map .map_phone{ font-size: 1.7rem; line-height: 1.58; color: #808080; margin: 0 0 10px 25px; box-sizing: border-box; padding: 0 0 0 0px; }
.event-map .map_phone:before{ content: '\e972'; color: #262626; margin: 0 12px 0 -25px; }

/* keynote speakers */
.keynote-speakers{ width: 100%; max-width: 1240px; margin: 0 auto; }
.keynote-speakers h5{ font-size: 4rem; font-weight: 400; color: #262626; text-align: center; }
.keynote-speakers .speaker-list{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0; }
.keynote-speakers .speaker-list>li{ width: 48.78%; max-width: 600px; /*max-height: 600px;*/ background: #fff; box-sizing: border-box; padding: 20px 20px 40px 20px; margin: 10px 10px 10px 10px; display: flex; }
.keynote-speakers .speaker-list .toggle{ display:none; }

.keynote-speakers .speaker-list .text{
  max-height: 400px;
  overflow: hidden;
  transition: max-height .25s ease;
}

.keynote-speakers .speaker-list .toggle:checked ~ .text{
  max-height: none;
}

.keynote-speakers .speaker-list .more{
  display: inline;
  color: #007bff;
  cursor: pointer;
}

.keynote-speakers .speaker-list .toggle:checked ~ .more{
  display: none;
}

/* 如果你有 overflow 裁切需求才需要 */
.keynote-speakers .speaker-list>li.expanded{
  max-height: none;
  overflow: visible;
}
.keynote-speakers .speaker-list .img-box{ width: 100%; max-width: 150px; line-height: 0; flex-shrink: 0; margin: 0 0 0 0; }
.keynote-speakers .speaker-list .img-box img{ width: 100%; }
.keynote-speakers .speaker-list .speaker-portrait{ display: flex; margin: 0 30px 0 0; width: 150px; flex-shrink: 0; }
.keynote-speakers .speaker-list .speaker-info{ display: flex; flex-direction: column; justify-content: space-between; color: #0068b5; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 60px 0; }
.keynote-speakers .speaker-list .speaker-info .info_name{ font-size: 2.4rem; color: #00a3f6;  }
.keynote-speakers .speaker-list .speaker-info{ display: flex; flex-direction: column; justify-content: space-between; color: #0068b5; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 60px 0; }
.keynote-speakers .speaker-list .speaker-info .info_name:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 2px solid #76CEFF; margin: 5px 0 10px 0; }
.keynote-speakers .speaker-list .speaker-info .info_tit{ font-size: 1.6rem; line-height: 1.2; }
.keynote-speakers .speaker-list .speaker-description{ font-size: 1.6rem; line-height: 1.58; color: #808080;  }

/*Account Manager Approval*/
.accountmanager .content{ max-width:1260px; padding:0 30px; font-size:1.8rem; }
.accountmanager .chart_box li{ width:calc(99.99% / 3 - 20px); margin-right:30px; }
.accountmanager .chart_box li:nth-of-type(3n){ margin-right:0; }
.accountmanager .title_group .info li{ font-size:1.6rem; margin-left:12px; }
.accountmanager .information{ font-size:1.6rem; }
.accountmanager .company table button:hover{ border:solid 1px #0068b5; }
.accountmanager .filter_list{ flex-direction:row; flex-wrap:wrap; margin-bottom:-6px; }
.accountmanager .filter_list li{ padding-right:4px;}
.accountmanager .filter_list li:nth-last-of-type(1){ padding-right:0; flex:0 0 auto;}
.accountmanager .filter_list li a{  width:100%;}
.accountmanager .filter_list .filter_box{ width:auto; min-width:320px; }
.accountmanager .filter_list .option_block label:hover input ~ .checkmark{ background-color:#ccc; }
.accountmanager .filter_list .option_block label:hover .checktext{ background:#f0f0f0; }

/*Keynotes/Track*/  
.keynote .btn_register{transition:all .4s cubic-bezier(0.42,0,0.58,1); }
.btn_register+.btn_register{ margin: 0 0 0 10px; }
.keynote .btn_register:hover{ background:#0068b5; }
.keynote .download .link_list a{ pointer-events:none; }

/* logout */
.logout-box{ display: flex; justify-content: flex-end; align-items: center; width: 100%; max-width: 1240px; height: 50px; margin: 0 auto; box-sizing: border-box; padding: 0 5px 0 0; position: relative; }
.logout-box .logout-btn{ font-size: 1.6rem; color: #0068b5;  }
.logout-box .logout-btn a:after{ content: '\e970'; margin: 0 0 0 5px; }

/* register */
.step-header{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; max-width: 1260px; height: 50px; background: #edf5f8; margin: 0 auto 10px; box-sizing: border-box; padding: 0 15px 0 15px; font-size: 2rem; line-height: 1.58; color: #0068b5; }
.step-header .note{ font-size: 1.7rem; line-height: 1.58; color: #515a3d; margin: 0 0 0 10px; }
.register .form-box{ width: 100%; max-width: 1260px; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 0;  }
.register .form-box .twocol-box{ display: flex; flex-direction: row; justify-content: space-between; }
.register .form-box .twocol-box .col-1{ width: 45%; }
.register .form-box .twocol-box .col-2{ width: 45%; margin: 0 0 0 0; }
.register .form-list{ font-size: 1.8rem; line-height: 1.5;  }
.register .form-list>li{ display: flex; align-items: center; }
.register .form-list>li+li{ margin: 10px 0 0 0; }
.register .form-list label{ color: #004a86; }
.register .col-1 .form-list label{ width: 150px; }
.register .col-2 .form-list label{ width: 300px; }
.register .col-2 .form-list>li{ flex-direction: row; }
.register .form-list input[type='text']{ width: 400px; height: 40px; border-radius: 4px; border: 1px solid #0071C5; box-sizing: border-box; padding: 0 10px 0 10px; font-size: 1.8rem; color: #000; }
.register .form-list input[type='text'].noinput{ border: none; color: #000; background: #edf5f8; }
.register .check-box{ position: absolute; left: 5px; top: 0px; font-size: 2rem; color: #e9e9e9;  }
.register .form-list .select-box{ display: inline-block; width: 400px; height: 40px; overflow: hidden; border-radius: 4px; border: 1px solid #0068b5; position: relative; vertical-align: middle; }
.register .form-list .select-box:before{ display: inline-block; content: "\e916"; color: #0071c5; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;  z-index: 1;  }
.register .form-list select{ background: transparent; width: 100%; padding: 0px 10px 0 10px; font-size: 1.8rem;  color: #000; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute;}
.register .color_red{ color: #ff5662; }
.register .product-category{ display: flex; flex-direction: row; width: 100%; max-width: 1260px; margin: 20px auto 50px; font-size: 1.8rem; line-height: 1.58; color: #0068b5;  }
.register .product-category .choose-btn{ display: flex; justify-content:space-between; align-items: center; width: 320px; height: 40px; border-radius: 4px; background: #edf5f8; border: 1px solid #0071C5; box-sizing: border-box; padding: 0 10px 0 10px; cursor: pointer; }
.register .product-category .choose-btn:after{ content:'\e901'; color: #0068b5; margin: 0 0 0 10px; }
.register .product-category .choose-info{ display: flex; align-items: center; width: 480px; height: 40px; border-radius: 4px; border: 1px solid #AFAFAF; box-sizing: border-box; padding: 0 10px 0 10px; margin: 0 0 0 20px; }
/* choose category */
.register .choose-box{ width: 910px; height: 600px; margin: 0 auto; background: #fff; }
.register .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 2rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.register .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: 175px; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; }
.register .choose-box .choose-l1>li:hover,.register .choose-box .choose-l1>li.active{ color: #fff; background: #0068b5; }
.register .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.register .choose-l1 .close-btn:before{ content:'\e90f'; font-size:1.6rem; color:#000; }
.register .choose-box .btn-box{ display: flex; justify-content: center; align-items: center; height: 70px; background: #edf5f8; margin: 0 auto; }
.register .choose-category{ height: calc( 100% - 120px); font-size: 1.8rem; line-height: 1.58; }
.register .choose-content{ display: flex; height: 100%; } 
.register .choose-category .col-1{ width: 350px; height: 100%; overflow: scroll; }
.register .choose-category .col-2{ width: 560px; height: 100%; overflow: scroll; }
.register .choose-category .choose-l2>li{ display: flex; align-items: center; height: 50px; background: #e9e9e9; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 30px 0 30px; position: relative; cursor: pointer; transition:all .4s cubic-bezier(0.42,0,0.58,1); }
.register .choose-category .choose-l2>li:after{ content: '\e913'; color: #808080; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.register .choose-category .choose-l2>li.active,.register .choose-category .choose-l2>li:hover{ background: #fff; }
.register .choose-category .top-l2{ box-sizing: border-box; padding: 0 0 0 20px; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; height: 50px; }
.register .choose-category .checkradio-box{ display: flex; align-items: center; height: 49px; box-sizing: border-box; padding: 0 40px 0 0; position: relative;  }
.register .choose-category input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.register .choose-category input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.register .choose-category input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.register .choose-category input[type=radio]:checked + label{ color:#0068B5; }
.register .choose-category .choose-l3>li{ box-sizing: border-box; padding: 0 0 0 50px; border-bottom: 1px dashed #DDDDDD; position: relative; }
.register .choose-category .checkradio-box .l4-arrow{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.register .choose-category .checkradio-box .l4-arrow:after{ content: '\e916'; color: #808080; }
.register .choose-category .checkradio-box .l4-arrow.active:after{ content: '\e917'; }
.register .choose-category .choose-l4{ display: none; }
.register .choose-category .choose-l4>li{ box-sizing: border-box; padding: 0 0 0 30px; position: relative; }
.register .choose-category .back-arrow{ display: none; }

/* search form */
.search-form{ width: 100%; max-width: 1260px; margin: 0 auto; font-size: 1.8rem; line-height: 1.58; }
.search-form .form-box{ display: flex; flex-direction: row;  margin: 0 0 0 0; justify-content: space-between; }
.search-form .btn{ display: flex; justify-content: center; align-items: center; border-radius:5px; background: #0068b5; font-size: 1.6rem; color: #fff; min-width: 80px; height: 35px; margin: 0 0 0 5px; cursor: pointer; }
.search-form .choose-btn,.search-form .search-keywords{ display: flex; align-items: center; margin: 0 0 0 0; }
.search-form input[type=text]{ width: 190px; height: 35px; border-radius: 5px; border: 1px solid #808080; box-sizing: border-box; padding: 0 10px; margin: 0 0 0 10px; }
.search-form .note-txt{ color: #0068b5; margin: 0 0 10px 0;  }

/* 2023-03-22 added by nancy from E21's Symposium 2023-website design style.css */
.search-form .note-txt.gsearch{ display: none; }
.search-form .gsearchtoggle{ cursor: pointer; }
.global-search .search-form .info-box{ position: relative; }
.global-search .search-form .info{ font-size: 2.4rem; color: #0068b5; margin: 0 0 0 5px; cursor: pointer; position: relative; }
.global-search .search-form .info-pup{ width: 480px;  border: 1px solid #afafaf; border-radius: 5px; background: #fff; box-sizing: border-box; padding: 10px 10px 10px 10px; font-size: 1.4rem; line-height: 1.5; color: #333; position: absolute; left: 35px; top:-10px; display: none; }
.global-search .search-form .info-pup .list-txt{ list-style-type: disc; margin: 0 0 0 20px; }
.global-search .search-form .info-pup .close{ color: #999; position: absolute; right: 10px; top: 10px; cursor: pointer; }

/* search bar */
.search-bar{ width: 100%; max-width: 1260px; height: 600px; margin: 0 auto 20px; display: flex; flex-direction: row; border: 1px solid #AFAFAF; }
.search-bar.gsearch{ display: none; }
/* choose category */
.search-bar .choose-box{ width: 910px; height: 600px; margin: 0 auto; background: #fff; border-right: 1px solid #afafaf; }
.search-bar .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 2rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.search-bar .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: 175px; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; }
.search-bar .choose-box .choose-l1>li:hover,.search-bar .choose-box .choose-l1>li.active{ color: #fff; background: #0068b5; }
.search-bar .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.search-bar .choose-l1 .close-btn:before{ content:'\e90f'; font-size:1.6rem; color:#000; }
.search-bar .choose-box .btn-box{ display: flex; justify-content: center; align-items: center; height: 70px; background: #edf5f8; margin: 0 auto; }
.search-bar .choose-category{ height: calc( 100% - 51px); font-size: 1.8rem; line-height: 1.58; }
.search-bar .choose-content{ display: flex; height: 100%; } 
.search-bar .choose-category .col-1{ width: 350px; height: 100%; overflow: scroll; border-right: 1px solid #afafaf; }
.search-bar .choose-category .col-2{ width: 560px; height: 100%; overflow: scroll;  }
.search-bar .choose-category .choose-l2>li{ display: flex; align-items: center; height: 50px; background: #e9e9e9; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; padding: 0 30px 0 30px; position: relative; cursor: pointer; transition:all .4s cubic-bezier(0.42,0,0.58,1); }
.search-bar .choose-category .choose-l2>li:after{ content: '\e913'; color: #808080; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.search-bar .choose-category .choose-l2>li.active,.search-bar .choose-category .choose-l2>li:hover{ background: #fff; }
.search-bar .choose-category .top-l2{ box-sizing: border-box; padding: 0 0 0 20px; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; height: 50px; }
.search-bar .choose-category .checkradio-box{ display: flex; align-items: center; height: 49px; box-sizing: border-box; padding: 0 40px 0 0; position: relative;  }
.search-bar .choose-category input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.search-bar .choose-category input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.search-bar .choose-category input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.search-bar .choose-category input[type=radio]:checked + label{ color:#0068B5; }
.search-bar .choose-category input[type=checkbox]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.search-bar .choose-category input[type=checkbox]+ label:before { content:'\e91f'; color:#ccc; margin-right:10px;}
.search-bar .choose-category input[type=checkbox]:checked + label:before {content:'\e920'; color:#0068B5;}
.search-bar .choose-category input[type=checkbox]:checked + label{ color:#0068B5; }
.search-bar .choose-category .choose-l3>li{ box-sizing: border-box; padding: 0 0 0 50px; border-bottom: 1px dashed #DDDDDD; position: relative; }
.search-bar .choose-category .checkradio-box .l4-arrow{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; }
.search-bar .choose-category .checkradio-box .l4-arrow:after{ content: '\e916'; color: #808080; }
.search-bar .choose-category .checkradio-box .l4-arrow.active:after{ content: '\e917'; }
.search-bar .choose-category .choose-l4{ display: none; }
.search-bar .choose-category .choose-l4>li{ box-sizing: border-box; padding: 0 0 0 30px; position: relative; }
.search-bar .choose-category .back-arrow{ display: none; }
/* choose info */
.search-bar .choose-info{ width: 368px; height: 100%; background: #edf5f8; box-sizing: border-box; padding: 50px 25px 25px 25px; font-size: 1.8rem; line-height: 1.58; color: #0068b5; }
.search-bar .choose-list{ height: 90%; overflow: scroll; }
.search-bar .choose-list>li+li{ margin: 10px 0 0 0; }
.search-bar .btn-box{ display: flex; justify-content: center; align-items: center; margin: 20px 0 10px 0; }
.search-bar .btn-box .btn{ display: flex; justify-content: center; align-items: center; border-radius:5px; background: #0068b5; font-size: 1.6rem; color: #fff; min-width: 80px; height: 35px; }
.search-bar .btn-box .btn+.btn{ margin: 0 0 0 30px; }

/* search tag */
.search-tag{ width: 100%; max-width: 1260px; margin: 20px auto 30px; font-size: 1.6rem; line-height: 1.58; display: flex; flex-wrap: wrap; }
.search-tag>li{ height: 33px; border-radius: 5px; border: 1px solid #AFAFAF; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 20px; margin: 10px 10px 0 0; }
.search-tag>li a{ transition: all .2s cubic-bezier(0.42,0,0.58,1); }
.search-tag>li a:hover{ color: #00a3f6; text-decoration: underline; }
.search-tag .close{ font-size: 1.2rem; color: #999999; margin: 0 0 0 10px; cursor: pointer; }

/* global search */
.global-search{ width: 100%; max-width: 1260px; margin: 0 auto 20px; font-size: 1.8rem; line-height: 1.58; }
.global-search .search-global{ display: flex; justify-content: center; }
.global-search .search-global input[type=text]{ width: 350px; height: 35px; border-radius: 5px; border: 1px solid #808080; box-sizing: border-box; padding: 0 10px; margin: 0 10px; }
.global-search .search-global .btn{ display: flex; justify-content: center; align-items: center; text-align: center; width: 80px; height: 35px; background: #0068b5; color: #fff; border-radius: 5px; box-sizing: border-box; padding: 0 10px; cursor: pointer;  }
.global-search .search-list{ display: flex; flex-direction: row; margin: 40px 0 0 0; }
.global-search .search-list>.col-1{ width: 290px; border: 1px solid #AFAFAF; border-width: 0 1px 0 0; box-sizing: border-box; padding: 0 30px 0 0; }
.global-search .search-list .search-category li{  width: 100%; display: flex; justify-content: space-between; align-items: center; transition: all .4s cubic-bezier(0.42,0,0.58,1);  }
.global-search .search-list .search-category li>div{ display: flex; justify-content: space-between; align-items: center; }
.global-search .search-list .search-category li+li{ margin: 30px 0 0 0; }
.global-search .search-list .search-category li .icon:after{ content: '\e922'; font-size: 1.4rem; color: #afafaf; margin: 0 5px 0 0; }
.global-search .search-list .search-category li .quantity-nun{ font-size: 1.3rem; color: #808080; }
.global-search .search-list .search-category li.active{ color: #0C68B5; }
.global-search .search-list .search-category li.active .icon:after{ content: '\e923'; color: #0C68B5; margin: 0 5px 0 0; }
.global-search .search-list .search-category li.active .quantity-nun{ color: #0C68B5; }
.global-search .search-list .list-box{ font-size: 1.7rem; line-height: 1.58; }
.global-search .search-list .list-box>li+li{ margin: 35px 0 0 0; }
.global-search .search-list .tit a{ color: #0C68B5; text-decoration: underline; }
.global-search .search-list .search-keywords{ color: #b24510; font-weight: bold;  }
.global-search .search-list>.col-2{ box-sizing: border-box; padding: 0 0 0 35px; }
.global-search .search-list .link-btn{ height: 20px; background: #edf5f8; box-sizing: border-box; padding: 0 5px; color: #0C68B5;  }
.global-search .search-list .note-list{ list-style-type: disc; margin: 0 0 0 20px; }
/* 2023-03-22 added by nancy from E21's Symposium 2023-website design style.css */
.global-search .search-breadcrumb{ display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 30px 0; }
.global-search .search-breadcrumb a{ text-decoration: underline; margin: 0 0 0 10px; }
.global-search .number{ color: #808080; font-size: 1.4rem; margin: 0 5px 0 5px; }
.global-search .number a{ color: #0C68B5; margin: 10px 0 0 0; text-decoration:none ; }
.global-search .choose-btn.gsearchtoggle{ margin: 15px 15px 0 0; }
.global-search .choose-btn.gsearchtoggle:after{ content: '\e909'; margin: 0 0 0 5px; color: #0C68B5; }
.global-search .choose-btn.gsearchtoggle.active:after{ content: '\e90c'; }
.global-search .search-bar .choose-info input[type=text]{ width: 100%; height: 35px; border-radius: 5px; border: 1px solid #808080; box-sizing: border-box; padding: 0 10px; margin: 10px 0 0 0; }
.global-search .search-bar .choose-list{ height: 90%; overflow: scroll; }
.global-search .search-form .form-box{ flex-direction: column; justify-content: start; }
.global-search .search-form input[type=text]{ width: 350px; margin: 0 0 0 5px; }
.global-search .search-bar{ width: 100%; max-width: 910px; height: 600px; margin: 0 0 20px; display: flex; flex-direction: row; border: 1px solid #AFAFAF; }
.global-search .search-bar.gsearch{ display: none; }

.global-search .search-bar .choose-box .choose-l1{ display: flex; align-items: center; height: 50px; font-size: 2rem; line-height: 1.58; position: relative; border-bottom: 1px solid #0C68B5; }
.global-search .search-bar .choose-box .choose-l1>li{ display: flex; justify-content: center; align-items: center; width: 175px; height: 100%; transition:all .4s cubic-bezier(0.42,0,0.58,1); cursor: pointer; }
.global-search .search-bar .choose-box .choose-l1>li:hover,.global-search .search-bar .choose-box .choose-l1>li.active{ color: #262626; background:#EDF5FA; }
.global-search .search-bar .choose-l1 .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; right:0; top:50%; transform: translateY(-50%); cursor:pointer; }
.global-search .choose-l1 .checkradio-box{ display: flex; align-items: center; height: 49px; box-sizing: border-box; padding: 0 0 0 0; position: relative;  }
.global-search .choose-l1 input[type=radio]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.global-search .choose-l1 input[type=radio]+ label:before { content:'\e922'; color:#ccc; margin-right:10px;}
.global-search .choose-l1 input[type=radio]:checked + label:before {content:'\e923'; color:#0068B5;}
.global-search .choose-l1 input[type=radio]:checked + label{ color:#0068B5; }
.global-search .choose-l1 input[type=checkbox]{ position:absolute; top:0; left:0; width:1.8rem; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.global-search .choose-l1 input[type=checkbox]+ label:before { content:'\e91f'; color:#ccc; margin-right:10px;}
.global-search .choose-l1 input[type=checkbox]:checked + label:before {content:'\e920'; color:#0068B5;}
.global-search .choose-l1 input[type=checkbox]:checked + label{ color:#0068B5; }

/* pup msg */
.pup-msg{ width: 96%; max-width: 500px; min-height: 250px; background: #fff; box-sizing: border-box; padding: 40px 20px 20px 20px; font-size: 2rem; line-height: 1.58; position: relative; }
.pup-msg p{ text-align: center; }
.pup-msg .btn-box{ margin: 30px auto 0 auto; }
.pup-msg .close-btn{ display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#e9e9e9; position:absolute; right:0; top:0; cursor:pointer; }
.pup-msg .close-btn:before{ content:'\e90f'; font-size:2rem; color:#808080; }

}






/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){


}