.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.container{position:relative;width:100%;max-width:1020px;margin:0 auto;padding:0;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:90%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{/*margin-left:4%*/}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:32.1666666667%}.one-forth.column{width:23.076923076923077%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width:550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}

* {box-sizing: border-box;padding:0;}

/* mobile */
body {margin:0px;line-height:1.5;font-family:roboto sans-serif;}
footer {margin-bottom:20px}
table {width:100%;border-spacing:0px;}
h1,h2,h3,h4,h5,h6 {margin-bottom:5px;}
h1 { font-size:20px;font-weight:bold;color:white;font-family:sans-serif;}
h2 { display:inline-block;color:white;}
td { padding:4px 10px;}
td:first-child, th:first-child { padding-left:5px;}
tr:nth-child(even) { background-color:#c9eeff;}
tr:nth-child(odd) { background-color:white;}
a {margin-right:5px;text-decoration:none;color:#1e20d1;}
a:hover {color:blue}
.container {width:100%;}
.panel {display:inline-flex;justify-content:center;align-items:center;}
.sub-panel {width:100%;}
.answer {text-align:center;width:100%;height:200px;line-height:200px;vertical-align:middle;border:1px solid white;padding:10px 0px;margin:10px 0px;}
.list-inline {list-style:none;display:inline-block;margin-bottom:0px;}
.list-item {float:left;margin:0px 10px;color:white;width:100%;}
.list-item > a {color:white;}
.pr-item {float:left;margin-right:15px;margin-bottom:0px;}
.pr-item > a1 {color:#0FA0CE;}
.success {background-color:lightgreen !important;}

.letter-group-box {float:left;height:190px;width:48px;}
.letter-box {display:inline-block;text-align:center;width:36px;line-height:1.1;border:1px solid lightgray;border-radius:4px;}
.letter-box .primary {font-size:16px;}
.letter-box .secondary {font-size:12px;}

.header-lang {}
.search-box {float:right;display:inline-block;margin:20px 10px;min-width:200px;}
.topbar {width:100%;height:80px;margin-top:10px;margin-bottom:20px;display:inline-block}
.campaign {width:100%;padding:0px 8px;text-align:center;}
.campaign .header {background-color:#3498db;font-size:24px;color:white;}
.campaign .content {background-color:ghostwhite;line-height:15px;padding:24px 0px;}
.campaign .content p {margin-bottom:5px;}
.campaign .action {background-color:#3498db;height:36px;margin:auto;line-height:36px;}

.margin-bottom-5 {margin-bottom:5px}
.margin-bottom-10 {margin-bottom:10px}
.margin-bottom-15 {margin-bottom:15px}
.margin-bottom-20 {margin-bottom:20px}

.sidebar {
  position: sticky;
  top: 0;
}


@media (min-width:320px) {
  h1,h3 {font-size:18px;}
  h2 {font-size:24px;}  
  .adslot {padding:0px;}
  .lead {font-size:16px;margin-bottom:0px;color:orange;}
  .list-item {margin:0px 5px;}
  .header-lang{float:right;text-align:right;}
  .container2 {padding:0 !important;}
}
@media (min-width:360px) {
  .container2 {padding:0px 20px;}
}
@media (min-width:440px) {
  h1,h3 {font-size:20px;}
  h2 {font-size:24px;}
  table {padding:5px;}
  .adslot {margin-left:20px;}
  .container {width:85%;}
  .header-lang{float:right;text-align:right;line-height:80px;}
  .panel {width:100%;}
  .topbar {margin-bottom:5px;}
  .nf_btn {float:left;margin-top:0px;}
  .container {padding:0px 20px;}
}
@media (max-width:500px) {
  .nf_btn {margin-top:0px 20px;}
  .campaign {padding:8px 0px;}
}
@media (min-width:500px) {
  .desktop-min-width {min-width:750px;}
}

.desktop_1,.desktop_2,.desktop_3,.ad_footer,.vert_banner,.mobile_between {display:none;;}
@media (min-width:500px) {.desktop_1,.desktop_2,.desktop_3,.ad_footer {width:468px;height:60px;display:block;}.vert_banner {display:block;height:350px}}
@media (min-width:800px) {.desktop_1,.desktop_2,.desktop_3,.ad_footer {width:728px;height:90px;display:block;}}
@media (min-width:980px) {.desktop_1,.desktop_2,.desktop_3,.ad_footer {width:970px;height:120px;display:block;}}
@media (max-width:500px) {.mobile_between {height:100px;display:block;}}



.ch-grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%;
}

.ch-grid-sm {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.ch-grid:after,
.ch-item:before {
  content: '';
  display: table;
}

.ch-grid:after {
  clear: both;
}
.ch-grid li {
  width: 150px;
  height: 150px;
  display: inline-block;
  margin: 20px;
}
.ch-grid-sm:after {
  clear: both;
}
.ch-grid-sm li {
  display: block;
  flex: 0 1 auto;
  list-style-type: none;
}
@media (max-width:376px) {.ch-grid-sm li {margin:0px 10px;}}
@media (max-width:440px) {.ch-grid-sm li {margin:0px 12px;}}
@media (max-width:550px) {.ch-grid-sm li {margin:0px 14px;}}

.ch-item {
  width: 100%;
  height: 100%;
  border-radius: 50% !important;
  position: relative;
  cursor: default;
  box-shadow2: 
    inset 0 0 0 16px rgba(255,255,255,0.6),
    0 1px 2px rgba(0,0,0,0.1);
    
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ch-item-sm {
  width: 64px;
  height: 64px;
  border-radius: 50% !important;
  position: relative;
  cursor: default;
  box-shadow2: 
    inset 0 0 0 16px rgba(255,255,255,0.6),
    0 1px 2px rgba(0,0,0,0.1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media (max-width:500px) {
  .ch-grid li {width:50px;height:50px;}
  .ch-item {width:64px;height:64px;}
  .one-forth {width:24%}
}

.ch-img-jp { 
  background: #FFFFFF url(/img/flags/japan.webp) no-repeat center;
  background-size: cover;
}
.ch-img-kr { 
  background: #FFFFFF url(/img/flags/south-korea.webp) no-repeat center;
  background-size: cover;
}
.ch-img-ch { 
  background: #FFFFFF url(/img/flags/china.webp) no-repeat center;
  background-size: cover;
}
.ch-img-tw { 
  background: #FFFFFF url(/img/flags/taiwan.webp) no-repeat center;
  background-size: cover;
}


.css-img-tw {
  background:url('/img/css-sprite-combined.png') -37px -9px;
  width:150px;height:150px;
  display:inline-block;
}
.css-img-ch {
  background:url('/img/css-sprite-combined.png') -262px -9px;
  width:150px;height:150px;
  display:inline-block;
}
.css-img-kr {
  background:url('/img/css-sprite-combined.png') -708px -9px;
  width:150px;height:150px;
  display:inline-block;
}
.css-img-jp {
  background:url('/img/css-sprite-combined.png') -486px -9px;
  width:150px;height:150px;
  display:inline-block;
}


@media (max-width:500px) {
  .css-img-tw {
    background:url('/img/css-sprite-combined.png') -16px -412px;
    width:64px;height:64px;
  }
  .css-img-ch {
    background:url('/img/css-sprite-combined.png') -112px -412px;
    width:64px;height:64px;
  }
  .css-img-kr {
    background:url('/img/css-sprite-combined.png') -304px -412px;
    width:64px;height:64px;
  }
  .css-img-jp {
    background:url('/img/css-sprite-combined.png') -208px -412px;
    width:64px;height:64px;
  }
}
.css-img-tw-sm {
  background:url('/img/css-sprite-combined.png') -16px -412px;
  width:64px;height:64px;
  display:inline-block;
}
.css-img-ch-sm {
  background:url('/img/css-sprite-combined.png') -112px -412px;
  width:64px;height:64px;
  display:inline-block;
}
.css-img-kr-sm {
  background:url('/img/css-sprite-combined.png') -304px -412px;
  width:64px;height:64px;
  display:inline-block;
}
.css-img-jp-sm {
  background:url('/img/css-sprite-combined.png') -208px -412px;
  width:64px;height:64px;
  display:inline-block;
}


.ch-info {
  position: absolute;
  background: rgba(238, 119, 53, 0.80);
  width: inherit;
  height: inherit;
  border-radius: 50% !important;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden;
}

.ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 30px;
  padding: 35px 0 0 0;
  height: 50px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-shadow: 
    0 0 1px #fff, 
    0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
  color: #fff;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255,255,255,0.5);
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 0.4s;
  -moz-transition: all 1s ease-in-out 0.4s;
  -o-transition: all 1s ease-in-out 0.4s;
  -ms-transition: all 1s ease-in-out 0.4s;
  transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
  display: block;
  color: #fff;
  color: rgba(255,255,255,0.7);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  padding-top: 4px;
  font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
  color: #fff222;
  color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
  box-shadow: 
    inset 0 0 0 1px rgba(255,255,255,0.1),
    0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.ch-item:hover .ch-info p {
  opacity: 1;
}

@media (max-width:500px) {
  .ch-info p a:hover {}
  .ch-item:hover {}
  .ch-item:hover .ch-info {opacity: 0;}
  .ch-item:hover .ch-info p {opacity:0;}
}

.searcharea {
  background-color: #297CCF;
  padding-top:5px;
  padding-bottom:5px;
  margin-top:10px;
  margin-bottom:10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
}

.search-label {
    font-size:20px;
    color:white;
    text-align:left;
    margin-left:30px;
}

.searchbox {
  text-align: center;
  display: flex;
  margin:0px 10px;
}

.searchbox h1 {
  font-color: white;
}

.searchbox input {
  flex: 1;
  height: 32px;
  font-size: 20px;
  line-height: 1.42857143;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px;
  trainsition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.search-btn {
  height: 40px;
  border-radius: 4px;
  margin-top: -8px;
}

.error-link-box {
  text-align: right;
  margin-right: 30px;
}

.error-link-box a {
  color: white;
}

.stamp {
  position: relative;
  display: inline-block;
  color: red;
  padding: 5px 20px;
  background-color: white;
  box-shadow:inset 0px 0px 0px 6px red;
  -webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
}

.stamp:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/img/texture.jpg");
  mix-blend-mode: lighten;  
}