/*Button Style*/
[class^="btn-"] {
  border:0;
font-size: 1.2rem;
cursor:pointer;
padding:1px 13px;
position:relative;
/*background:#72c02c;*/
display:inline-block;
/*color:#fff !important;*/
color: #000;
-webkit-transition:all 0.25s ease-out;
-moz-transition:all 0.25s ease-out;
-o-transition:all 0.25s ease-out;
transition:all 0.25s ease-out;
}
[class^="btn-"]:hover {
/*color:#fff;*/
background:#eeeeee;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}

/*.btn-default {
display:inline-block;
*display:inline;
*zoom:1;
margin:0 3px;
color:#333 !important;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#efefef;
background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image:-o-linear-gradient(top,#fff,#e6e6e6);
background-image:linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat:repeat-x;
border:1px solid #ccc;
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color:#b3b3b3;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
*border:1px solid #ccc;
}
.btn-default:hover {
background:#dedede;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}*/

/*20180604 yulin add*/
.btn-default{
display:inline-block;
margin:0 3px;
color:#000000;
text-align:center;
vertical-align:middle;
cursor:pointer;
border:1px solid #000000;
}
.btn-with-arrow{
padding: 6px 8px 7px 12px;
margin: 2px;
font-size: 1.4rem;
}
.btn-with-arrow span{
display: inline-block;
vertical-align: middle;
}
.btn-with-arrow img{
display: inline-block;
vertical-align: middle;
margin: 0 3px;
height: 13px;
}

.btn-u-small {
padding:3px 12px;
}
.btn-u-large {
font-size: 1.8rem;
padding:10px 25px;
}
a.btn-u {
padding:4px 13px;
vertical-align:middle;
}
a.btn-u-small {
padding:2px 12px;
}
a.btn-u-large {
font-size: 1.8rem;
padding:6px 25px;
}

/*Buttons Color*/
.btn-u-blue {
background: #3498db !important;
}
.btn-u-blue:hover {
background: #2980b9 !important;
}

.btn-u-red {
background: #e74c3c !important;
}
.btn-u-red:hover {
background: #c0392b !important;
}

.btn-u-orange {
background: #e67e22 !important;
}
.btn-u-orange:hover {
background: #d35400 !important;
}

.btn-u-sea {
background: #1abc9c !important;
}
.btn-u-sea:hover {
background: #16a085 !important;
}

.btn-u-green {
background: #2ecc71 !important;
}
.btn-u-green:hover {
background: #27ae60 !important;
}

.btn-u-yellow {
background: #F1C40F !important;
}
.btn-u-yellow:hover {
background: #F39C12 !important;
}

.btn-gray {
background:#999999;
  border: 1px solid #dddddd;
  color: #ffffff !important;
}
.btn-gray:hover {
color:#303030 !important;
  background:#dedede;
}

.btn-light-gray {
background:#f9f9f9;
  border: 1px solid #dddddd;
  color: #999999 !important;
}
.btn-light-gray:hover {
background:#999999;
  border: 1px solid #dddddd;
  color: #ffffff !important;
}

.btn-light-gray2 {
background:#f4f4f4;
  color: #303030 !important;
}
.btn-light-gray2:hover {
background:#999999;
  color: #efefef !important;
}

.btn-white {
background:#ffffff;
  border: 2px solid #d4d4d4;
  color: #888888 !important;
}
.btn-white:hover {
color:#ffffff !important;
  background:#000000;
border: 2px solid #000000;
}

.btn-Reservation {
padding:1px 10px;
background:#999999;
  border: 1px solid #dddddd;
  color: #ffffff !important;
float:right;
white-space: nowrap;
}
.btn-Reservation:hover {
color:#303030 !important;
  background:#dedede;
}
.btn-AlreadyFull {
padding:1px 10px;
background:#f9f9f9;
  border: 1px solid #dddddd;
  color: #999999 !important;
cursor:default;
float:right;
white-space: nowrap;
}
.btn-AlreadyFull:hover {
background:#f9f9f9;
  border: 1px solid #dddddd;
  color: #999999 !important;
cursor:default;
}
.btn-page-AlreadyFull {
padding:4px 10px;
background:#f9f9f9;
  border: 1px solid #dddddd;
  color: #999999 !important;
cursor:default;
position:relative;
top:1px;
}
.btn-page-AlreadyFull:hover {
background:#f9f9f9;
  border: 1px solid #dddddd;
  color: #999999 !important;
cursor:default;
}
.btn-Cancel {
padding:1px 10px;
background:#999999 url(../images/icon/icon-cancel.png) no-repeat 10px 6px;
padding:5px 15px 5px 37px;
font-size: 1.5rem;
font-weight:bold;
}
.btn-Cancel:hover {
background:#000000 url(../images/icon/icon-cancel.png) no-repeat 10px 6px;
}
.btn-Next {
padding:1px 10px;
background:#999999 url(../images/icon/icon-next.png) no-repeat right 4px;
padding:5px 30px 5px 15px;
font-size: 1.5rem;
font-weight:bold;
margin-left:10px;
}
.btn-Next:hover {
background:#000000 url(../images/icon/icon-next.png) no-repeat right 4px;
}


/*icon Style*/
[class^="icon-"] {
background-size:20px 40px !important;
/*background-size:20px 40px;*/
  display:inline-block;
*display:inline;
*zoom:1;
position:relative;
top:0;
vertical-align:middle;
margin:2px 5px;
/*margin: 0 5px;*/
z-index:2;
height: 20px;
width:20px;
}
[class^="icon-"]:hover{
opacity: .8;
}

[class^="icon-"] span { position:relative; top:-1px; }

.icon-search{
width: 20px !important;
height: 20px !important; 
background-image: url(../images/icon/icon-search.png);
background-repeat: no-repeat;
-webkit-background-size: cover !important;
background-size: cover !important;
margin-top: 3px;
}
.icon-fb,.icon-youtube { width: auto; height: auto; }
/*.icon-search { background:url(../images/icon/icon-search.png) no-repeat left top; background:url(../images/icon/icon-search-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-search-ie.png) no-repeat left top;  }
.icon-search:hover { background:url(../images/icon/icon-search.png) no-repeat left bottom; background:url(../images/icon/icon-search-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-search-ie.png) no-repeat left bottom; }
*/
.search .icon-search, .search_animate .icon-search { margin:0; }

.icon-view { background-position:0 0}
.icon-view:hover { background-position:0 -34px; }

.icon-edit { background:url(../images/icon/icon-edit.png) no-repeat left top; background:url(../images/icon/icon-edit-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-edit-ie.png) no-repeat left top;  }
.icon-edit:hover { background:url(../images/icon/icon-edit.png) no-repeat left bottom; background:url(../images/icon/icon-edit-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-edit-ie.png) no-repeat left bottom; }

.icon-del { background:url(../images/icon/icon-del.png) no-repeat left top; background:url(../images/icon/icon-del-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-del-ie.png) no-repeat left top;  }
.icon-del:hover { background:url(../images/icon/icon-del.png) no-repeat left bottom; background:url(../images/icon/icon-del-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-del-ie.png) no-repeat left bottom; }

.icon-link { background-position:-102px 0; }
.icon-link:hover { background-position:-102px -34px; }

.icon-check { background-position:-136px 0; }
.icon-check:hover { background-position:-136px -34px; }

/*.icon-download { background:url(../images/icon/icon-download.png) no-repeat left top; background:url(../images/icon/icon-download-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-download-ie.png) no-repeat left top;  }*/
/*.icon-download:hover { background:url(../images/icon/icon-download.png) no-repeat left bottom; background:url(../images/icon/icon-download-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-download-ie.png) no-repeat left bottom; }*/
/* 20180713 yulin height */
.icon-download { background:url(../images/icon/icon-download-grey.png) no-repeat left top; height:auto; -webkit-background-size: 20px 20px !important;
background-size: 20px 20px !important; }
.icon-download:hover { background:url(../images/icon/icon-download-black.png) no-repeat left top; height:auto; -webkit-background-size: 20px 20px !important;
background-size: 20px 20px !important;}

.icon-warning { background-position:-202px 0; }
.icon-warning:hover { background-position:-202px -34px; }

.icon-user { background-position:-238px 0; }
.icon-user:hover { background-position:-238px -34px; }

.icon-mail { background-position:-270px 0; }
.icon-mail:hover { background-position:-270px -34px; }

.icon-mailb { background-position:-304px 0; }
.icon-mailb:hover { background-position:-304px -34px; }

.icon-rrs { background:url(../images/icon/icon-rrs.png) no-repeat left top; background:url(../images/icon/icon-rrs-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-rrs-ie.png) no-repeat left top; }
.icon-rrs:hover { background:url(../images/icon/icon-rrs.png) no-repeat left bottom; background:url(../images/icon/icon-rrs-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-rrs-ie.png) no-repeat left bottom; }

.icon-rrs-s { width:12px !important; height:12px !important; background-size:12px 24px !important; background:url(../images/icon/icon-rrs-s.png) no-repeat left top; }
.icon-rrs-s:hover { background:url(../images/icon/icon-rrs-s.png) no-repeat left bottom; }

.icon-calender { background:url(../images/icon/icon-cal.png) no-repeat left top; background:url(../images/icon/icon-cal-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-cal-ie.png) no-repeat left top; }
.icon-calender:hover { background:url(../images/icon/icon-cal.png) no-repeat left bottom; background:url(../images/icon/icon-cal-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-cal-ie.png) no-repeat left bottom; }

/*.icon-fb { background:url(../images/icon/icon-fb.png) no-repeat left top; background:url(../images/icon/icon-fb-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-fb-ie.png) no-repeat left top; }
.icon-fb:hover { background:url(../images/icon/icon-fb.png) no-repeat left bottom; background:url(../images/icon/icon-fb-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-fb-ie.png) no-repeat left bottom; }
*/
/*.icon-youtube { background:url(../images/icon/icon-youtube.png) no-repeat left top; background:url(../images/icon/icon-youtube-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-youtube-ie.png) no-repeat left top; }
.icon-youtube:hover { background:url(../images/icon/icon-youtube.png) no-repeat left bottom; background:url(../images/icon/icon-youtube-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-youtube-ie.png) no-repeat left bottom; }
*/
.icon-twitter { margin-left:1px; background:url(../images/icon/icon-twitter.png) no-repeat left top; background:url(../images/icon/icon-twitter-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-twitter-ie.png) no-repeat left top; }
.icon-twitter:hover { background:url(../images/icon/icon-twitter.png) no-repeat left bottom; background:url(../images/icon/icon-twitter-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-twitter-ie.png) no-repeat left bottom; }

.icon-google { background:url(../images/icon/icon-google.png) no-repeat left top; background:url(../images/icon/icon-google-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-google-ie.png) no-repeat left top; }
.icon-google:hover { background:url(../images/icon/icon-google.png) no-repeat left bottom; background:url(../images/icon/icon-google-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-google-ie.png) no-repeat left bottom; }

.icon-location { background:url(../images/icon/icon-location.png) no-repeat left top; background:url(../images/icon/icon-location-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-location-ie.png) no-repeat left top; }
.icon-location:hover { background:url(../images/icon/icon-location.png) no-repeat left bottom; background:url(../images/icon/icon-location-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-location-ie.png) no-repeat left bottom; }

/*.icon-arrowR-epaper { z-index:1; background-size:40px 80px !important; width:40px; height:40px; background:url(../images/icon/icon-arrowR-epaper.png) no-repeat left top; margin:0; display:inline-block; float:left; }*/
/*:root .icon-arrowR-epaper {}*/
/*.icon-arrowR-epaper:hover { background:url(../images/icon/icon-arrowR-epaper.png) no-repeat left bottom;  }*/
.footer .icon-arrowR-epaper { margin-left:0; }
@media screen and (-webkit-min-device-pixel-ratio:0){ .footer .icon-arrowR-epaper {  } } /*chrome*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
 .footer .icon-arrowR-epaper { margin-top:0; }/*ie11*/
}

