@charset "UTF-8";
/*-----------------------------------------------------------------------
* common read bottom
*-----------------------------------------------------------------------*/
#foot-banner{
  background: #fff;
  padding: 30px 0;
}
#foot-banner .swiper-slide {
  width: 220px;
}
#f_tags{
  height: 0;
  overflow: hidden;
}
main, footer{
  overflow: hidden;
  display: block;
}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #dce5eb;
}
@-webkit-keyframes image_blur {
    0% { -webkit-filter:contrast(2);}
    100% { -webkit-filter:contrast(1);}
}
@-moz-keyframes image_blur {
    0% { -moz-filter:contrast(2);}
    100% { -moz-filter:contrast(1);}
}
@-ms-keyframes image_blur {
    0% { -ms-filter:contrast(2);}
    100% { -ms-filter:contrast(1);}
}
@keyframes image_blur {
    0% { filter:contrast(2);}
    100% { filter:contrast(1);}
}
@-webkit-keyframes show {
  0% { -webkit-opacity: 0;}
  100% { -webkit-opacity: 1;}
}
@-moz-keyframes show {
  0% { -moz-opacity: 0;}
  100% { -moz-opacity: 1;}
}
@keyframes show {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
main table{
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #dce5eb;
}
main thead th{
  border-left: 1px solid #fff;
  background-color: #dce5eb;
}
main tbody th{
  border-top: 1px solid #fff;
  background-color: #e5eef4;
}
main tbody td{
  text-align: left;
}
main td{
  border-left: 1px solid #dce5eb;
  background-color: #fff;
}
main th,main td{
  border-top: 1px solid #dce5eb;
}
main tr:hover td {
  background-color: #f6fafc;
}
main tr th:first-of-type,
main tr td:first-of-type {
  /* border-left: none; */
  border-right: 1px solid #dce5eb;
}
main tr th:first-of-type {
  border-right: 1px solid #fff;
}
main table table tr:first-of-type th,
main tr:first-of-type td{
  border-top: none;
}
main table table,
main article.gray table,
main article.blur table{
  border-bottom: none;
}
main th.color {
  background-color: #2b94e4;
  color: #fff;
}
main th.color.double {
  background-color: #3d9de8;
}
main th.color.triple {
  background-color: #4ea8ef;
}
main th.color.quadruple {
  background-color: #5caff2;
}
main th.color.quintuple {
  background-color: #71baf6;
}
main table.plane{
  margin: 0;
}
main table.plane th,
main table.plane td{
  background-color: transparent;
  border: none;
}
main table.plane th,
main table.plane td{
  text-align: left;
  padding: 4px 8px;
}


/*-----------------------------------------------------------------------
* style
*----------------------------------------------------------------------- */
.tdetail{
  display: none;
}
.column2{
  display: inline-block;
  width: 45%;
  margin: 2%;
  vertical-align: top;
}
.column3{
  display: inline-block;
  width: 29%;
  margin: 2%;
  vertical-align: top;
}
.txt-center{text-align: center !important;}
.txt-left{text-align: left !important;}
.noborder{
  border: none !important;
}
.underline{
  padding-bottom: 20px !important;
  position: relative;
}
.underline:after{
   position: absolute;
   bottom: 0;
   left: 50%;
   content: "";
   vertical-align: middle;
   margin-left: -30px;
   width: 60px;
   height: 3px;
   background: #038de1;
}
.marker {
  display: inline-block;
  position: relative;
  z-index: 0;
  line-height: 1;
  padding-bottom: 2px;
  white-space: nowrap;
}
.marker::after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  content: "";
  vertical-align: middle;
  width: 100%;
  height: 8px;
  background: #ffb2c3;
}
.marker.red::after {
  background: #ffb2c3;
}
.splash{
  color: #0e0e0e;
  font-size:17px;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding: 0 40px;
  margin-bottom: 8px;
  margin-right: 10px;
  margin-left: 10px;
}
.splash.blue{
  color: #038de1;
}
.splash::after,
.splash::before {
  width: 2px;
  height: 20px;
  background: #0e0e0e;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;

  content: "";
  vertical-align: middle;
}
.splash.blue::after,
.splash.blue::before {
  background: #038de1;
}
.splash::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}
.splash::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 0;
}
.bgimg{
  text-align: left;
  text-indent: -9999px;
  background-position: center center;
}
.icon{
  padding-left: 24px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.icon.top{
  padding-left: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 48px !important;
  padding-top: 60px;
  display: inline-block;
}
.icon.top.map,
.icon.top.print,
.icon.top.mail,
.icon.top.train,
.icon.top.bus,
.icon.top.car,
.icon.top.airplane2{
  background-size: 44px !important;
  background-position: center top;
}
.icon.top.airplane{
  background-size: 56px !important;
  background-position: center -8px;
}
.btn .icon.top.airplane{
  background-position: center -8px;
}
.icon.top.raisya{
  background-size: 40px !important;
  background-position: center 8px;
}
.icon.map.blue{background-image: url(/img/common/icon-map-bl.png);}
.icon.print.blue{background-image: url(/img/common/icon-print-bl.png);}
.icon.mail.blue{background-image: url(/img/common/icon-mail-bl.png);}
.icon.wifi.blue{background-image: url(/img/common/icon-wifi-bl.png);}
.btn.clear.white:hover .icon.map.white,
.icon.map.black{background-image: url(/img/common/icon-map-bk.png);}
.btn.clear.white:hover .icon.print.white,
.icon.print.black{background-image: url(/img/common/icon-print-bk.png);}
.btn.clear.white:hover .icon.mail.white,
.icon.mail.black{background-image: url(/img/common/icon-mail-bk.png);}
.btn.clear.white:hover .icon.wifi.white,
.icon.wifi.black{background-image: url(/img/common/icon-wifi-bk.png);}
.btn_yellow.clear:hover .icon2.wifi.black,
.icon2.wifi.black{background-image: url(/img/common/icon-wifi-bk.png);}
.btn.clear:hover .icon.map.black,
.icon.map.white{background-image: url(/img/common/icon-map-wh.png);}
.btn.clear:hover .icon.print.black,
.icon.print.white{background-image: url(/img/common/icon-print-wh.png);}
.btn.clear:hover .icon.mail.black,
.icon.mail.white{background-image: url(/img/common/icon-mail-wh.png);}
.btn.clear:hover .icon.wifi.black,
.icon.wifi.white{background-image: url(/img/common/icon-wifi-wh.png);}
.icon.pickup.blue{background-image: url(/img/common/icon-pickup-bl.png);}
.icon.return.blue{background-image: url(/img/common/icon-return-bl.png);}
.icon.returnbox.blue{background-image: url(/img/common/icon-returnbox-bl.png);}
.icon.airplane.blue{background-image: url(/img/common/icon-airplane-bl.png);}
.btn.clear.white:hover .icon.pickup.white,
.icon.pickup.black{background-image: url(/img/common/icon-pickup-bk.png);}
.btn.clear.white:hover .icon.return.white,
.icon.return.black{background-image: url(/img/common/icon-return-bk.png);}
.btn.clear.white:hover .icon.returnbox.white,
.icon.returnbox.black{background-image: url(/img/common/icon-returnbox-bk.png);}
.btn.clear.white:hover .icon.airplane.white,
.icon.airplane.black{background-image: url(/img/common/icon-airplane-bk.png);}
.btn.clear:hover .icon.pickup.black,
.icon.pickup.white{background-image: url(/img/common/icon-pickup-wh.png);}
.btn.clear:hover .icon.return.black,
.icon.return.white{background-image: url(/img/common/icon-return-wh.png);}
.btn.clear:hover .icon.returnbox.black,
.icon.returnbox.white{background-image: url(/img/common/icon-returnbox-wh.png);}
.btn.clear:hover .icon.airplane.black,
.icon.airplane.white{background-image: url(/img/common/icon-airplane-wh.png);}
.btn.clear:hover .icon.receive.black,
.icon.receive.white{background-image: url(/img/common/icon-receive-wh.png);}
.btn.clear:hover .icon.order.black,
.icon.order.white{background-image: url(/img/common/icon-order-wh.png);}
.icon.train.blue{background-image: url(/img/common/icon-train-bl.png);}
.icon.bus.blue{background-image: url(/img/common/icon-bus-bl.png);}
.icon.car.blue{background-image: url(/img/common/icon-car-bl.png);}
.icon.airplane2.blue{background-image: url(/img/common/icon-airplane2-bl.png);}
.btn.clear.white:hover .icon.train.white,
.icon.train.black{background-image: url(/img/common/icon-train-bk.png);}
.btn.clear.white:hover .icon.bus.white,
.icon.bus.black{background-image: url(/img/common/icon-bus-bk.png);}
.btn.clear.white:hover .icon.car.white,
.icon.car.black{background-image: url(/img/common/icon-car-bk.png);}
.btn.clear.white:hover .icon.airplane2.white,
.icon.airplane2.black{background-image: url(/img/common/icon-airplane2-bk.png);}
.btn.clear:hover .icon.train.black,
.icon.train.white{background-image: url(/img/common/icon-train-wh.png);}
.btn.clear:hover .icon.bus.black,
.icon.bus.white{background-image: url(/img/common/icon-bus-wh.png);}
.btn.clear:hover .icon.car.black,
.icon.car.white{background-image: url(/img/common/icon-car-wh.png);}
.btn.clear:hover .icon.airplane2.black,
.icon.airplane2.white{background-image: url(/img/common/icon-airplane2-wh.png);}
.icon.takuhai.blue{background-image: url(/img/common/icon-takuhai-bl.png);}
.icon.raisya.blue{background-image: url(/img/common/icon-raisya-bl.png);}
.btn.clear.white:hover .icon.takuhai.white,
.icon.takuhai.black{background-image: url(/img/common/icon-takuhai-bK.png);}
.btn.clear.white:hover .icon.raisya.white,
.icon.raisya.black{background-image: url(/img/common/icon-raisya-bK.png);}
.btn.clear:hover .icon.takuhai.black,
.icon.takuhai.white{background-image: url(/img/common/icon-takuhai-wh.png);}
.btn.clear:hover .icon.raisya.black,
.icon.raisya.white{background-image: url(/img/common/icon-raisya-wh.png);}
.icon.calender.blue{background-image: url(/img/common/icon-calender-bl.png);}
.icon.clock.blue{background-image: url(/img/common/icon-clock-bl.png);}
.btn.clear.white:hover .icon.calender.white,
.icon.calender.black{background-image: url(/img/common/icon-calender-bK.png);}
.btn.clear.white:hover .icon.clock.white,
.icon.clock.black{background-image: url(/img/common/icon-clock-bK.png);}
.btn.clear:hover .icon.calender.black,
.icon.calender.white{background-image: url(/img/common/icon-calender-wh.png);}
.btn.clear:hover .icon.clock.black,
.icon.clock.white{background-image: url(/img/common/icon-clock-wh.png);}
.icon.return2.blue{background-image: url(/img/common/icon-return2-bl.png);}
.icon.yen.blue{background-image: url(/img/common/icon-yen-bl.png);}
.btn.clear.white:hover .icon.return2.white,
.icon.return2.black{background-image: url(/img/common/icon-return2-bK.png);}
.btn.clear.white:hover .icon.yen.white,
.icon.yen.black{background-image: url(/img/common/icon-yen-bK.png);}
.btn.clear:hover .icon.return2.black,
.icon.return2.white{background-image: url(/img/common/icon-return2-wh.png);}
.btn.clear:hover .icon.yen.black,
.icon.yen.white{background-image: url(/img/common/icon-yen-wh.png);}
.bgicon{
  display: inline-block;
  padding: 4px 6px 3px;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
}
.bgicon.blue{
  color: #2e5765;
  background-color: #acdef0;
}
.bgicon.blue2{
  color: #fff;
  background-color: #0089cc;
  font-weight: normal;
  font-size: 13px;
}
.bgicon.violet{
  color: #644275;
  background-color: #dcc1ea;
}
.bgicon.red{
  color: #944961;
  background-color: #efc6d2;
}
.bgicon.orange{
  color: #9c4501;
  background-color: #f5c3a0;
}
.bgicon.yellow{
  color: #6f6c11;
  background-color: #f3f08e;
}
.bgicon.yellow2{
  color: #806508;
  background-color: #f3dd8e;
}
.bgicon.green{
  color: #657432;
  background-color: #dceda8;
}
.bgicon.cp{
  color: #252525;
  background-color: #ffb2c3;
}
.bgicon.cPremium {
  color: #8e281c;
  background-color: #ff9487;
  line-height: 1.2;
  padding: 3px 6px 2px;
}
.bgicon.pink {
  color: #fff;
  background-color: #cd3f71;
  font-weight: normal;
  font-size: 13px;
}
.bgicon.lime {
  color: #fff;
  background-color: #9dc814;
  font-weight: normal;
  font-size: 13px;
}

nav.pagelink a,
nav#directrylink a,
.btn{
  font-size: 14px;
  color:#fff;
  display: inline-block;
  padding: 21px 48px 20px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-color: #0e0e0e;
  margin: 4px;
  /*-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  margin: 2px 4px 6px;*/
}
.btn_yellow{
  font-size: 14px;
  color:#0e0e0e;
  display: inline-block;
  padding: 21px 48px 20px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background-color: #fcff00;
  margin: 4px;
  /*-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
  margin: 2px 4px 6px;*/
}
button.btn{
  border: none;
}
.btn.half{
  min-width: 48%;
  max-width: 48%;
}
nav.pagelink a,
nav#directrylink a,
.btn.small{
  font-size: 12px;
  padding: 12px 24px 11px;
}
.btn .icon{
  padding-left: 54px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 24px;
  margin-left: -24px;
}
.btn_yellow .icon2{
  padding-left: 28px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 23px;
  margin-left: -7px;
}
.btn.small .icon{
  padding-left: 28px;
  background-size: 16px;
  margin-left: -8px;
}
.btn .icon.top{
  padding-left: 0;
  background-position: center 4px;
  margin-left: 0;
  padding-top: 64px;
  padding-bottom: 0;
}
.btn .icon.airplane{
  background-size: 32px;
}
.btn.clear{
  padding: 19px 48px 18px;
}
.btn.small.clear{
  padding: 10px 24px 9px;
}
nav.pagelink a,
nav#directrylink a,
.arrow-r,
.arrow-u,
.arrow-d{
  position: relative;
  padding-right: 24px;
}
.arrow-l{
  position: relative;
  padding-left: 24px;
}
nav.pagelink a,
nav#directrylink a,
.small.arrow-r,
.small.arrow-u,
.small.arrow-d{
  padding-right: 18px;
}
.small.arrow-l{
  padding-left: 18px;
}
nav.pagelink a,
nav#directrylink a,
.btn.arrow-r,
.btn.arrow-u,
.btn.arrow-d{
  padding-right: 62px;
  padding-left: 48px;
}
.btn.arrow-l{
  padding-right: 48px;
  padding-left: 62px;
}
nav.pagelink a,
nav#directrylink a,
.btn.small.arrow-r,
.btn.small.arrow-u,
.btn.small.arrow-d{
  padding-right: 35px;
  padding-left: 24px;
}
.btn.small.arrow-l{
  padding-right: 24px;
  padding-left: 35px;
}
nav.pagelink a::before,
nav.pagelink a::after,
nav#directrylink a::before,
nav#directrylink a::after,
.arrow-r::before,
.arrow-r::after,
.arrow-l::before,
.arrow-l::after,
.arrow-u::after,
.arrow-d::after{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
nav#directrylink a::before,
.arrow-r::before,
.arrow-l::before{
  right: 0;
  width: 14px;
  height: 2px;
  background: #038de1;
}
.btn_yellow.arrow-r::before{
  right: 0;
  width: 14px;
  height: 2px;
  background: #0e0e0e;
}
nav.pagelink a::after,
nav#directrylink a::after,
.arrow-r::after,
.arrow-l::after,
.arrow-u::after,
.arrow-d::after{
  right: 0;
  width: 10px;
  height: 10px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #038de1;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #038de1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn_yellow.arrow-r::after{
  right: 0;
  width: 10px;
  height: 10px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0e0e0e;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #0e0e0e;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-l.black::before{
  background: #0e0e0e;
}
.arrow-l.black::after{
  border-top-color: #0e0e0e;
  border-right-color: #0e0e0e;
}
.arrow-l::before,
.arrow-l::after{
  right:auto;
  left: 0;
}
.arrow-u::after{
  top: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
nav.pagelink a::after,
.arrow-d::after{
  top: -8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.small.arrow-u::after{
  top: 3px;
}
nav.pagelink a::after,
.small.arrow-d::after{
  top: -6px;
}
nav#directrylink a:hover::before,
.arrow-r:hover::before{
  background: #038de1;
}
nav#directrylink a:hover::after,
.arrow-r:hover::after,
.arrow-u:hover::after,
.arrow-d:hover::after{
  border-top-color: #038de1;
  border-right-color: #038de1;
}
.btn_yellow.arrow-r:hover::before{
  background: #0e0e0e;
}
.btn_yellow.arrow-r.arrow-r:hover::after{
  border-top-color: #0e0e0e;
  border-right-color: #0e0e0e;
}
nav#directrylink a::before,
.btn.arrow-r::before{
  right: 26px;
  background: #fff;
}
.btn.arrow-l::before{
  left: 26px;
  background: #fff;
}
nav.pagelink a::after,
nav#directrylink a::after,
.btn.arrow-r::after,
.btn.arrow-u::after,
.btn.arrow-d::after{
  right: 26px;
  border-top-color: #fff;
  border-right-color: #fff;
}
.btn.arrow-l::after{
  left: 26px;
  border-top-color: #fff;
  border-right-color: #fff;
}
nav#directrylink a:hover::before,
.btn.arrow-r:hover::before{
  background: #fff;
}
nav.pagelink a::after,
nav#directrylink a:hover::after,
.btn.arrow-r:hover::after,
.btn.arrow-u:hover::after,
.btn.arrow-d:hover::after{
  border-top-color: #fff;
  border-right-color: #fff;
}
nav.pagelink a::before,
nav#directrylink a::before,
.small.arrow-r::before,
.small.arrow-l::before,
.small.arrow-u::before,
.small.arrow-d::before{
  right: 0;
  width: 9px;
}
nav.pagelink a::after,
nav#directrylink a::after,
.small.arrow-r::after,
.small.arrow-l::after,
.small.arrow-u::after,
.small.arrow-d::after{
  right: 0;
  width: 6px;
  height: 6px;
}
.small.arrow-l::before,
.small.arrow-l::after{
  right: auto;
  left: 0;
}
nav.pagelink a::before,
nav.pagelink a::after,
.btn.small.arrow-r::before,
.btn.small.arrow-r::after,
.btn.small.arrow-u::after,
.btn.small.arrow-d::after{
  right: 16px;
}
.btn.small.arrow-l::before,
.btn.small.arrow-l::after{
  left: 16px;
}
nav#directrylink a::before,
nav#directrylink a::after{
  right: 10px;
}
.btn.white:hover::before,
.btn.white::before,
.btn.yellow::before,
.clear.arrow-r::before,
.clear.arrow-l::before{
  background: #0e0e0e;
}
.btn.white:hover::after,
.btn.white::after,
.btn.yellow::after,
.clear.arrow-r::after,
.clear.arrow-l::after,
.clear.arrow-u::after,
.clear.arrow-d::after{
  border-top-color: #0e0e0e;
  border-right-color: #0e0e0e;
}
.clear.arrow-r:hover::before,
.clear.arrow-l:hover::before{
  background: #fff;
}
.clear.arrow-r:hover::after,
.clear.arrow-l:hover::after,
.clear.arrow-u:hover::after,
.clear.arrow-d:hover::after{
  border-top-color: #fff;
  border-right-color: #fff;
}
.clear.white.arrow-r::before,
.clear.white.arrow-l::before{
  background: #fff;
}
.clear.white.arrow-r::after,
.clear.white.arrow-l::after,
.clear.white.arrow-u::after,
.clear.white.arrow-d::after{
  border-top-color: #fff;
  border-right-color: #fff;
}
.btn.yellow:hover::before,
.clear.white.arrow-r:hover::before,
.clear.white.arrow-l:hover::before{
  background: #0e0e0e;
}
.btn.yellow:hover::after,
.clear.white.arrow-r:hover::after,
.clear.white.arrow-l:hover::after,
.clear.white.arrow-u:hover::after,
.clear.white.arrow-d:hover::after{
  border-top-color: #0e0e0e;
  border-right-color: #0e0e0e;
}
.btn.white{
  background-color: #fff;
}
.btn.gray{
  background-color: #232323;
}
.btn.blue{
  background-color: #038de1;
}
.btn.yellow{
  background-color: #fcff00;
  border: 2px solid #0e0e0e;
}
nav#directrylink a{
  padding: 10px 26px 9px 12px;
  font-size: 12px;
  margin: 1px 2px 1px 0;
  background-color: #3e3e3e;
}
.btn.white,
.btn.yellow,
.btn.clear{
  color:#0e0e0e;
}
.btn.clear{
  border:2px solid #0e0e0e;
  background-color: transparent;
  -webkit-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
.btn.clear:hover{
  color:#fff;
  background-color: #0e0e0e;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.btn.clear.white{
  color:#fff;
  border:2px solid #fff;
}
.btn.clear.white:hover{
  color:#0e0e0e;
  background-color: #fff;
}
main nav.tab{
  border-bottom: 2px solid #0e0e0e;
}
main nav.tab ul{
  text-align: center;
}
main nav.tab ul li{
  margin: 0 1px;
  vertical-align: bottom;
}
main nav.tab ul li a{
  background-color: #fff;
  color: #0e0e0e;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 20px 52px;
  text-align: center;
}
main nav.tab.gray ul li a {
  background-color: #f0f5f9;
}
main nav.tab.gray ul li a.selected,
main nav.tab ul li a.selected{
  background-color: #0e0e0e;
  color: #fff;
  padding: 26px 20px;
}
.tab .icon{
  padding-left: 70px;
  background-position: 16px center;
  background-repeat: no-repeat;
  background-size: 40px;
}
.tab_c,
.tab_ci,
.tab_cib{
  display: none !important;
}
.tab_c.selected,
.tab_ci.selected,
.tab_cib.selected{
  display: block !important;
  -webkit-animation: show 0.4s linear 0s;
  -moz-animation: show 0.4s linear 0s;
  animation: show 0.4s linear 0s;
}
.tab_c.selected{display: block !important;}
.tab_ci.selected{display: inline !important;}
.tab_cib.selected{display: inline-block !important;}
.btn.small.arrow-r,
.btn.small.arrow-u,
.btn.small.arrow-d{
  padding-right: 35px;
  padding-left: 24px;
}
.btn_yellow.arrow-r{
  padding-right: 32px;
  padding-left: 16px;
  border: 2px solid #0e0e0e;
  }
.btn_yellow.arrow-r::after{
  right: 12px;
}
.btn_yellow.arrow-r::before {
  right: 12px;
}


/* ---------------------------------------------------------------
 * responsive
 *----------------------------------------------------------------------- */
@media screen and (max-width: 1179px) {
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 879px) {
}
@media screen and (min-width: 768px) { /*pc*/
  .pchide{display: none;}
}
@media screen and (max-width: 767px) { /*smartphone*/
  .sphide{display: none;}
  nav.pagelink a,
  nav#directrylink a,
  .btn {
    font-size: 12px;
  }
  .btn_yellow {
    font-size: 12px;
  }
  nav.pagelink a,
  nav#directrylink a,
  .btn.small {
    font-size: 10px;
  }
  nav.pagelink a,
  nav#directrylink a,
  .btn.arrow-r,
  .btn.arrow-u,
  .btn.arrow-d {
    padding-right: 32px;
    padding-left: 16px;
  }
  .btn.small.arrow-r,
  .btn.small.arrow-u,
  .btn.small.arrow-d {
    padding-right: 31px;
    padding-left: 20px;
  }
  nav.pagelink a::after,
  nav#directrylink a::after,
  .btn.arrow-r::after,
  .btn.arrow-u::after,
  .btn.arrow-d::after {
    right: 12px;
  }
  nav#directrylink a::before,
  .btn.arrow-r::before {
    right: 12px;
  }
  nav.pagelink a::before,
  nav.pagelink a::after,
  .btn.small.arrow-r::before,
  .btn.small.arrow-r::after,
  .btn.small.arrow-u::after,
  .btn.small.arrow-d::after {
    right: 12px;
  }
}
@media screen and (max-width: 719px) {
}
@media screen and (max-width: 479px) {
  .bgicon.cPremium {
    padding: 4px 6px 1px;
  }
}
@media screen and (max-width: 320px) {
}