@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body, .inputbox { color:#333; background:#FFFFFF; font-size: 1em; line-height:1.7; font-family:Open Sans, "微軟正黑體", Microsoft JhengHei!important; }
body.contentpane, body.mceContentBody { background:#FFFFFF; }
a { text-decoration: none; color:#007ec4; }
a:hover { text-decoration:underline; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
fieldset a { font-weight: bold; }
h1 { line-height:130%; color:#313133; width: 100%; }
h2 { line-height:130%; color:#313133; width: 100%; font-weight:bold;}
.item-page h4 { margin-top: 14px; font-size: 1.4em; margin-bottom: 0.5em; font-weight: bold; color: #4a4aa1; }
#s5_component_wrap h2 a { color:#19A4CF !important; }
#s5_component_wrap h2 a:hover { color:#666!important; }
#s5_component_wrap_inner h1{ font-size:2.2em; font-weight:bold; margin-top:0.5em;  }
#s5_component_wrap h2 { margin-bottom:10px; margin-top: 30px; }
h3 { font-size:1.1em; line-height:130%; color:#313133; }
.s5_responsive_mobile_drop_down_inner .s5_mod_h3 { font-size:13pt !important; margin:0px !important; padding:0px !important; border:none !important; background:none !important; }
.s5_responsive_mobile_drop_down_inner .s5_mod_h3_outer { background:none !important; padding:0px !important; }
#s5_component_wrap_inner h3 { margin-bottom:8px; font-size:1.6em; margin-top:40px; font-weight:bold; }
#s5_component_wrap_inner .s5_is_display h3 { font-size:1em; }
#s5_component_wrap_inner .s5_is_display h3 { margin-bottom:0px; }
h4 { font-size:1.1em; line-height:130%; }
h5 { font-size:0.9em; line-height:130%; }
.imgbg1024{background: url(/images/images/CERT-IATF-18147-ENG-2019-09-16.png) no-repeat;    height: 538px;    width: 380px;    display: block;}
/* IMAGES
----------------------------------------------------------- */

a img, fieldset, img { border: none; }
.module_round_box_outer img { line-height:100%; display:inline-block; }
.mosimage { padding: 0; border:1px solid #333333; margin:6px; }
.mosimage img { padding: 0; margin: 0!important; }
.mosimage_caption { background:#333333; border-top:1px solid #333333; color:#FFFFFF; font-size:8pt; margin-top:2px; padding:1px 2px; }
/* FORM
----------------------------------------------------------- */
fieldset { margin-bottom:14px; }
.s5_responsive_mobile_drop_down_inner fieldset { margin:0px; border:none; }
#form-login fieldset { border:none; padding-top:0px; }
#form-login p { padding-top:0px; }
#login br { display:none; }
#login .button { margin-top:8px; margin-bottom:8px; }
#login ul, #form-login ul { padding-top:8px; padding-bottom:8px; }
#modlgn-username, #modlgn-passwd, #username_vmlogin, #password_vmlogin { width:92%; }
button, .btn { background:#323232; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; border:1px solid #CCC; }
.inputbox:hover, .registration input:hover, .login input:hover, .contact-form input:hover, #jform_contact_message:hover, #mod-search-searchword:hover, input:hover, textarea:hover, button:hover, .btn:hover { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.s5_outernews { background:#FFF; }
.btn, .dropdown-toggle, .btn:hover, .dropdown-toggle:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.dropdown-toggle:hover { background:#E6E6E6; }
select.inputbox { behavior:none; }
label.invalid { color:#FF0000; }
label.invalid { color:red; }
.invalid { border-color:#FF0000; }
.invalid { border-color:red !important; }
.tool-tip { float: left; background: #CCCCCC; border: 1px solid #333333; padding: 5px; color:#000000; max-width: 200px; }
.tool-title { padding: 0; margin: 0; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; color:#000000; }
.tool-text { color:#000000; margin: 0; }
/* BUTTONS
----------------------------------------------------------- */

.button, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton, .btn, buton { padding:8px; margin-top:14px; margin-bottom:0px; border:none; color:#FFFFFF; text-decoration: none; font-size:1em; }
.button, .btn, buton { margin:0px; margin-top:0px; margin-right:8px; color:#ffffff; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ font-size:13px; }
.btn { padding-left:12px; padding-right:12px; }
.pager a { color:#FFFFFF !important; }
#submitCommentButton { margin-top:14px; }
div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link { padding-left:10px; padding-right:10px; }
p.readmore { padding:0px; }
p.readmore a, .readon_highlight1, .readon_highlight2 { color:#FFFFFF; padding:6px; padding-bottom:3px; padding-left:14px; padding-right:14px; font-size:0.9em; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor:pointer; text-decoration:none !important; }
.module_round_box_outer .readon_highlight1, .module_round_box_outer .readon_highlight2 { padding:7px; padding-bottom:5px; padding-left:14px; padding-right:14px; }
p.readmore a:hover, .readon_highlight1:hover, .readon_highlight2:hover { color:#333; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#s5_component_wrap p.readmore a { margin-top:2em; display:inline-block;  background:#323232; border:none; padding: 10px; }
#s5_component_wrap p.readmore a:hover { background:#4a4aa1!important; color:#FFF; }
#s5_loginreg ul { list-style:none; margin:0px; }
/* FONT CONTROLS
----------------------------------------------------------- */
#fontControls { float:right; }
#fontControls a { color:#858484; }
.decreaseSize { font-size:10px; }
.increaseSize { font-size:17px; }
.resetSize { font-size:14px; margin-left:3px; margin-right:3px; }
/* SCROLL TO TOP
----------------------------------------------------------- */

#s5_scrolltotop { height: 0; visibility:hidden; }
#s5_scrolltopvar .s5_scrolltotop { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; width:50px; cursor:pointer; float: right; background:#4a4aa1 url(../images/s5_scroll_arrow.png) no-repeat 50%; bottom: 60px; height: 50px; position: fixed; right: 5em; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: 0.60; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
filter: alpha(opacity = 60); }
/* BODY ELEMENTS
----------------------------------------------------------- */

#s5_header_area1 { background: #58b3e3; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #58b3e3), color-stop(100%, #4a4aa1)); background: -webkit-linear-gradient(left, #58b3e3 0%, #4a4aa1 100%); background: linear-gradient(to right, #58b3e3 0%, #4a4aa1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=1 );
padding-top:8px; }
#s5_logo { cursor: pointer; float:left; max-width:90% !important; }
#s5_logo_module { float: left; max-width:90% !important; }
#s5_loginreg, #s5_search_wrap, #s5_search_login_wrap { float:right; }
#s5_login, #s5_register { margin-left:8px; font-size:0.9em; }
#s5_search_wrap label, #s5_search_wrap br, #s5_search_wrap button { display:none !important; }
#s5_search_wrap input { height: auto; width: 150px; color: #b7b7b7; background: #FFF url(../images/search_icon.gif) no-repeat 95% center; padding: 2px 20px; }
#s5_menu_wrap { background:#FFF; }
#s5_menu_wrap.s5_wrap { width:100% !important; max-width:100% !important; }
#s5_menu_wrap_inner2 { margin-left: 0px; margin-right: 0px; padding: 5px 0; }
#s5_social_bar { float:right; margin-top:19px; }
.s5_facebook { width:22px; height:23px; margin-left:8px; background:url(../images/s5_facebook.jpg) no-repeat top right; float:right; cursor:pointer; }
.s5_twitter { width:22px; height:23px; margin-left:8px; background:url(../images/s5_twitter.jpg) no-repeat top right; float:right; cursor:pointer; }
.s5_rss { width:22px; height:23px; margin-left:8px; background:url(../images/s5_rss.jpg) no-repeat top right; float:right; cursor:pointer; }
.s5_google { width:22px; height:23px; margin-left:8px; background:url(../images/s5_google.jpg) no-repeat top right; float:right; cursor:pointer; }
#s5_social_bar_narrow_screen { float:left; }
#s5_social_clear, #s5_social_bar_narrow_screen { display:none; }
#s5_social_bar_narrow_screen { margin-left:-8px; margin-top:10px; }
#s5_top_row1_area1, #s5_top_row2_area1, #s5_top_row3_area1, #s5_bottom_row1_area1, #s5_bottom_row2_area1, #s5_footer_area1 { background:#F2F2F2; text-align:center; }
#s5_footer_area1 { color:#000; padding-top:3px; }
#s5_footer_area2 { padding-top: 5px; color:#000; }
#s5_footer_menu_wrap, #s5_footer_menu_wrap a { color:#000 !important; }
#s5_bottom_menu_wrap li { float:right; margin-left:16px; }
#s5_footer { float:left; }
#s5_footer_module { font-size:0.9em; padding:2em 0; }
#s5_footer_module p { line-height:1em; }
#s5_bottom_menu_wrap { float:right; }
#s5_shape5_logo { background:url(../images/shape5_logo.png) no-repeat top left; height:25px; width:85px; cursor:pointer; display:block; margin-top:30px; float:left; }
#s5_header_wrap, #s5_footer_area_inner2, #s5_breadcrumb_font_wrap, #s5_component_wrap_inner { padding-left:30px; padding-right:30px; }
#s5_breadcrumb_wrap .breadcrumb { background:none; padding:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#s5_breadcrumb_wrap { float:left; color:#858484; }
#s5_breadcrumb_wrap .icon-location { display:none; }
#s5_breadcrumb_font_wrap { padding: 30px; background: #58b3e3; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #58b3e3), color-stop(100%, #4a4aa1)); background: -webkit-linear-gradient(left, #58b3e3 0%, #4a4aa1 100%); background: linear-gradient(to right, #58b3e3 0%, #4a4aa1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=1 );
}
#s5_breadcrumb_font_wrap li, #s5_breadcrumb_font_wrap li a { color:#FFF; }
#s5_breadcrumb_font_wrap li a:hover { text-decoration:none; color:#CFEDFF; }
.well { background:#FFFFFF; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#s5_drop_down_text_inner { margin-top:-2px; display:block; }
/* COLUMN MENU
----------------------------------------------------------- */

.s5_module_box_1 ul.menu a { display:block; }
.s5_module_box_1 ul.menu ul li a:hover { background:none; }
.s5_module_box_1 ul.menu img { display:none; }
.s5_module_box_1 ul.menu a:hover { text-decoration:underline; }
.s5_module_box_1 ul.menu ul a:hover { text-decoration:underline; }
.s5_module_box_1 ul.menu ul a { background:none; border-bottom: none; display:block; }
.s5_module_box_1 ul.menu ul ul a { font-size:8pt; padding:0px; padding-left:10px; border-bottom: none; display:block; font-weight:normal; }
.s5_module_box_1 ul.menu #current ul span { font-weight:normal; }
.s5_module_box_1 ul.menu li { padding:0px; }
.s5_module_box_1 ul.menu li ul li { margin-left:14px; }
ul.menu .current ul a { color:#5F5F5F !important; }
#s5_columns_wrap ul.menu { line-height:220%; }
/* MODULE CLASS SUFFIXES
----------------------------------------------------------- */

.module_round_box_outer { margin-bottom:51px; margin-left:30px; margin-right:30px; }
#s5_right_column_wrap .module_round_box_outer { margin:0; padding-left:25px; }
.s5_mod_h3 { font-size:1.5em; margin-bottom:12px; }
#s5_drop_down_inner .module_round_box_outer { margin-bottom:20px; }
#s5_top_row1_area1 { -webkit-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important; }
#s5_top_row2_wrap img { margin:10px auto; }
#s5_top_row2_wrap img:hover { cursor:pointer; }
#s5_top_row2_wrap h2, #s5_top_row2_wrap p { text-align:center; }
.s5_outerCampus_Tour h3, .s5_outerEducation_Artists h3, .s5_outerPlan h3 { background: #495052; background:#777777; color: #FFF; padding: 15px 14px 15px 20px; font-size: 22px; }
.customCampus_Tour { background:#ec774b; border-bottom:3px solid #df764e; background:#EF9977; border-bottom:3px solid #DF8561 }
.customEducation_Artists { background:#c389ce; border-bottom:3px solid #ac7ab5; }
.customPlan { background:#74cee4; border-bottom:3px solid #6fc4d9; }
.customCampus_Tour, .customEducation_Artists, .customPlan { color:#FFF; height:430px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.customCampus_Tour p, .customEducation_Artists p, .customPlan p { width:90%; margin:10px auto; font-size:16px; }
.customCampus_Tour input { background:#df764e; border-bottom:3px solid #d8734c; background:#EF8359; border-bottom:3px solid #DF7A53 }
.customEducation_Artists input { background:#ac7ab5; border-bottom:3px solid #a675af; }
.customPlan input { background:#6fc4d9; border-bottom:3px solid #6dc0d5; }
.customCampus_Tour input, .customEducation_Artists input, .customPlan input { margin-left:4px; color:#FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family:"微軟正黑體"; font-size:12px; }
.customCampus_Tour img, .customEducation_Artists img, .customPlan img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.module_round_box-white, .module_round_box-white a, .module_round_box-white h3 { color:#FFFFFF !important; }
.module_round_box-highlight1, .module_round_box-highlight2 { padding:16px; }
.module_round_box-highlight1, .module_round_box-highlight1 a, .module_round_box-highlight1 h3 { color:#FFFFFF !important; }
.module_round_box-highlight2, .module_round_box-highlight2 a, .module_round_box-highlight2 h3 { color:#FFFFFF !important; }
.module_round_box-highlight1 h3, .module_round_box-highlight2 h3 { font-size:1.2em; }
.module_round_box-grey { padding:16px; background:#F8F7F7; }
.module_round_box-grey h3 { font-size:1.2em; }
.module_round_box-dark { padding:16px; background:#333333; }
.module_round_box-dark, .module_round_box-dark a, .module_round_box-dark h3 { color:#FFFFFF !important; }
.module_round_box-dark h3 { font-size:1.2em; }
.module_round_box-inset { padding:16px; border:solid 1px #E9E9E9; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05) inset !important; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05) inset !important; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05) inset !important; }
.module_round_box-inset h3 { font-size:1.2em; }
#s5_search_wrap .nav li { display:inline-block; }
#s5_header_area2 { background:#F2F2F2; height:36px; }
#s5_search_wrap a { color:#56BDE8; }
#s5_search_wrap li { margin-right:20px; }
#s5_search_wrap div { float:left; }
#s5_search_wrap form { margin:0; }
#s5_search_wrap { margin-top:4px; }
#s5_top_row1_area1 .module_round_box_outer { margin:0; }
#s5_top_row2_area1 {/* margin-top:30px;*/ }
#fb-root { margin-top:20px; }
#s5_center_column_wrap_inner { padding-bottom:40px; }
#s5_right_column_wrap {/* border-left:1px solid #ddd;*/ }
#s5_right_column_wrap { padding-bottom:70px; }
#s5_right_column_wrap_inner .module_round_box_outer { margin:50px 0; }
.customSponsored h3 { margin:10px 0 3px 0; }
.customSponsored li:before { content: "• "; color:#FFA73D; }
#s5_search_wrap .menu img { margin-top: -3px; margin-right: 1px; }
.item-page a { }
.userdata li { display: inline-block; margin: 0 3px 4px 0; padding: 0 4px; }
#s5_menu_wrap.s5_wrap { z-index:20!important; }
.musicians { margin:0 10px; padding:2px; border:1px solid #ddd; }
#s5_component_wrap_inner .musicians_year { font-family: serif; font-size: 3em; margin-top:50px; font-style: italic; color: #999; border-bottom: 2px solid #efefef; }
.module_round_boxCampus_Tour .customCampus_Tour div img, .module_round_boxEducation_Artists .customEducation_Artists div img, .module_round_boxPlan .customPlan div img { width:100%; }
#s5_component_wrap_inner .list-striped li h3 { margin:15px 0; font-size:1em; }
.list-striped li { white-space: normal; background: url(/templates/design_control/images/new-list-icon.gif) no-repeat left 15px; padding: 10px 0 10px 13px!important; }
ul.list-striped { margin-left:0; }
.latestnewshome_focus_1 li { border-bottom:1px solid #e5e5e5; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; width : 96%; background:url(/templates/design_control/images/new-list-icon.gif) no-repeat left 50%; padding-left:13px; line-height:3em; text-align:left; color:#007ec4; }
.nspArt, .relateditems li { background: url(/templates/design_control/images/new-list-icon.gif) no-repeat left center; padding: 8px 0 8px 13px!important; }
#s5_pos_top_row2_2 { background:url(/images/sampledata/index-img01.jpg) no-repeat 50% 0; }
#s5_pos_top_row2_3 { background:url(/images/sampledata/index-img02.jpg) no-repeat 50% 0; }
#s5_pos_top_row2_4 { background:url(/images/sampledata/index-img03.jpg) no-repeat 50% 0; }
#s5_pos_top_row2_2, #s5_pos_top_row2_3, #s5_pos_top_row2_4 { height:480px; }
.index #s5_center_area1 { display:none; }
#s5_pos_top_row2_2 p, #s5_pos_top_row2_3 p, #s5_pos_top_row2_4 p { color:#FFF; }
#s5_top_row2_inner .s5_float_left { padding:2em 0 1em 0; }
#s5_pos_top_row2_1 .module_round_box_outer { margin-bottom:0; }
.menuquick_memu li a { color:#888!important; font-size:13px; font-weight:bold; display: block; }
.mod-languages select { padding: 0 2px; background:none; width:auto; font-size:0.8em; border:none; color:#1fa7e3; }
#s5_right_wrap a { color:#666; }
#s5_right_wrap a:hover { text-decoration:none; color:#007ec4; }
table.history th, table.history td { padding:1.5em 0; }
table.history th { font-style: italic; background: #FFF; color: #007ec4; font-size: 1.5em; border-top: none; border-bottom: 3px solid #efefef; font-family: "Open Sans"; font-weight: normal; line-height: 0em; }
table.history td { border-top:none; border-bottom:1px dotted #ddd; padding-left:15px; }
.star { color:red; }
.tab-content select, .tab-content input { width:300px; color:#666 }
.stock td { padding:0.2em; vertical-align: top; }
.stock ul { margin-left:0!important; }
.stock td li { list-style:none; background: url(/templates/design_control/images/new-list-icon.gif) no-repeat left 16px; padding-left: 15px; display:block; padding: 6px 0 6px 15px; }
.stock h3 a { color:#313131; }
.table-striped td { vertical-align:middle; }
.module_round_boxhome_focus_4 a { color:#FFF; }
#s5_top_row1_area1 { background:#f5f5f5 url(/templates/design_control/images/slider-banner-bg.png) repeat-x 0 0; }
.welfare td { padding:1em 0; }
.welfare h4 { background:url(/images/images/Audience.png) no-repeat 0 center; padding-left: 27px; color: #3466ad; }
.welfare ul { margin-left:50px!important; }
table.category td { padding: 1em 0.5em; }
.item-page p, .blog p {    padding: 10px 0;    line-height: 1.7em;    text-align: justify; }
.logo-rw { background:#f6f6f6 url(/images/images/etrendtech-logo-white.png) no-repeat 98% 115%; }
#search-form { margin-top:3em; }
.search-results li { background:none; }
.s5_wrap { width:100%!important; }
.tag-category li { list-style-type: none; padding: 15px 15px 15px 25px!important; background: url(/templates/design_control/images/tag-list-icon.png) no-repeat left center; border-bottom:1px dotted #ddd; }
.tag-category li:hover { background: url(/templates/design_control/images/tag-list-icon-hover.png) no-repeat left center;}
.tag-category li > h3  { padding:0; margin:0!important; }
.tag-category li > h3 a{ color:#313133; display:block;}
.tag-category li > h3 a:hover{ color:#007ec4; text-decoration:none;}
.menuquick_memu img{    margin-right: 3px;}