.icon-display-block { margin:2px 0 2px 5px; background:url(../images/icon/icon-display-block.png) no-repeat left top; background:url(../images/icon/icon-display-block-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-display-block-ie.png) no-repeat left top; }
.icon-display-block.active { margin:2px 0 2px 5px; background:url(../images/icon/icon-display-block.png) no-repeat left bottom; background:url(../images/icon/icon-display-block-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-display-block-ie.png) no-repeat left bottom; }
.icon-display-block:hover { background:url(../images/icon/icon-display-block.png) no-repeat left bottom; background:url(../images/icon/icon-display-block-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-display-block-ie.png) no-repeat left bottom; }

.icon-display-list { margin:2px 0 2px 5px; background:url(../images/icon/icon-display-list.png) no-repeat left top; background:url(../images/icon/icon-display-list-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-display-list-ie.png) no-repeat left top; }
.icon-display-list.active { margin:2px 0 2px 5px; background:url(../images/icon/icon-display-list.png) no-repeat left bottom; background:url(../images/icon/icon-display-list-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-display-list-ie.png) no-repeat left bottom; }
.icon-display-list:hover { background:url(../images/icon/icon-display-list.png) no-repeat left bottom; background:url(../images/icon/icon-display-list-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-display-list-ie.png) no-repeat left bottom; }

