@charset "utf-8";
/* CSS Document */
.none {display:none;}
/* Breadcrumb */
.breadcrumb{color:#888; font-weight:bold; padding-bottom:20px;}
.breadcrumb a{color:#999; font-weight:normal;}
.breadcrumb span{ display:inline-block; width:9px; height:9px; margin:0 3px; background:url(../images/breadcrumb_arrow.gif) no-repeat 0 0;}
/* END Breadcrumb */

/* Sidemenu */
.side_menu{ background-color:#fff;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 0 40px 0; margin-bottom:20px;}
.side_menu h3{ color:#555 !important; background:url(../images/browse_arrow.jpg) no-repeat bottom right; margin:0 10px 15px; font-size:1.552em !important;}
/*Del ^ this when all WCAG done */
.side_menu ul li{list-style-type:none; font-family:"DIN", "微軟正黑體", "新細明體"; font-size:1.2em; letter-spacing:-1px; position:relative;}
.side_menu ul li a{color:#555;padding:5px 10px; display:block;}
.side_menu ul li a:hover,
.side_menu ul li a.selected{ text-decoration:none; color:#fff;}
.side_menu .browse_categories{font-size: 1.552em;
font-family: "DIN";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;color: #555 !important;
background: url(../images/browse_arrow.jpg) no-repeat bottom right;
margin: 0 10px 15px;
font-size: 1.552em !important;
display: block;

}

/*Seconda Level*/
.side_menu ul.sub-level { display: none;}
.side_menu ul.sub-level li {  width:150px; font-size:1em;}
.side_menu ul.sub-level li a{ color:#fff;padding:5px 10px; display:block;}
.side_menu ul li:hover ul.sub-level { background: #85AE30; display: block; position: absolute; left: 152px; top: 0; z-index:9999;}

/*!!!!!!ADDED by Bon*/
/*Seconda Level in Brown*/
.side_menu ul.sub-level-info { display: none;}
.side_menu ul.sub-level-info li {  width:150px; font-size:1em;}
.side_menu ul.sub-level-info li a{ color:#fff;padding:5px 10px; display:block;}
.side_menu ul li:hover ul.sub-level-info { background: #B2773A; display: block; position: absolute; left: 152px; top: 0; z-index:9999;}


/* END Sidemenu */

/* Side AD */
.ad{-moz-border-radius: 7px; -webkit-border-radius: 7px; display:inline-block; margin-bottom:5px;}
.ad img{ width:148px;}
/* END Side AD */

/* color Theme */
.event-calendar h2{ color:#A56D37;}
.event-calendar h1.substitute{ color:#A56D37;font-size: 2.5em; font-family: "DIN", "微軟正黑體", "新細明體"; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;}
.event-calendar .sorting .header4{ color:#A56D37;}
.event-calendar .highlight_box{ background-color:#FF9933;}
.event-calendar .item{ background-color:#CC9966}
.event-calendar .side_menu ul li a:hover,
.event-calendar .side_menu ul li a.selected{ background-color:#FF9933}
.event-calendar .contents .header3,
.event-calendar .contents .header4{ color:#ff9933; }
.event-calendar .contents a{color:#ff9933; }
.event-calendar .contents .action{padding-bottom:0;}
.event-calendar .contents .action a{ background-color:#FF9900;}
.event-calendar .contents .action a:hover{ background-color:#A56D37;}
.event-calendar .contents .action_2 a{ background-color:#85AE30;}
.event-calendar .contents .action_2 a:hover{ background-color:#7A8E4F;}



.study-tour h2{ color:#267F7F;}
.study-tour h1.substitute{ color:#267F7F;font-size: 2.5em; font-family: "DIN", "微軟正黑體", "新細明體"; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;}
.study-tour .sorting .header4{ color:#267F7F;font-size: 1.552em; font-family: "DIN"; font-weight: normal; letter-spacing: -1px; display:block;}
.study-tour .highlight_box{ background-color:#FF9933;}
.study-tour .upcoming .item{ background-color:#85ae30}
.study-tour .past .item{ background-color:#267F7F}
.study-tour .side_menu ul li a:hover,
.study-tour .side_menu ul li a.selected{ background-color:#76A30E}
.study-tour .contents .header3,
.study-tour .contents .header4{ color:#85AE30; }

.study-tour .jcarousel-skin-tango a, .study-tour .jcarousel-skin-tango a:visited{ text-decoration:none; color:#333;}

.study-tour .contents .action{padding-bottom:0;}
.study-tour .contents .action a{ background-color:#85AE30;}
.study-tour .contents .action a:hover{ background-color:#7A8E4F;}
.study-tour .contents .action_2 a{ background-color:#964db8;}
.study-tour .contents .action_2 a:hover{ background-color:#714a83;}

.study-tour .contents .action_2 a{height: 38px; padding-top: 14px; background: none no-repeat scroll 175px 15px #964DB8; }

.study-tour .contents .org_name{color:#333; line-height:2; display:block; margin-bottom:2px;}
.study-tour .contents .org_logo{display: inline-block;}
.study-tour .contents .org_logo img{height:60px; width:auto; float:right; margin-left: 5px;}
.study-tour .contents .break_section{ width:100%; height:60px; background: url(../images/study-tour/upside-shadow.png) no-repeat top; display:block; }
.study-tour .contents .schedule{ margin-left:20px;line-height: 1.8em; color: #555;}
.study-tour .contents .schedule li{ margin-bottom:4px;}

.study-tour .contents .maptimeline-panel{ width:594; display:block; margin-bottom:20px; }
.study-tour .contents .maptimeline-panel .mapview-tab{ width:594; background:url(../images/study-tour/tab-map-view.jpg); height:43px; display:block }
.study-tour .contents .maptimeline-panel .timelineview-tab{ width:594; background:url(../images/study-tour/tab-timeline-view.jpg);height:43px; display:block }
.study-tour .contents .maptimeline-panel .bt-mapview{display:inline-block; float:left; width:297px; text-align:center;font-size:1.25em;margin-top:10px; color:#333; text-decoration:none }
.study-tour .contents .maptimeline-panel .bt-timelineview{display:inline-block; float:left; width:297px; text-align:center;font-size:1.25em; margin-top:10px; color:#333; text-decoration:none  }
.study-tour .contents .maptimeline-panel a.bt-mapview:hover{color:#333; text-decoration:underline; }
.study-tour .contents .maptimeline-panel a.bt-timelineview:hover{color:#333; text-decoration:underline;  }

.study-tour .contents .map-view-component{width:100%; height:392px; ; background:url(../images/study-tour/mapview-map-bg.jpg); }
.study-tour .contents .timeline-view-component{width:100%; height:244px; ; background:url(../images/study-tour/timelineview-timeline-bg.jpg); text-align:center; position: relative;}
.study-tour .contents .timeline-view-component .time-point{width:520px; display:inline-block;}
.study-tour .contents .timeline-view-component .time-point a{width:43px; background:url(../images/study-tour/timeline-point-off.png) no-repeat center top; display:inline-block; text-align:center; color:#333;  margin-top:58px; height:120px; float:left; }
.study-tour .contents .timeline-view-component .time-point a span{ margin:0 auto; text-align:center; display:inline-block; margin-top:20px;}
.study-tour .contents .timeline-view-component .time-point .blankpoint{width:43px; display:inline-block;float:left; }
.study-tour .contents .timeline-view-component .time-point a.selected {width:43px; background:url(../images/study-tour/timeline-point-on.png) no-repeat center top; display:inline-block; text-align:center; color:#333; font-weight:800;float:left;}
.study-tour .contents .timeline-view-component .time-point .today {text-align: center;display: inline;position: relative;width: 47.2px;float: left;top: -130px; background:url(../images/study-tour/timeline-today-line.png) no-repeat center top;}
.study-tour .contents .timeline-view-component .time-point .today span.line{width:43px; height:160px; display:inline-block; margin-top:0px; }
.study-tour .contents .timeline-view-component .time-point .today span.txt{ height:20px; display:inline-block; color:#909090; margin-top:0px;}



.study-tour .contents .timeline-view-component .time-point ul li {color: rgb(85, 85, 85);
list-style-type: none;
background: none;
padding-left: 0;
padding-bottom: 0;}

.study-tour .contents .timeline-view-component .time-nextback a.prev{ background:url(../images/study-tour/timeline-arrow-left.png); width:33px; height:30px; display:inline-block; position:absolute; left:16px; top:316px;}
.study-tour .contents .timeline-view-component .time-nextback a.next{ background:url(../images/study-tour/timeline-arrow-right.png); width:33px; height:30px; display:inline-block; position:absolute; right:16px;top:316px;}
.study-tour .contents .timeline-view-component .time-backtonow {display:inline-block; width:520px; margin-top:10px; }
.study-tour .contents .timeline-view-component .time-backtonow a.backtonow{ display:inline-block; margin:0 auto; padding:10px; background:#176699; border:1px solid #ccc; text-decoration:none; color:#fff; border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}


.study-tour .pasttour .contents .descriptionbox{ margin-left:8px; width:200px; }
.study-tour .pasttour .contents .header3,
.study-tour .pasttour .contents .header4{ color:#2f9996; }

.study-tour .pasttour .content-desc {overflow: hidden; position: relative; padding-bottom: 1.8em;}
.study-tour .pasttour .content-desc .content {overflow: hidden; height: 1.8em; line-height: 1.8em;}
.study-tour .pasttour .content-desc .more { display: block; color: #666; text-align:center }
.study-tour .pasttour .content-desc img {width:238px; height:auto;}
.study-tour .pasttour .content-desc span.header4,
.study-tour .pasttour .content-desc span.header6 {width:100%;}
.study-tour .pasttour .content-desc span.header6 {color:#000;}
.study-tour .scrolling-title{font-size: 2em; color:#85ad30;}
.study-tour .pasttour .content-desc .grid_13 {margin-bottom:20px;}
.study-tour .content-desc .break_section{ height:30px; background:url(../images/study-tour/upside-shadow.png) no-repeat bottom; position: relative;top: -30px;}

.study-tour .page a {padding-bottom: 0;}

.study-tour .contents span.item-count {display: inline-block; position: static; right:20px;}


#prev-study-tour, #next-study-tour{ display:inline-block; width:24px; height:24px; z-index:1000;position:relative; text-indent:-9999px; bottom:4px; opacity:1;}
#prev-study-tour a, #next-study-tour a { display:block; position:relative; width:24px; height:24px; background:url(../images/slider/btn_prev.png) no-repeat 0 0; }
#next-study-tour a{ background:url(../images/slider/btn_next.png) no-repeat 0 0; }
#prev-study-tour a:hover{background:url(../images/slider/btn_prev.png) no-repeat 0 -24px;}
#next-study-tour a:hover{background:url(../images/slider/btn_next.png) no-repeat 0 -24px;}
.study-tour .jcarousel-skin-default p{margin:0;line-height:1.2em; width:96%;}
.study-tour div.gallery-slider{height:auto;}

.study-tour .extra_links {background-color: #8d8d8d;}
.study-tour .extra_links .header4 {color:#fff;}
.study-tour .extra_links p {color:#CCC;}

.study-tour .div-page-num {text-align:center; width: 100%; display: inline-block; margin: 0 auto;}
.study-tour .div-page-num a{text-decoration: none; position: static;}

.study-tour .div-page-num a.selected{text-decoration: underline;}

.study-tour .slidePrev{width: 24px;height: 24px;display: inline-block;cursor: pointer;background: url(/html/www/tc/images/slider/btn_prev.png) no-repeat 0 0;margin-right: 5px}
.study-tour .slidePrev:hover, 
.study-tour .slidePrev:focus { background-position: 0 -24px; /*-32px 0;*/}
.study-tour .slideNext{width: 24px;height: 24px;display: inline-block;cursor: pointer;background: url(/html/www/tc/images/slider/btn_next.png) no-repeat 0 0;margin-left: 5px;}
.study-tour .slideNext:hover,
.study-tour .slideNext:focus {background-position: 0 -24px; /*-32px 0;*/}
 
.study-tour .jcarousel-skin-default {text-align: center;}
.study-tour .jcarousel-skin-default .jcarousel ul {overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 23500px;}
.study-tour .jcarousel-skin-default .jcarousel li {width: 149px; color:#555; list-style-type:none;background:url(); padding-left:0; padding-bottom:0;text-align:left;}
.study-tour .jcarousel-skin-default .jcarousel li img {width: 149px; height: 89px;}

.study-tour #map-tours .jcarousel.wrap-null { width: 596px; height: auto; min-height: 200px;}
.study-tour #timeline-tours .jcarousel.wrap-null { width: 596px;}
.study-tour .jcarousel-skin-default .jcarousel .emptyCell { cursor: default; height: 200px; }

.further-study h2{ color:#666666;font-size: 1.552em;}
.further-study h1.substitute{ color:#9e44a6;font-size: 2.5em; font-family: "DIN", "微軟正黑體", "新細明體"; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;}
.further-study .sorting .header3{ line-height: 1.4em; color:#a683ab;font-size: 2em; font-family: "DIN"; font-weight: normal; letter-spacing: -1px; display:block; margin-top:10px;}
.further-study .sorting .header4{ line-height: 1.4em; color:#333;font-family: "DIN"; font-weight: normal; letter-spacing: -1px; display:block; margin-top:10px;}
.further-study .contents .schedule{ margin-left:20px;line-height: 1.8em; color: #555;}
.further-study .contents .schedule li{ margin-bottom:4px;}


.further-study .highlight_box{ background-color:#433d70;}
.further-study .highlight_box .header4{ line-height: 1.5em;}
.further-study .item{ background-color:#a683ab}
.further-study.course .item{ background-color:#ae547f}
.further-study.course .campus{ color:#feffb5}

.further-study .side_menu ul li a:hover,
.further-study .side_menu ul li a.selected{ background-color:#433d70}
.further-study .side_menu ul.sub-level li a:hover{ background-color:#ae547f}
.further-study .contents .header3,
.further-study .contents .header4{color:#9e44a6;}


.further-study p{ line-height: 1.8em; color: rgb(85, 85, 85); margin: 0 0 1.52em;}
.further-study .highlight_box p{ color:#fff;}


.further-study .contents .action{padding-bottom:0;}
.further-study .contents .action a{ background-color:#433d70;}
.further-study .contents .action a:hover{ background-color:#56517f;}
.further-study .contents .action_2 .expiry_date{ background-color:#964db8;}


.further-study .contents .action_2 .expiry_date{width: 209px; text-align:right; height: 28px; padding-top: 14px; background: none;  background-color: #f85454;}
.further-study .contents .action_2 .expiry_date .notice {padding-right:10px; color:#fff;}
.further-study .courselist1 span, .further-study .courselist2 span, .further-study .courselist3 span{color:#fff; padding:8px; display:inline-block; } 
.further-study .courselist1 {width:594px; background:#433d70; display:inline-block;margin-bottom:1px;} 
.further-study .courselist2 {width:594px; background:#df85b0; display:inline-block;margin-bottom:20px;} 
.further-study .courselist3 {width:594px; background:#df85b0; display:inline-block;margin-bottom:20px;} 

.further-study .bt-dropdown{ background:url(../images/dropdown_arrow_off.png); width:11px; height:11px; display:inline-block; float:right; margin-right:10px; margin-top:8px; } 
.further-study .bt-dropdown.clicked{ background:url(../images/dropdown_arrow_on.png); width:11px; height:11px; display:inline-block; float:right; margin-right:10px; margin-top:8px; } 
.further-study .tableheader {width:594px; background:#c3bee8; display:inline-block;} 
.further-study .tablecontent1 {width:594px; background:#fff; display:inline-block;} 
.further-study .tablecontent2 {width:594px; background:#eee; display:inline-block;} 
.further-study .tablecontent1 .notice, .further-study .tablecontent2 .notice  {color:#F00; padding:0; width:100%} 

.further-study .tableheader .col1{width:280px; padding:8px; display:inline-block;text-align:right;vertical-align: top;} 
.further-study .tableheader .col2{width:150px; padding:4px 8px 0 8px ; display:inline-block;vertical-align: top;} 
.further-study .tableheader .col3{width:90px; padding:4px 0 0 8px ;display:inline-block;vertical-align: top;} 
 
.further-study .col1{width:280px; padding:8px; display:inline-block;vertical-align: top;} 
.further-study .col2{width:150px; padding:8px; display:inline-block;vertical-align: top;} 
.further-study .col3{width:90px; padding:8px;display:inline-block;vertical-align: top;} 
.further-study .col4{width:100%; padding:8px;display:inline-block;vertical-align: top;} 

.further-study .extra_links {background-color: #8d8d8d;}
.further-study .extra_links .header4 {color:#fff;margin-top: 0px;}
.further-study .extra_links p {color:#CCC;}

.further-study .extra_links #currentSlide {width: 100%;height: auto;display: block;}
.further-study div.gallery-slider {height: auto;}

.further-study .courselist1-content a{color:#000; text-decoration:none}
.further-study .courselist1-content a:visited{color:#333; text-decoration:none}
.further-study .courselist1-content a:hover, .further-study .courselist1-content a:visited:hover{color:#000; text-decoration:underline}

.further-study .fullposter  {margin-bottom: 10px; width:578px; height:auto;}

.further-study .contents a.chapter-dropdown {color:#000 ; text-decoration:none; display:inline-block;}  
.further-study .contents ul li {display:inline-block; width:100%; overflow:hidden;} 
.further-study .contents ul.allcoverstory li{height:auto} 
.further-study .contents ul.allcoverstory li.hide{height:2em}
.further-study .highlight_box .custom-box {width: 596px;}

/*
.further-study .contents .descriptionbox{ margin-left:8px; width:200px; }
.further-study .contents .header3,
.further-study .contents .header4{ color:#2f9996; }

.further-study .content-desc {overflow: hidden; position: relative; padding-bottom: 1.8em;}
.further-study .content-desc .content {overflow: hidden; height: 1.8em; line-height: 1.8em;}
.further-study .content-desc .more { display: block; color: #666; text-align:center }
.further-study .content-desc img {width:238px; height:auto;}
.further-study .content-desc span.header4,
.further-study .content-desc span.header6 {width:100%;}
.further-study .content-desc span.header6 {color:#000;}
.further-study .scrolling-title{font-size: 2em; color:#85ad30;}
.further-study .content-desc .grid_13 {margin-bottom:20px;}
.study-tour .content-desc .break_section{ height:30px; background:url(../images/study-tour/upside-shadow.png) no-repeat bottom; position: relative;top: -30px;}

.study-tour .page a {padding-bottom: 0;}

.study-tour .contents span.item-count {right:20px;}


#prev-study-tour, #next-study-tour{ display:inline-block; width:24px; height:24px; z-index:1000;position:relative; text-indent:-9999px; bottom:4px; opacity:1;}
#prev-study-tour a, #next-study-tour a { display:block; position:relative; width:24px; height:24px; background:url(../images/slider/btn_prev.png) no-repeat 0 0; }
#next-study-tour a{ background:url(../images/slider/btn_next.png) no-repeat 0 0; }
#prev-study-tour a:hover{background:url(../images/slider/btn_prev.png) no-repeat 0 -24px;}
#next-study-tour a:hover{background:url(../images/slider/btn_next.png) no-repeat 0 -24px;}
.study-tour .jcarousel-skin-tango p{margin:0;line-height:1.2em; width:96%;}
.study-tour div.gallery-slider{height:auto;}

.study-tour .extra_links {background-color: #8d8d8d;}
.study-tour .extra_links .header4 {color:#fff;}
.study-tour .extra_links p {color:#CCC;}

*/


.interest-classes h2{ color:#267F7F;}
.interest-classes h1.substitute{ color:#267F7F;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.interest-classes .sorting .header4{ color:#267F7F;}
.interest-classes .highlight_box{ background-color:#85AE30;}
.interest-classes .item{ background-color:#2F9996}
.interest-classes .side_menu ul li a:hover,
.interest-classes .side_menu ul li a.selected{ background-color:#85AE30}
.interest-classes .side_menu ul.sub-level li a:hover{ background-color:#a8df3b}
.interest-classes .contents .header3,
.interest-classes .contents .header4{ color:#85AD30; }
.interest-classes .contents a{color:#ff9933; }
.interest-classes .contents .action{padding-bottom:0;}
.interest-classes .contents .action a{ background-color:#85AE30;}
.interest-classes .contents .action a:hover{ background-color:#7A8E4F;}
.interest-classes .contents .action a .header3{color:#fff;}
.interest-classes .contents .action_2 a{ background-color:#FF9900;}
.interest-classes .contents .action_2 a:hover{ background-color:#A56D37;}

.competitions h2{ color:#D65248;}
.competitions h1.substitute{ color:#D65248;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.competitions .sorting .header4{ color:#666666;}
.competitions .item{ background-color:#D68383}
.competitions .contents .header3,
.competitions .contents .header4{ color:#D68383;}
.competitions .contents a{color:#ff9933;}
.competitions .contents .title_sub{ font-size:1.92em; color:#000; padding-bottom:2px;font-family: "DIN", "微軟正黑體", "新細明體"; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;}

.youth-studio h2{ color:#7F6337;}
.youth-studio h1.substitute{ color:#7F6337;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.youth-studio .sorting .header4{ color:#7F6337;}
.youth-studio .highlight_box{ background-color:#806337;}
.youth-studio .item{ background-color:#B2773A}
.youth-studio .side_menu ul li a:hover,
.youth-studio .side_menu ul li a.selected{ background-color:#B2773A}

.gov-job h2{ color:#006599;}
.gov-job h1.substitute{ color:#006599;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.gov-job .header3,
.gov-job .header4{ color:#21A4D0;}
.gov-job .sorting .header4{ color:#006599;}
.gov-job .item{ background-color:#23A4D0}
.gov-job .side_menu ul li a:hover,
.gov-job .side_menu ul li a.selected{ background-color:#23A4D0}

.video-channels h2{ color:#D4694D;}
.video-channels h1.substitute{ color:#D4694D;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.video-channels .highlight_box{ background-color:#E7924D; padding-bottom:10px;}
.video-channels .highlight_box h2,
.video-channels .highlight_box .header4{ color:#FFFF99;width: 100%;}
.video-channels .highlight_box .header6{ color:#FFF}
.video-channels .item{ background-color:#E7A847}
.video-channels .side_menu ul li a:hover,
.video-channels .side_menu ul li a.selected{ background-color:#E7924D}
.video-channels #youthVideo { display:block; margin-bottom:0;}

/*!!!!!!ADDED by Bon*/
.info-centre h2{ color:#7F6337;}
.info-centre h1.substitute{ color:#7F6337;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.info-centre .side_menu ul li a:hover,
.info-centre .side_menu ul li a.selected{ background-color:#B2773A}
.info-centre .side_menu ul.sub-level li a:hover{ background-color:#e89947}
.info-centre .sorting .header4{ color:#7F6337;}
.info-centre .highlight_box{ background-color:#806337;}
.info-centre .item{ background-color:#B2773A}
.info-centre .side_menu ul li a:hover,
.info-centre .side_menu ul li a.selected{ background-color:#B2773A}

.aboutus h2{ color:#666;}
.aboutus h1.substitute{ color:#666;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.aboutus .side_menu ul li a:hover,
.aboutus .side_menu ul li a.selected{ background-color:#666}
.aboutus .side_menu ul.sub-level li a:hover{ background-color:#666}
.aboutus.sorting .header4{ color:#666;}
.aboutus .highlight_box{ background-color:#666;}
.aboutus .item{ background-color:#666}
.aboutus .side_menu ul li a:hover,
.aboutus .side_menu ul li a.selected{ background-color:#666}



/*======Added by Robert*/
.online-survey .left{ float: left;}
.online-survey .cell{ width: 110px; text-align: center;}
.online-survey .row{ clear: both;}
/*.online-survey .displace-up{ margin-top: -16px; margin-top: 0px \9;} */
.online-survey form label { padding: 0px 0px;}
.online-survey .access{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.online-survey .visually-displaced{ white-space: nowrap \9; position: relative; top: -38px; /*overflow: hidden;*/}
.online-survey .visually-displaced-2{ white-space: nowrap \9; position: relative; top: -20px; top: -10px \9; /*overflow: hidden;*/}
.online-survey .block{ display: block;}
.online-survey fieldset{ border: 0;}
.online-survey legend{ display: none;}
.online-survey .label-height{ height: 20px; height: 10px \9;}

/*!!!!!!ADDED by Bon*/
.freshtube-video h2{ color:#D4694D;}
.freshtube-video h1.substitute{ color:#66cc00;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.freshtube-video .highlight_box{ background-color:#FFF; padding-bottom:10px; padding-top:80px; background-image:url(../images/freshtube/inside-header.jpg); background-repeat:no-repeat}
.freshtube-video .highlight_box h2,
.freshtube-video .highlight_box .header4{ color:#333}
.freshtube-video .highlight_box .header6{ color:#FFF}
.freshtube-video .item{ background-color:#39b54a}
.freshtube-video .side_menu ul li a:hover,
.freshtube-video .side_menu ul li a.selected{ background-color:#39b54a}
.freshtube-video #youthVideo { display:block; margin-bottom:0;}
/*2012-11-02*/
.freshtube-video .highlight_box .header3 {width: 100%}
.freshtube-video .highlight_box .jcarousel-skin-default li img {width: 149px; height: 88px}

.search-result h2{ color:#333;}
.search-result h1.substitute{ color:#333;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.search-result .result_head{ background-color:#8d8d8d; padding:10px;}
.search-result .result_head .header3{padding:0 10px 0 0; color:#fff;}
.search-result .push { height:260px;padding:25px 0; }
/* end Color Theme */

/* Highlight */
.highlight_box{ padding:12px; height:256px; color:#fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; position:relative; }
.highlight_box .custom-box{ width:380px; height:262px; left:0px;}
.highlight_box .large-custom-box{ width:595px; height:264px; left:0px;}
.highlight_box .itemheader{ color:#fff; text-transform:uppercase; font-weight:normal; padding:0; letter-spacing:-1px; font-family: 'DIN';font-size:1.9em; padding-bottom:5px; width:370px;}
.highlight_box .header4 { color:#fff; text-transform:uppercase; font-weight:normal; padding:0; letter-spacing:-1px; font-family: 'DIN';font-size:1.9em; padding-bottom:5px;}
.highlight_box img.desc_image{ width:428px; height:200px; padding-bottom:5px;}
.highlight_box .more a{ right:0;}
.highlight_box p{ margin:0;} 
/* END Highlight */

/* Youth Highlight */
.slider_left{ float:left; padding-right:10px;}
.slider_right{ float:left; width:215px;}
.youth-studio .highlight_box{ height:258px;}
.youth_details .content-desc { overflow:hidden; position:relative; padding-bottom:1.8em;}
.youth_details .content-desc .content { overflow:hidden; height:1.8em; line-height:1.8em; color: #555555;}
.youth_details .content-desc .more { position: absolute; bottom: 0; left: 0; display: block; color: #666; }
.youth_details .content-desc-2 { overflow:hidden; position:relative; padding-bottom:1.8em;}
.youth_details .content-desc-2 div { overflow:hidden; height:3.2em;}
.youth_details .content-desc-2 .more-2 { position: absolute; bottom: 0; left: 0; display: block; color: #666; }
.slider_left img.desc_image{ width:376px; height:256px; padding-bottom:5px;}
.slider_right span{ display:block; font-size:1.2em;color:#fff;padding-bottom:10px; }
.slider_right span.title{ color:#F6A451; font-size:0.95em; padding-bottom:5px;font-weight:bold;}
.slider_right span.exhibit_name{  font-size:2em; }
.slider_right .more a{  display:inline-block; position:relative; margin-top:10px;}
/*!!!!!!!!!!!!ADDED 2012-10-24!!!!!!!!!!!!!!!111*/
.youth-studio .youth_details .video_player {width: 595px; height: 400px;}
/* END Youth Highlight */

/* Video Channels Highlight */
.video-channels .header3{ font-size:2em; color:#333;}
.video-channels .highlight_box{ height:auto;}
.video-channels .highlight_box .large-custom-box{ width:595px; height:667px; left:0px;}
.video-channels .highlight_box span{ opacity:0.7}
.video-channels .highlight_box span.more_details{ display:block; opacity:1; background:url(../images/icon_point.gif) no-repeat 0 2px; padding-left:20px; margin:5px 0;}
.video-channels .highlight_box span.more_details a{ color:#fff; text-decoration:none;}
.video-channels .highlight_box span.more_details a:hover{ text-decoration:underline;}
.video-channels .highlight_box .content-desc { overflow:hidden; position:relative; padding-bottom:1.8em;}
.video-channels .highlight_box .content-desc .content { overflow:hidden; height:1.8em; line-height:1.8em; color: #555555;}
.video-channels .highlight_box .content-desc .more { position:absolute; bottom:0; left:0; display:block; color:#000000}

/*.youth_details .content-desc { overflow:hidden; position:relative; padding-bottom:1.8em;}
.youth_details .content-desc div { overflow:hidden; height:1.8em;}
.youth_details .content-desc .more { position:absolute; bottom:0; left:0; display:block; color:#666666;}*/

/* END Video Channels Highlight */




/* Freshtube Highlight !! by BonBon  <img src="../images/freshtube/inside-header.jpg" width="620" height="103" alt="Share">*/
.freshtube-video .header3{ font-size:2em; color:#333;}
.freshtube-video .highlight_box{ height:auto; }
.freshtube-video .highlight_box .large-custom-box{ width:595px; left:0px;}
.freshtube-video .highlight_box span{ opacity:0.7}
.freshtube-video .highlight_box span.more_details{ display:block; opacity:1; background:url(../images/icon_point.gif) no-repeat 0 2px; padding-left:20px; margin:5px 0;}
.freshtube-video .highlight_box span.more_details a{ color:#fff; text-decoration:none;}
.freshtube-video .highlight_box span.more_details a:hover{ text-decoration:underline;}
.freshtube-video .highlight_box .content-desc { overflow:hidden; position:relative; padding-bottom:1.8em;}
.freshtube-video .highlight_box .content-desc div { overflow:hidden; height:1.8em;}
.freshtube-video .highlight_box .content-desc .more { position:absolute; bottom:0; left:0; display:block; color:white}

.freshtube-video .content-desc { overflow:hidden; position:relative; padding-bottom:1.8em;}
.freshtube-video .content-desc div { overflow:hidden; height:4.8em;}
.freshtube-video .content-desc .more { position:absolute; bottom:0; left:0; display:block; color:#666666;}
/* END Video Channels Highlight */



/* Today's pick */
.today_pick_box{ padding:8px; height:264px;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;  }
.today_pick_box .itemheader { color:#fff; text-transform:uppercase; font-weight:normal; padding:0; letter-spacing:-1px; font-family: 'DIN';}
.today_pick_box iframe{margin-bottom:5px; height:260px;}
.today_pick_box .itemheader{ float:left; font-size:1.9em;}
.today_pick_box .location a{ background:url(../images/btn_location.png) no-repeat 0 0; display:inline-block; width:115px; height:21px; margin-left:10px; float:right;}
.today_pick_box .location a:hover{background:url(../images/btn_location.png) no-repeat 0 -22px;} 
.today_pick_box p{ margin:0;} 
/* END Today's pick */

/* Inner page Box */
.inner-box {height:720px; overflow: hidden; position: relative; } 
.inner-box .item,
.inner-box-no-function .item{margin:0 26px 10px 0;}
.inner-box-no-function .last{ margin-right:0 !important;}
/* END Inner page Box */

/* Inner page Box 2 */
.inner-box2 {height:490px;} 
.inner-box2 .item,
.inner-box2-no-function .item{margin:0 26px 10px 0;}
.inner-box2-no-function .last{ margin-right:0 !important;}
/* END Inner page Box */

/* Sorting Selection */
.sorting h4{ display:inline-block;}
.sorting .form{ display:inline-block; float:right; color:#555;  margin-bottom:0;}
.sorting .form a{ color:#555; display:inline-block; padding:0 2px;}
.sorting .form a{ *display:inline;}
.sorting .form a:hover { background-color:#65CC01; text-decoration:none;}
.sorting .form a.selected { text-decoration:underline;}
.sorting label{ display:inline-block;}
.sorting .dd{ border:1px solid #ccc;}
.sorting .dd .ddTitle{ padding:1px 3px;}
.sorting .dd .ddChild{background-color:#eee;}
.sorting .dd .ddChild a.selected,
.sorting .dd .ddChild a:hover{ background-color:#ccc; color:#fff;}
/* END Sorting Selection */

/* E-Newsletter Box */
.enewsletter{ background-color:#65cc01;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.enewsletter .header3{ color:#fff; text-transform:none;  margin-bottom:15px;font-size: 1.552em; font-family: "DIN"; font-weight: normal; letter-spacing: -1px; line-height: 1em;}
.enewsletter label{color:#fff; display:block;}
.enewsletter select {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.enewsletter input[type=text] {font-size: 0.95em; color: #999; width: 125px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.enewsletter button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; border: medium none;
cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}
.enewsletter .helpdesk{ background:url(../images/icon_helpdesk.png) no-repeat; width:24px; height:24px; float:left; margin-top:5px;}
.enewsletter .whatisnewsletter{ width:100px; float:left;color:#fff; margin-top:5px;}


/* Search Box */
.searchPanel { background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.searchPanel  .header3 { color:#fff; text-transform:none;  margin-bottom:15px;}
.searchPanel label {color:#fff; display:block;}
.searchPanel form input, .searchPanel form select {font-size: 0.95em; color: #999; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.searchPanel form select {width: 127px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.searchPanel form input.textfield {width: 100px;}
.searchPanel form input.textfield-long {width: 120px;}
.searchPanel form input#nameSearch {width: 120px;}
.searchPanel form input.datepicker {width: 100px;}
.searchPanel button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}
.searchPanel img.ui-datepicker-trigger {border:1px solid #ccc; border-left:none;}
.searchPanel .dd  { border:1px solid #ccc; width:130px !important; margin-bottom:10px;}
.searchPanel .dd .ddTitle{ padding: 2px 0 2px 5px; width:125px !important; color:#999}
.searchPanel .dd .ddChild{background-color:#eee; width:125px !important;}
.searchPanel .dd .ddChild a.selected,
.searchPanel .dd .ddChild a:hover{ background-color:#ccc; color:#fff;}
.searchPanel label.radiobt { margin-top:3px;}
.searchPanel form input.radiobt_studyTour {background-color: transparent; border-radius: 0; margin-bottom: 10px;border:none ; border-right:none;}

/*
.search_events{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.search_events .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.search_events label{color:#fff; display:block;}
.search_events select {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_events input#eventSearch {font-size: 0.95em; color: #999; width: 100px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_events input#from {font-size: 0.95em; color: #999; width: 100px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.search_events input#to {font-size: 0.95em; color: #999; width: 100px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.search_events button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; border: medium none;
cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}
.search_events img.ui-datepicker-trigger{border:1px solid #ccc; border-left:none;}

.search_tour{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.search_tour .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.search_tour label{color:#fff; display:block;}
.search_tour select {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_tour input#search_keyword , .search_tour input#search_city {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_tour input#datePicker {font-size: 0.95em; color: #999; width: 103px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.search_tour input#to {font-size: 0.95em; color: #999; width: 103px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.search_tour button#bt_search_keyword, .search_tour button#bt_search_city {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; border: medium none;
cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}
.search_tour img.ui-datepicker-trigger{border:1px solid #ccc; border-left:none;}
.search_tour label.radiobt { margin-top:3px;}

.search_classes{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.search_classes .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.search_classes label{color:#fff; display:block;}
.search_classes select {font-size: 0.95em; color: #999; width: 100px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_classes input#classesSearch {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_classes input#from {font-size: 0.95em; color: #999; width: 100px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.search_classes button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; border: medium none;
cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}
.search_classes img.ui-datepicker-trigger{border:1px solid #ccc; border-left:none;}

.search_studio{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.search_studio .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.search_studio label{color:#fff; display:block;}
.search_studio input#studioSearch{font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.search_studio input#nameSearch {font-size: 0.95em; color: #999; width: 125px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;}
.search_studio button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}

.search_job{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.search_job .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.search_job label{color:#fff; display:block;}
.search_job input#jobSearch{font-size: 0.95em; color: #999; width: 123px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;}
.search_job .dd{ border:1px solid #ccc; width:128px !important; margin-bottom:10px;}
.search_job .dd .ddTitle{ padding: 2px 0 2px 5px; width:125px !important; color:#999}
.search_job .dd .ddChild{background-color:#eee; width:125px !important;}
.search_job .dd .ddChild a.selected,
.search_job .dd .ddChild a:hover{ background-color:#ccc; color:#fff;}
.search_job select {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}

.search_videos{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.search_videos .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.search_videos label{color:#fff; display:block;}
.search_videos input#videosSearch{font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;  border:1px solid #ccc; border-right:none;}
.search_videos button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; cursor: pointer; height: 23px; width: 21px; margin-bottom:10px; border:1px solid #ccc; border-left:none; }
.search_videos .dd{ border:1px solid #ccc; width:130px !important; margin-bottom:10px;}
.search_videos .dd .ddTitle{ padding: 2px 0 2px 5px; width:125px !important; color:#999}
.search_videos .dd .ddChild{background-color:#eee; width:125px !important;}
.search_videos .dd .ddChild a.selected,
.search_videos .dd .ddChild a:hover{ background-color:#ccc; color:#fff;}
*/

.jobs_cloud{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.jobs_cloud .header3{ color:#fff; text-transform:none;  margin-bottom:15px;}
.jobs_cloud label{color:#fff; display:block;}
.jobs_cloud select {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.jobs_cloud input#eventSearch {font-size: 0.95em; color: #999; width: 105px; background-color: white;border-radius: 0; margin-bottom: 10px;border:1px solid #ccc; border-right:none;}
.jobs_cloud input#datePicker {font-size: 0.95em; color: #999; width: 103px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.jobs_cloud input#to {font-size: 0.95em; color: #999; width: 103px; background-color: white; border-radius: 0; margin-bottom: 10px;border:1px solid #ccc;border-right:none;}
.jobs_cloud button#keyword-button {background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 transparent; border: medium none;
cursor: pointer; height: 23px; width: 21px;  margin-bottom:10px;border:1px solid #ccc; border-left:none;}
.jobs_cloud img.ui-datepicker-trigger{border:1px solid #ccc; border-left:none;}

.jobs_cloud .cloud_tag { color:#fff; margin-bottom:10px;}
.jobs_cloud .cloud_tag { padding:0 5px 0 0; display:inline-block;}
.jobs_cloud .cloud_tag.large a{ font-size:1.5em}


.cloud_tag{ color:#fff;}
.cloud_tag span{ padding:0 5px 0 0; display:inline-block;}
.cloud_tag span.large a{ font-size:1.5em}
#tagGo {background: url(../images/btn_go.png) left top no-repeat; border: none; width: 23px; height: 22px; margin:8px 0; }
#tagGo:hover { background-position-y:100%}
#tagSubscribe {background: url(../images/button/btn_subscribe.png) left top no-repeat; border: none; width: 64px; height: 22px; margin:8px 0; }
#tagSubscribe:hover { background-position-y:100%}

/* END Search Box */

/* Tour Box */
.related-tour{ background-color:#8d8d8d; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.related-tour .header2{ color:#fff; text-transform:uppercase;  margin-bottom:15px; font-size:2.1em !important; line-height:0.8em; margin-top:10px;}
/*.extra_links h3{ color:#fff; text-transform:none;  margin-bottom:15px; font-size:1.552em !important;} Replaced with the folling:*/
.related-tour .header3{ color:#fff; text-transform:none;  margin-bottom:15px; font-size:1.552em !important;}
.related-tour .header6{ color:#555; text-transform:uppercase;  margin-bottom:15px; margin-top:-10px; }
.related-tour .header4{ color:#555; text-transform:uppercase;  margin-bottom:15px; margin-top:-10px; }

.related-tour ul li{ list-style-type:none;background:url('../images/popUpMore.png') 0 1px no-repeat; padding-left:20px; padding-bottom:10px;}
.related-tour ol li{ list-style-type:decimal; margin-left:20px; padding-bottom:10px; color:#fff;}

.related-tour ul.related_gallery li{ background:none; padding-left:0; display:inline-block;}
.related-tour ul.related_gallery li img{ padding-right:5px;padding-bottom: 10px;width:57px;height:51px;}
/* END Tour Box */

/* Tour News */


/* END Tour News */

/* Other Box */
.extra_links{ background-color:#c1c1c1; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.extra_links h2{ color:#fff; text-transform:uppercase;  margin-bottom:15px; font-size:2.1em !important; line-height:0.8em; margin-top:10px;}
/*.extra_links h3{ color:#fff; text-transform:none;  margin-bottom:15px; font-size:1.552em !important;} Replaced with the folling:*/
.extra_links .header3{ color:#fff; text-transform:none;  margin-bottom:15px; font-size:1.552em !important;}
.extra_links .header6{ color:#555; text-transform:uppercase;  margin-bottom:15px; margin-top:-10px; }
.extra_links .header4{ color:#555; text-transform:uppercase;  margin-bottom:15px; margin-top:-10px; }
.extra_links.content-slider .header4{ margin-top: auto; }

.extra_links ul li{ list-style-type:none;background:url('../images/popUpMore.png') 0 1px no-repeat; padding-left:20px; padding-bottom:10px;}
.extra_links ol li{ list-style-type:decimal; margin-left:20px; padding-bottom:10px; color:#fff;}

.extra_links ul.related_gallery li{ background:none; padding-left:0; display:inline-block;}
.extra_links ul.related_gallery li img{ padding-right:5px;padding-bottom: 10px;width:57px;height:51px;}
/* END Other Box */

/* Venue Map */
.map_info{ background-color:#8d8d8d;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:10px 10px 20px 10px; margin-bottom:20px;}
.map_info h2{ color:#fff; font-size:2em; padding-bottom:5px;}
.map_info p{ color:#fff; padding:2px 0; margin:0;}
.map_info img{padding-bottom:2px;}
.map_info p.view_full_map{ background:url(../images/icon_zoom.gif) no-repeat 0 3px; padding-left:15px;}
.map_info p.public_transport{ background:url(../images/icon_transport.gif) no-repeat 0 3px; padding-left:15px;}

.info-map { margin:30px 10px 10px 0;}
.info-map img { margin-right:10px;}
.info-map p { margin-bottom:0;}
.contents p.view_full_map a { background:url(../images/icon_viewmap.jpg) left center no-repeat; padding-left:20px; color:#555555; text-decoration:none;}
.contents p.public_transport a { background:url(../images/icon_transport.jpg) left center no-repeat; padding-left:20px; color:#555555; text-decoration:none;}


/* END Venue Map */


.contents{ background-color:#fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);padding:15px 15px 40px 15px;}
.contents h2{ font-size:1.92em; color:#000; padding-bottom:2px;}
.contents h2.title_sub{ font-size:1.92em; color:#000; padding-bottom:2px;font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.contents .header3{ text-transform:none; padding-bottom:5px;font-weight: bold;}
.contents .header3.sub_title {font-size: 1.92em;
color: black;
padding-bottom: 2px;font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}

.contents .header4{ font-size:1.25em; font-weight:bold; letter-spacing:0;}
.video-channels .highlight_box h2, .video-channels .highlight_box h1.sub_title {color: #FF9;}
.contents .video_subtitle {font-size: 1.25em;
font-family: "DIN", "微軟正黑體", "新細明體";
font-weight: normal;
letter-spacing: -1px;
color: #999;
line-height: 1.1em;padding-bottom: 5px;}
.contents h6{ padding-bottom:5px;}
.contents p{ line-height:1.8em; color:#555;}
.contents .poster { width:386px; margin-bottom:10px}
.contents .grid_5 p.link { word-wrap: break-word}
.contents ul li { line-height:2em;}
.contents ul {padding-top:5px; padding-bottom:15px;}
.contents ul li{ color:#555; list-style-type:none;background:url('../images/popUpMore.png') 0 6px no-repeat; padding-left:20px; padding-bottom:5px;}
.contents ul li ul li{ list-style-type:none;background:url('../images/popUpMore_subitem.png') 0 6px no-repeat; }


.contents ul.additional_box { padding-top:5px; background-color:#e1e1e1;}
.contents ul.additional_box li{ list-style-type:disc; background:none; padding-left:0; margin-left:25px; padding-bottom:10px; color:#999;}
.contents a{ text-decoration:underline; color:#ff9933;word-wrap: break-word;}
.contents a:hover{ text-decoration:none}

.contents p.desc{ width:204px; text-align:left; line-height:1.5em; padding-left:5px;}

/* youth details */
.contents a.imageLink { width:426px; display:block; height:262px; float:left;}
/*.contents div.desc{ padding-left:10px; width:158px; height:262px; position:relative;}*/
.contents div.desc h6{color:#999999; font-weight:normal; font-size:0.97em; padding-bottom:5px;}
.contents div.desc img.desc_image{ width:376px; height:256px; padding-bottom:5px;}
.contents div.desc span{ display:block; font-size:1em;color:#666666;padding-bottom:10px; }
.contents div.desc span.title{ color:#999999; font-size:0.95em; padding-bottom:5px;}
.contents div.desc span.exhibit_name{ color:#B27739; font-size:2em; font-weight:bold; line-height:1em;}
.contents div.desc span.location{ color:#21A4D0; font-size:1.1em; font-weight:bold;}
.contents div.desc a.mag{ display:block; height:17px; background:url(../images/icon_viewmap.jpg) no-repeat 0 0; position:absolute; bottom:0; padding-left:20px; color:#555555; text-decoration:none;}
/* 2012/09/27 */
.less-desc { line-height: 1.2em; height: 19.6em; overflow: hidden;}
.contents div.float_left.desc { line-height: 1.5em; padding-left: 5px; text-align: left; width: 204px; color: #555555;}

/* END Youth Highlight */

/* Gov */
.gov-job .item p{ margin-bottom:5px;}
.recruiting{ background:url(../images/recruiting_arrow.gif) no-repeat 0 2px; padding-left:12px; color:#66FFFF;}
.chart a{ display:block; color:#21A4D0; background:url(../images/icon_chart.jpg) no-repeat 0 2px; padding-left:20px; text-decoration:none; padding-bottom:5px;}
.page a{ display:block; color:#21A4D0; background:url(../images/icon_page.jpg) no-repeat 0 2px; padding-left:20px; text-decoration:none; padding-bottom:5px;}
.chart a:hover, .page a:hover{ text-decoration:underline;}
/* END Gov */

/* Intro */
.intro{ border-bottom:1px solid #ccc;}
.intro p{ color:#666666;}
/* END Intro */

/* Video Channel */
.video-channels .latest_videos .item{ background-color:#D4694D;}
.video-channels .most_viewed .item{ background-color:#E7A847;}
/*.video-channels p{ opacity:0.7;}*/
.video-channels .views{ position:absolute; bottom:8px; left:5px; opacity:0.7; color:#fff;}
.contents video { display:block;}
.contents .controls li a { color:#000; font-weight:bold;}
.contents .controls li { float: left; background:none;  padding-top:10px; padding-bottom:10px list-style:none;;}
.contents .controls li.play_pause { padding-left: 10px; width: 40px; }
.contents .controls li.time { text-align: center; width: 160px; }
.contents .controls li.volume { padding-right: 10px; width: 100px; }
.contents .controls { color: red; cursor: pointer; padding:0; margin:0;}
.contents .control-container { background-color: #ddd;}
.controls li a { color:#000; font-weight:bold;}
.controls li { float: left; background:none;  padding-top:5px; padding-bottom:5px; list-style:none;}
.controls li.play_pause { padding-left: 10px; width: 40px; }
.controls li.time { text-align: center; width: 160px; }
.controls li.volume { padding-right: 10px; width: 100px; }
.controls { color: red; cursor: pointer; padding:0; margin:0;}
.control-container { background-color: #ddd;}
#youthVideo { display:block;}

/* END Video Channel */

/* Search Result */
.result_head{ margin-bottom:10px;}
.result_head input#keywordSearch {font-size: 0.95em; color: #999; width: 305px; background-color: white;border-radius: 0;margin-right:10px;}
.result_head #tagGo{ margin:0;}
p.results{color:#666; border-bottom:1px solid #ddd; padding-bottom:20px;}
p.results span{ color:#FF6600; font-weight:bold;}
.searchResult.active > .results_list {display:block;}
.results_list {border-bottom:1px solid #ddd;padding-bottom:15px; margin-bottom:15px;display:none;}
.results_list h4 a{text-decoration:none; color:#666;}
.results_list h4 a:hover{text-decoration:underline}
.results_list img{padding-right:20px; width:176px; height:106px;}
.results_list span{ color:#D23800;}
/* END Search Result */

/* Call for Action Button */
.contents .action{padding-bottom:5px;}
.contents .action a{ display:block; width:209px; height:45px; text-decoration:none; background:url(../images/action_arrow.png) no-repeat 180px 15px; padding-top:38px; text-align:right;}
.contents .action a:hover{ text-decoration:none;}
.contents .action a .header3{ padding-right:10px; color:#fff}
.contents .action_2{padding-bottom:5px;}
.contents .action_2 a{ display:block; width:209px; height:40px; text-decoration:none; background:url(../images/action_download.png) no-repeat 175px 15px; padding-top:10px; text-align:right;}
.contents .action_2 a:hover{ text-decoration:none;}
.contents .action_2 a .header3{ padding-right:40px; color:#fff; font-size:1.25em;}
.study-tour .contents .action_2 a .header3 {  padding-right: 10px; }
/* END Call for Action Button */

/* Social Media Bar */
.social_bar{ margin:10px 0px 10px; padding:3px 10px 0; height:24px;}
.social_bar a {display:inline-block; margin:0 5px;text-align:center; color:#666 !important; text-decoration:none; line-height:18px;}
.social_bar a:hover{ text-decoration:none; color:#ccc !important;}
.social_bar a img{ vertical-align:middle;}
/* END Social Media Bar */


/*search result*/
label.none { display:none;}

.less-desc { line-height: 1.2em; height: 19.6em; overflow: hidden;}

/*added as requested by Bon*/
.aboutus h2{ color:#666;}
.aboutus .header3.substitute{ color:#666;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.aboutus .side_menu ul li a:hover,
.aboutus .side_menu ul li a.selected{ background-color:#666}
.aboutus .side_menu ul.sub-level li a:hover{ background-color:#666}
.aboutus.sorting .header4{ color:#666;}
.aboutus .highlight_box{ background-color:#666;}
.aboutus .item{ background-color:#666}
.aboutus .side_menu ul li a:hover,
.aboutus .side_menu ul li a.selected{ background-color:#666}



/* All Button set pointer */
#tagGo {cursor: pointer;}
#tagSubscribe {cursor: pointer;}

.contents a.excursion-trip-paging,
.generated-anchors a.excursion-trip-paging {display: inline-block;margin: 0 3px;color: #555555;font-weight: bold;background: none;padding: 0;font-size: 1.3em;line-height: 22px;vertical-align: middle;padding-bottom: 15px;}

.generated-anchors a.selected {
    text-decoration: underline;
}

/* Batch3 Map Function Strat*/
/* Print this Page */
.print {padding:20px;}


body.print { background:none; height: auto;}
.print .print-header{width:909px; height:3.2em; display:block; margin-bottom: 4px;}
.print .contents {background:none; box-shadow:none; -webkit-box-shadow:none; display:block; /*float:left;*/}
.print .mapview { display:block; /*float:left;*/}
.print .grid_9 {width: 367px;}
.print .grid_5 {width: 195px;}
.print .header4 { color:#000}
.print a.bt-print{ font-size: 0.95em;
border: medium none;
cursor: pointer;
float:right;
vertical-align: baseline;
border: 1px solid #999;
background: #fff;
color: #333;
border-radius: 4px;
padding:9px;
padding-left: 32px;
background: url(../images/map/icon_printer.png) no-repeat left #FFF ; background-position:6px 5px; display:inline-block;}

.print a.bt-print:hover{ color:#000; background: url(../images/map/icon_printer.png) no-repeat left #eee ;background-position:6px 5px; text-decoration:none; }

.adv_map h2{ color:#666;}
.adv_map h1.substitute{ color:#666;font-size: 2.5em;
font-family: "DIN", "微軟正黑體", "新細明體";
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;}
.adv_map .map-top {width:949px; height:31px; border-bottom:1px solid #ccc}
.adv_map .map-top .cat_dropdown { background:url(../images/map/dropdown.png); width:201px; height:31px; margin-left:40px; display:inline-block;}
.adv_map .map-top a, .adv_map .map-top a:visited {color:#333; text-decoration:none;}
.adv_map .map-top a:hover, .adv_map .map-top a:visited:hover {color:#666; text-decoration:none;}
.adv_map .map-top a span {padding:10px; display:inline-block; width:160px; overflow:hidden;}


.adv_map .map-top .cat_dropdown_open { display:none; z-index: 1011;position:absolute; width: 600px; background:#FFF;margin-left: 40px; margin-top: 31px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.adv_map .map-top .cat_dropdown_open.open{ display:block;} 
.adv_map .map-top .cat_dropdown_open .cat_dropdown_top{width:600px; display:inline-block;}
.adv_map .map-top .cat_dropdown_open .cat_dropdown_bottom{width:600px; border-top:1px solid #ccc; display:inline-block;}
.adv_map .map-top .cat_dropdown_open .leftbox{display:inline-block; width:179px; border-top:1px solid #fff; padding:10px; float:left; }
.adv_map .map-top .cat_dropdown_open .leftbox a{padding:4px; border:1px solid #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.adv_map .map-top .cat_dropdown_open .leftbox a:hover{padding:4px; border:1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.adv_map .map-top .cat_dropdown_open .rightbox{width:381px; border-top:1px solid #ccc; padding:10px; float:left; text-align:right; }
.adv_map .map-top .cat_dropdown_open .cat_dropdown_top .bt-close{background: url(images/controls.png) no-repeat top center;width: 20px;height: 20px; display:inline-block;}
.adv_map .map-top .cat_dropdown_open .categoryof {color:#23a4d0; padding-left:20px; background:url(../images/lightbox_arrow_down_10.png) left no-repeat;}


.adv_map .cat_dropdown_bottom .col1, .adv_map .cat_dropdown_bottom .col2, .adv_map .cat_dropdown_bottom .col3
{padding:20px; float:left; line-height:2.5em; width:150px; height: auto; display:inline-block}
/*.adv_map .cat_dropdown_bottom .col1, .adv_map .cat_dropdown_bottom .col2 {border-right:1px solid #ccc;}*/
.adv_map .cat_dropdown_bottom input { vertical-align:baseline;}



div.mapPage{overflow: hidden; position: relative;}

.adv_map .map-keywords {display:inline-block; margin-left:10px;}
.adv_map .map-keywords label {color: #fff;display: inline;}
.adv_map .map-keywords  input#eventSearch {font-size: 0.95em;color: #999;width: 105px;background-color: white;border-radius: 0;border: 1px solid #ccc;vertical-align: top;}
.adv_map .map-keywords  button#keyword-button {font-size: 0.95em; no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;height: 23px; margin-left:4px;vertical-align: top; border: 1px solid #999;background: #fff;color: #333; border-radius:4px; padding-left:20px; background: url(../images/keywordSearch.gif) no-repeat scroll 0 0 ; }

.adv_map .showhide {margin-top:6px;}
.adv_map .showhide .bt-hide {padding:3px 8px 2px 8px; background:#3ededed; color:#666; border:1px solid #ccc; border-right:none;
-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.adv_map .showhide .bt-show {padding:3px 8px 2px 8px; background:#3ededed; color:#666; border:1px solid #ccc;
-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.adv_map .showhide .bt-hide.on {background:#CCC; color:#000; border:1px solid #CCC; border-right:none; cursor: default;}
.adv_map .showhide .bt-show.on {background:#65cc01; color:#fff; border:1px solid #65cc01; cursor: default;}

.adv_map .middle{width:949px; height:540px; border-bottom:1px solid #ccc; overflow:hidden;}
.adv_map .middle .listview{ width: 380px; height:540px; border-right:1px solid #CCC; float:left; display:inline-block;  }
.adv_map .middle .listview.hide{ width: 40px; }
.adv_map .middle .listview a.bt-listview{width:39px; height:38px; margin:0; background:url(../images/map/bt-listview-show.png); display:block;  }
.adv_map .middle .listview a.bt-listview.clicked{width:39px; height:38px; float:right; background:url(../images/map/bt-listview-hide.png); display:block;  }
.adv_map .middle .listview-content{width:40px; background:url(../images/map/listview-bg.png) top right no-repeat; height:502px;display:inline-block;  }

.adv_map .middle .listview-statusbar {width:40px; }
.adv_map .middle .listview-statusbar .status{ display:none }
.adv_map .middle .listview-statusbar .status.show{ width:341px;margin-top:10px; float:left; display:inline-block }
.adv_map .middle .listview-statusbar.show{width:380px; }
.adv_map .middle .listview-content.show{width:380px;overflow-y:auto;overflow-x: hidden }

.adv_map .middle p.results {font-size:0.9em; padding-bottom: 0; border-bottom: none; margin:0; height: 1.4em; overflow:hidden; }

.adv_map .middle .map-activity-box {width:360px; height:140px; padding:10px; display:none; }
.adv_map .middle .map-activity-box .leftbox{width:120px; display:inline-block;vertical-align:top;}
.adv_map .middle .map-activity-box .rightbox{width:220px; margin-left:4px; display:inline-block; vertical-align:top;}

.adv_map .sectionicon{width:120px;height:60px;display:inline-block; float:left;}
.adv_map .icon_event{background:url(../images/map/pin/event-calendar-pin.png) no-repeat;}
.adv_map .icon_event span{ margin-left:30px; color:#bb6b3a;}
.adv_map .icon_classes{background:url(../images/map/pin/interest-classes-pin.png) no-repeat;}
.adv_map .icon_classes span{ margin-left:30px; color:#00807f;}
.adv_map .icon_promotion{background:url(../images/map/pin/promotion-pin.png) no-repeat;}
.adv_map .icon_promotion span{ margin-left:30px; color:#65cc01;}


.adv_map .map-activity-box .leftbox img {width:120px; height:auto;}

.adv_map .middle .mapview { width:908px; float:right; overflow:hidden;}
.adv_map .middle .mapview.small { width:568px; }

.adv_map .header3{font-weight: bold;margin-bottom: 10px; max-height:2.4em; overflow:hidden; line-height: 1.2em;}

.adv_map .contents ul li {line-height: 1.2em; margin-bottom: 16px; min-height: 1em; max-height:2em; overflow:hidden;}

.adv_map .contents ul li.address { background: url(../images/map/icon_address.png) no-repeat;}
.adv_map .contents ul li.time { background: url(../images/map/icon_time.png) no-repeat; color:#000}

.adv_map .contents .listview-content a{text-decoration:none; color: #000; word-wrap: break-word;}
.adv_map .contents .listview-content a.selected {text-decoration:underline;}
.adv_map .contents .listview-content a:hover{text-decoration:none; color: #666; word-wrap: break-word;}
.adv_map .contents .listview-content .insidelistview{display:none;}
.adv_map .contents .listview-content .insidelistview.show{display:inline-block;}
.adv_map .contents .listview-content .rightbox ul a,
.adv_map .contents .listview-content .rightbox ul a:visited{text-decoration:none; color: #000; word-wrap: break-word;}
.adv_map .contents .listview-content .rightbox ul a:hover{text-decoration:underline; color: #666; word-wrap: break-word;}

.adv_map .page {margin-top:20px;}
.adv_map .page a.smallPrev {margin-left: 0; }
.adv_map div.resultFrame {width: 380px;}
.adv_map div.resultContainer {position: relative;}
.adv_map div.searchResult {display: inline-block;width: 380px;margin-right: 0; vertical-align: top; }
.adv_map div.searchResult.active .map-activity-box {display: block;}


.adv_map .map-activity-box.target { background:#f0f0f0;}

.adv_map .map-activity-box.target  .icon_event{background:url(../images/map/pin/event-calendar-pin-t.png) no-repeat;}
.adv_map .map-activity-box.target  .icon_event span{ margin-left:36px;  }
.adv_map .map-activity-box.target  .icon_classes{background:url(../images/map/pin/interest-classes-pin-t.png) no-repeat;}
.adv_map .map-activity-box.target  .icon_classes span{ margin-left:36px; }
.adv_map .map-activity-box.target  .icon_promotion{background:url(../images/map/pin/promotion-pin-t.png) no-repeat;}
.adv_map .map-activity-box.target  .icon_promotion span{ margin-left:36px; }

.adv_map .printbar{width:100%; text-align:center; display:block}
.adv_map .bt-print {color:#333; text-decoration:none; padding:10px 10px 10px 30px;background:url(../images/map/icon_printer.png) no-repeat left; display:inline-block; }

.contents .detailpage_map{ clear:both; display:block; margin-bottom:10px;}
.contents .zoom_map{ position:relative; width:100%;color:#333; text-decoration:none; padding:5px 5px 5px 30px; background:url(../images/map/icon-zoommap.png) no-repeat left; display:block;}
.contents .print_map_details{  position:relative;width:100%;color:#333; text-decoration:none; padding:5px 5px 5px 30px; background:url(../images/map/icon_printer.png) no-repeat left; display:block; }

#mapdiv {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#mapdiv.map-home {
	width: 351px;
	height: 221px;
}
#mapdiv.map-landing {
	width: 351px;
	height: 221px;
}
#mapdiv.map-narrow {
	width: 568px;
	height: 540px;
}
#mapdiv.map-static {
	width: 220px;
	height: 180px;
}
#mapdiv.map-full {
	width: 908px;
	height: 540px;
}

/* Batch3 Map Function End*/