.icon-podcast { background-size:20px 40px !important; width:auto; height:20px; background:url(../images/icon/icon-podcast.png) no-repeat left top; background:url(../images/icon/icon-podcast-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-podcast-ie.png) no-repeat left top; }
.icon-podcast:hover { background-size:20px 40px !important; width:auto; height:20px; background:url(../images/icon/icon-podcast.png) no-repeat left bottom; background:url(../images/icon/icon-podcast-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-podcast-ie.png) no-repeat left bottom; }

.Related-Info .icon-podcast { padding-left:24px; width:206px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.News .icon-download, .About .icon-download { padding-left:24px; width:auto !important }
.Related-Info .icon-download { padding-left:24px; width:206px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

.artist .icon-download, .visit .icon-download, .exhibition_page .icon-download { padding-left:24px; width:auto !important; }
.visit .icon-download, .exhibition_page .icon-download { margin:2px 5px 2px 0; }


.icon-AddCal { background-size:28px 56px !important; width:28px; height:28px; margin-right:0; background:url(../images/icon/icon-AddCal.png) no-repeat left top; background:url(../images/icon/icon-AddCal-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-AddCal-ie.png) no-repeat left top; }
.icon-AddCal:hover { background-size:28px 56px !important; width:28px; height:28px; background:url(../images/icon/icon-AddCal.png) no-repeat left bottom; background:url(../images/icon/icon-AddCal-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-AddCal-ie.png) no-repeat left bottom; }

.icon-favorites { background-size:28px 56px !important; width:28px; height:28px; margin-right:0; background:url(../images/icon/icon-favorites.png) no-repeat left top; background:url(../images/icon/icon-favorites-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-favorites-ie.png) no-repeat left top; }
.icon-favorites:hover { background-size:28px 56px !important; width:28px; height:28px; background:url(../images/icon/icon-favorites.png) no-repeat left bottom; background:url(../images/icon/icon-favorites-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-favorites-ie.png) no-repeat left bottom; }

.icon-ColApply { background-size:28px 56px !important; width:28px; height:28px; margin-right:0; background:url(../images/icon/icon-ColApply.png) no-repeat left top; background:url(../images/icon/icon-ColApply-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-ColApply-ie.png) no-repeat left top; }
.icon-ColApply:hover { background-size:28px 56px !important; width:28px; height:28px; background:url(../images/icon/icon-ColApply.png) no-repeat left bottom; background:url(../images/icon/icon-ColApply-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-ColApply-ie.png) no-repeat left bottom; }

.icon-cart { background-size:32px 64px !important; width:32px; height:32px; margin-right:0; background:url(../images/icon/icon-cart.png) no-repeat left top; background:url(../images/icon/icon-cart-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-cart-ie.png) no-repeat left top; }
.icon-cart:hover { background-size:32px 64px !important; width:32px; height:32px; background:url(../images/icon/icon-cart.png) no-repeat left bottom; background:url(../images/icon/icon-cart-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-cart-ie.png) no-repeat left bottom; }

.icon-pre { background-size:28px 56px !important; width:28px; height:28px; margin-right:0; background:url(../images/icon/icon-arrowL.png) no-repeat left top; background:url(../images/icon/icon-arrowL-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-arrowL-ie.png) no-repeat left top; }
.icon-pre:hover { background-size:28px 56px !important; width:28px; height:28px; background:url(../images/icon/icon-arrowL.png) no-repeat left bottom; background:url(../images/icon/icon-arrowL-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-arrowL-ie.png) no-repeat left bottom; }

.icon-next { background-size:28px 56px !important; width:28px; height:28px; margin:2px 0; background:url(../images/icon/icon-arrowR.png) no-repeat left top; background:url(../images/icon/icon-arrowR-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-arrowR-ie.png) no-repeat left top; }
.icon-next:hover { background-size:28px 56px !important; width:28px; height:28px; background:url(../images/icon/icon-arrowR.png) no-repeat left bottom; background:url(../images/icon/icon-arrowR-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-arrowR-ie.png) no-repeat left bottom; } 

.icon-pre.back { background:url(../images/icon/icon-back.png) no-repeat left top; background:url(../images/icon/icon-back-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-back-ie.png) no-repeat left top; margin-left:0; top:-3px; }
.icon-pre.back:hover { background:url(../images/icon/icon-back.png) no-repeat left bottom; background:url(../images/icon/icon-back-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-back-ie.png) no-repeat left bottom; }

.icon-contact { background:url(../images/icon/icon-contact.png) no-repeat left top; background:url(../images/icon/icon-contact-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-contact-ie.png) no-repeat left top; }
.icon-contact:hover { background:url(../images/icon/icon-contact.png) no-repeat left bottom; background:url(../images/icon/icon-contact-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-contact-ie.png) no-repeat left bottom; }

.icon-media { background:url(../images/icon/icon-media.png) no-repeat left top; background:url(../images/icon/icon-media-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-media-ie.png) no-repeat left top; }
.icon-media:hover { background:url(../images/icon/icon-media.png) no-repeat left bottom; background:url(../images/icon/icon-media-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-media-ie.png) no-repeat left bottom; }

.icon-user { background:url(../images/icon/icon-user.png) no-repeat left top; background:url(../images/icon/icon-user-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-user-ie.png) no-repeat left top; }
.icon-user:hover { background:url(../images/icon/icon-user.png) no-repeat left bottom; background:url(../images/icon/icon-user-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-user-ie.png) no-repeat left bottom; }

.icon-volunteer { background:url(../images/icon/icon-volunteer.png) no-repeat left top; background:url(../images/icon/icon-volunteer-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-volunteer-ie.png) no-repeat left top; }
.icon-volunteer:hover { background:url(../images/icon/icon-volunteer.png) no-repeat left bottom; background:url(../images/icon/icon-volunteer-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-volunteer-ie.png) no-repeat left bottom; }

.icon-qa { padding-left:22px; width:auto !important; background:url(../images/icon/icon-qa.png) no-repeat left top; background:url(../images/icon/icon-qa-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-qa-ie.png) no-repeat left top; }
.icon-qa:hover { background:url(../images/icon/icon-qa.png) no-repeat left bottom; background:url(../images/icon/icon-qa-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-qa-ie.png) no-repeat left bottom; }

.icon-Register { padding-left:22px; width:auto !important; background:url(../images/icon/icon-user.png) no-repeat left top; background:url(../images/icon/icon-user-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-user-ie.png) no-repeat left top; }
.icon-Register:hover { background:url(../images/icon/icon-user.png) no-repeat left bottom; background:url(../images/icon/icon-user-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-user-ie.png) no-repeat left bottom; }

.icon-restaurant { background:url(../images/icon/icon-restaurant.png) no-repeat left top; background:url(../images/icon/icon-restaurant-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-restaurant-ie.png) no-repeat left top; }
.icon-restaurant:hover { background:url(../images/icon/icon-restaurant.png) no-repeat left bottom; background:url(../images/icon/icon-restaurant-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-restaurant-ie.png) no-repeat left bottom; }

.icon-service { background:url(../images/icon/icon-service.png) no-repeat left top; background:url(../images/icon/icon-service-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-service-ie.png) no-repeat left top; }
.icon-service:hover { background:url(../images/icon/icon-service.png) no-repeat left bottom; background:url(../images/icon/icon-service-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-service-ie.png) no-repeat left bottom; }

.icon-app { background:url(../images/icon/icon-app.png) no-repeat left top; background:url(../images/icon/icon-app-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-app-ie.png) no-repeat left top; }
.icon-app:hover { background:url(../images/icon/icon-app.png) no-repeat left bottom; background:url(../images/icon/icon-app-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-app-ie.png) no-repeat left bottom; }


.index .icon-contact, .index .icon-media, .index .icon-user, .index .icon-volunteer, .index .icon-qa, .index .icon-restaurant, .index .icon-service, .index .icon-app { padding-left:24px; width:auto !important; }


.icon-close { position:absolute; right:-5px; top:-17px; background:url(../images/icon/icon-close.png) no-repeat left top; background:url(../images/icon/icon-close-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-close-ie.png) no-repeat left top; }
.icon-close:hover { background:url(../images/icon/icon-close.png) no-repeat left bottom; background:url(../images/icon/icon-close-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-close-ie.png) no-repeat left bottom; }


.icon-close-gray { position:absolute; right:0; top:2px; background:url(../images/icon/icon-close-gray.png) no-repeat left top; background:url(../images/icon/icon-close-gray-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-close-gray-ie.png) no-repeat left top; }
.icon-close-gray:hover { background:url(../images/icon/icon-close-gray.png) no-repeat left bottom; background:url(../images/icon/icon-close-gray-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-close-gray-ie.png) no-repeat left bottom; }
.slideIntro .icon-close-gray { top:-10px; right:-10px; }

.icon-cost { float:right; background-size:20px 20px !important; background:url(../images/icon/icon-cost.png) no-repeat left top; background:url(../images/icon/icon-cost-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-cost-ie.png) no-repeat left top; }

/*.search-bg .icon-download { background-size:16px 32px !important; width:16px; height:16px; padding-left:20px; width:auto !important; font-size: 1.2rem !important; line-height:16px; background:url(../images/icon/icon-download-ie-16.png) no-repeat left top \0; *background:url(../images/icon/icon-download-ie-16.png) no-repeat left top;}*/
.search-bg .icon-download { background-size: 16px 16px !important; width:16px; height:18px; padding-left: 16px; width:auto !important; font-size: 1.2rem !important; line-height:18px;}
.search-bg.E-control .icon-download { background:url(../images/icon/icon-download-black.png) no-repeat left top; }
.search-bg.E-control a:hover .icon-download { background:url(../images/icon/icon-download-grey.png) no-repeat left top; }

/*.search-bg .icon-download:hover { background:url(../images/icon/icon-download-ie-16.png) no-repeat left bottom \0; *background:url(../images/icon/icon-download-ie-16.png) no-repeat left bottom;}*/


.icon-clock { width:28px; height:28px; top:-2px; background-size:28px 28px !important; background:url(../images/icon/icon-clock.png) no-repeat left top; background:url(../images/icon/icon-clock-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-clock-ie.png) no-repeat left top; }


.icon-info { width:28px; height:28px; top:-2px; background-size:28px 28px !important; background:url(../images/icon/icon-info.png) no-repeat left top; background:url(../images/icon/icon-info-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-info-ie.png) no-repeat left top; }


.icon-ticket { width:28px; height:28px; top:-2px; background-size:28px 28px !important; background:url(../images/icon/icon-ticket.png) no-repeat left top; background:url(../images/icon/icon-ticket-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-ticket-ie.png) no-repeat left top; }

.icon-traffic { width:28px; height:28px; top:-2px; background-size:28px 28px !important; background:url(../images/icon/icon-traffic.png) no-repeat left top; background:url(../images/icon/icon-traffic-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-traffic-ie.png) no-repeat left top; }


.icon-data { width:28px; height:28px; top:-2px; background-size:28px 28px !important; background:url(../images/icon/icon-data.png) no-repeat left top; background:url(../images/icon/icon-data-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-data-ie.png) no-repeat left top; }


.icon-reload { background:url(../images/icon/icon-reload.png) no-repeat left top; background:url(../images/icon/icon-reload-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-reload-ie.png) no-repeat left top; }
.icon-reload:hover { background:url(../images/icon/icon-reload.png) no-repeat left bottom; background:url(../images/icon/icon-reload-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-reload-ie.png) no-repeat left bottom; }


.icon-mark { float:right; top:-2px; *top:-14px; margin-right:2px; background-size:16px 32px !important; width:16px; height:16px; background:url(../images/icon/icon-mark.png) no-repeat left top; background:url(../images/icon/icon-mark-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-mark-ie.png) no-repeat left top; }
.icon-mark:hover { background:url(../images/icon/icon-mark.png) no-repeat left bottom; background:url(../images/icon/icon-mark-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-mark-ie.png) no-repeat left bottom; }


.icon-intro { padding-left:22px; width:auto !important; background:url(../images/icon/icon-intro.png) no-repeat left top; background:url(../images/icon/icon-intro-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-intro-ie.png) no-repeat left top; }
.icon-intro:hover { background:url(../images/icon/icon-intro.png) no-repeat left bottom; background:url(../images/icon/icon-intro-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-intro-ie.png) no-repeat left bottom; }


.icon-arrowRight { background-size:40px 80px !important; width:30px; height:40px; position:absolute; right:0; top:40%; background:url(../images/icon/icon-sliderArrow-right.png) no-repeat left top; background:url(../images/icon/icon-sliderArrow-right-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-sliderArrow-right-ie.png) no-repeat left top; }
.icon-arrowRight:hover { background:url(../images/icon/icon-sliderArrow-right.png) no-repeat left bottom; background:url(../images/icon/icon-sliderArrow-right-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-sliderArrow-right-ie.png) no-repeat left bottom; }


.icon-arrowLeft { background-size:40px 80px !important; width:30px; height:40px; position:absolute; left:0; top:40%; background:url(../images/icon/icon-sliderArrow-left.png) no-repeat right top; background:url(../images/icon/icon-sliderArrow-left-ie.png) no-repeat right top \0; *background:url(../images/icon/icon-sliderArrow-left-ie.png) no-repeat right top; }
.icon-arrowLeft:hover { background:url(../images/icon/icon-sliderArrow-left.png) no-repeat right bottom; background:url(../images/icon/icon-sliderArrow-left-ie.png) no-repeat right bottom \0; *background:url(../images/icon/icon-sliderArrow-left-ie.png) no-repeat right bottom; }


/* 20180713 yulin change height */
/*.icon-blank { margin-left:0; top:-3px; background-size:11px 11px !important; width:auto; padding-right:14px; background:url(../images/icon/icon-blank.png) no-repeat right 6px; }*/
.icon-blank { margin-left:0; height: auto; background-size:11px 11px !important; width:auto; padding-right:14px; background:url(../images/icon/icon-blank.png) no-repeat right 6px; }
.icon-blank:hover { background:url(../images/icon/icon-blank-hover.png) no-repeat  right 6px; }


.icon-podcast2 { margin:0; background-size:24px 48px !important; width:24px; height:24px; background:url(../images/icon/icon-podcast2.png) no-repeat left top; background:url(../images/icon/icon-podcast2-ie.png) no-repeat left top \0; *background:url(../images/icon/icon-podcast2-ie.png) no-repeat left top; position: relative; z-index: 1; }/*語音導覽需要z-index 20160128 Gabby*/
.icon-podcast2:hover { margin:0; background-size:24px 48px !important; width:24px; height:24px; background:url(../images/icon/icon-podcast2.png) no-repeat left bottom; background:url(../images/icon/icon-podcast2-ie.png) no-repeat left bottom \0; *background:url(../images/icon/icon-podcast2-ie.png) no-repeat left bottom; }


.icon-fLogin { background:url(../images/icon/icon-fLogin.png) no-repeat left top; }
.icon-fLogin:hover { background:url(../images/icon/icon-fLogin.png) no-repeat left bottom; }

.icon-gLogin { background:url(../images/icon/icon-gLogin.png) no-repeat left top; }
.icon-gLogin:hover { background:url(../images/icon/icon-gLogin.png) no-repeat left bottom; }


#EduSign.btn-white { padding-top:2px\9; padding-bottom:2px; top:-1px\9; }