@charset "UTF-8";
/*--------multimenu*/

#MainContent { padding-top: 0px; margin-top: 0px; margin-bottom: 30px !important; }
#MainContent a { color: #336666; }
#MainContent a:hover { color: #FF6600; }
#MainContent h2 { font-size: 2.5em; }
#MainContent h3 { font-size: 20px; margin: 5px 0px 5px; }
#MainContent h4 { font-size: 16px; margin: 5px 0px; }
#MainContent h5 { font-size: 15px; margin: 5px 0px; }
#MainContent h6 { font-size: 13px; margin: 5px 0px; }
#MainContent p { font-size: 1.25em !important; margin: 0px 0px 5px; line-height: 1.75em; font-weight: normal; color: #333 !important; }
/*----------------------------lp*/

#MainContent .cp_img { width: 100%; height: 150px; margin-top: 142px; margin-bottom: 20px; background: url(../imagesrwd/cp_img.jpg) no-repeat left top #e6f4e6; background-size: 150 auto; }
 @media (max-width: 767px) {
#MainContent { padding-top: 0px; margin-top: 55px; margin-bottom: 30px !important; }
.LeftMenu { display: none; }
#MainContent h2 { padding-bottom: 30px; clear: both; padding-top: 20px; }
#MainContent .cp_img { width: 100%; height: 150px; margin-top: 0px; margin-bottom: 20px; }
}
#MainContent #sidebar .list-group-item { padding: 10px 10px; font-size: 16px; color: #666; }
#MainContent #sidebar .active { color: #FFF; }
/*list*/

.list ul, .list ol { padding: 0px; margin: 10px 0px; border-top: 3px solid #32989c; font-size: 1.25em; }
.list ul li, .list ol li { padding: 15px 5px 15px 10px; list-style: none; position: relative; clear: both; overflow: hidden; border-bottom: 1px dotted #777; list-style: decimal; list-style-position: inside; }
.list ul li:hover, .list ol li:hover { background: #fef7e7; }
.list ul li h3, .list ol li h3 { margin: 2px 0px; font-size: 20px; display: block; }
.list ol li { font-weight: bold; list-style: none; }
.list ul li .meta-time, .list ol li .meta-time { border-radius: 5px; font-size: 0.8em; padding: 0px !important; font-weight: normal; margin-left: 20px; }
#MainContent .list ul li p, #MainContent .list ol li p { margin-left: 20px !important; font-size: 1em !important; }
.list ul li .pic, .list ol li .pic { float: left; margin: 10px 30px 20px 0px; }
.list .file { clear: both; }
.list .file ul { padding: 10px 0px 5px 20px; border: none; border-top: 1px dotted #EEE; overflow: hidden; margin: 0px; font-size: 0.93em; }
.list .file ul li { padding: 0px; list-style: none; border: none; column-count: 3; display: inline; }
.list .file ul li a { padding: 0px; margin-right: 10px; color: #585858 !important; font-weight: normal; }
.list .file ul li a img { margin-right: 10px; }
/*ad*/

.ad { width: 240px; clear: both; margin: 10px auto; }
.ad ul { padding: 0px; display: inline; }
.ad ul li { padding: 0px; width: 240px; list-style: none; display: block; margin-bottom: 5px; }
.ad ul li img { width: 100%; border: 1px solid #999; }
 @media (max-width: 767px) {
.ad { display: none; }
}
/*tag*/

.tag { }
.tag a { padding: 5px 10px; font-size: 15px; color: #FFF !important; background: #FF9900; white-space: nowrap; }
.tag a:hover, .tag a:focus { background: #336666 !important; }
/*page*/

.page { margin: 30px auto; }
.page .total { border-radius: 10px; background: #F5F5F5; padding: 5px; }
.page .total select.form-control { background: #FFF !important; margin: 0px 10px; }
 @media (max-width: 767px) {
.page .total select.form-control { margin: 0px 0px; }
}
.page .pagination { }
.page .pagination li a { border-radius: 5px; margin: 0px 5px 10px 5px; font-weight: 800; font-size: 17px; background: #eee; color: #666 !important; border: #ccc solid 1px; box-shadow: 0px 0px 5x #ccc inset; }
.page .pagination li a:hover { background: #FF6600; color: #fff!important; box-shadow: none; border: #921b88 solid 1px; }
/*CONTENT*/

.content { font-size: 15px; margin-right: 15px; }
.content .title { background-color: transparent; padding: 3px; border-left: 0px solid #F60; color: #333; text-shadow: 1px 1px 2px #FFF; font-size: 2em !important; line-height: 150%; }
.content .pic p { font-size: 13px; line-height: 1.45em; }
.content img { margin: 0px 5px 10px; max-width: 100%; }
/*link_list 相關連結*/

.link_list, .download_list { font-size: 16px; padding: 10px 10px; border-top: 1px solid #666; }
.link_list h3 { background: url('../imagesrwd/link.png') no-repeat left top; padding: 5px 0px 10px 35px; }
.download_list h3 { background: url('../imagesrwd/download.png') no-repeat left top; padding: 5px 0px 10px 35px; }
.link_list h3 span, .download_list h3 span { margin-right: 10px; color: #921b88; }
.link_list li, .download_list li { list-style: none !important; }
.link_list li a, .download_list li a { border-bottom: 1px dotted #CCC; padding: 5px 0px 5px 12px; width: 100%; display: block; color: #333 !important; background: url(../imagesrwd/li_dot.gif) no-repeat left center; }
.link_list li a:hover, .download_list li a:hover, .link_list li a:focus, .download_list li a:focus { color: #FF6600 !important; }
.link_list li img, .download_list li img { display: inline; margin: 0px 5px; }
/*function*/

.function .btn { box-shadow: none; margin: 0px 10px 0px 2px; padding: 0px; background: #383838; width: 36px; height: 36px; line-height: 36px; font-size: 18px; color: #FFF !important }
.function .icon-reply-1 { font-size: 12px !important; width: 90px !important; }
.function .icon-facebook:hover, .function .icon-facebook:focus { background: #3c51a1 !important; }
.function .icon-twitter:hover, .function .icon-twitter:focus { background: #1ea8e3!important; }
.function .icon-linkedin:hover, .function .icon-linkedin:focus { background: #027bb7!important; }
.function .btn:hover, .function .btn:focus { background: #FF6600; }
/*video*/

.list_photo .thumbnail .caption h4 { height: 44px; overflow: hidden; line-height: 1.4em; font-weight: bold; }
.list_photo .thumbnail img { display: block; max-width: 98%; height: auto; margin: 5px auto; }
.list_photo .thumbnail:hover { outline: 1px solid #ebcc7a !important; }
.list_photo .thumbnail .caption .meta-dep a { color: #336666 !important; }
/*SLICK photo cp 內頁*/

.content .slick-slide { background: #FFF; }
/*sitemap*/

.accesskeyDefine { line-height: 170%; background: #F6F6F6; border: 1px solid #CCC; padding: 10px; border-radius: 10px; }
.accesskeyDefine li { list-style: circle; margin: 0 0 0 25px; }
.cascading { margin: 5px 25px 10px; padding: 5px 10px 10px 30px; margin: 5px 0 10px; text-align: left; }
.cascading ul { margin-left: 0em !important; }
.cascading ul ul { margin-left: 0.5em; }
.cascading li { margin: 0 0 4px; line-height: 1.5em; margin-bottom: 5px; font-size: 1.1em; list-style: none; }
.cascading li a { margin: 10px 0px; font-size: 16px; color: #333; padding: 3px; display: block; font-size: 20px; background: url("../imagesrwd/sitemap_arrow.png") no-repeat left 10px; padding-left: 20px; border-bottom: 2px solid #ccc; }
.cascading li li a { margin-top: 0px; margin-bottom: 0px; font-size: 16px; display: block; color: #333; border-bottom: 1px dotted #ccc; background: url("../imagesrwd/sitemap_arrow.png") no-repeat left 12px; font-weight: normal; color: #666 !important; font-weight: normal; }
.cascading li li a:hover, .cascading li li a:focus { color: #FF6600 !important; }
.cascading li a:hover { color: #FF6600; }
/*btn*/

.btn_block { padding: 30px 0px; text-align: center; }
.btn-default { background: #FF6600; color: #FFF; text-shadow: none; font-size: 1em; }
.btn-default:hover, .btn-default:focus { color: #FFF; background: #FF3300; }
/*LA CBA table*/
.LACBA th, .LACBA td { border: none !important; }
.necessary { color: #336666; }
.necessary sup { color: #C00; }
.table-responsive .table th { color: #336666; }
input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, textarea.form-control { -webkit-box-shadow: none; box-shadow: none; color: #333; border: 1px solid #CCC; padding: 4px 10px; border-radius: 5px; background: #f6f6f6; transition: .3s ease-out; }
input.form-control, input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, input[type=email]:hover, input[type=email]:focus, input[type=number]:hover, input[type=number]:focus, [type=text].form-control:hover, [type=text].form-control:focus, [type=password].form-control:hover, [type=password].form-control:focus, [type=email].form-control:hover, [type=email].form-control:focus, [type=tel].form-control:hover, [type=tel].form-control:focus, [contenteditable].form-control:hover, [contenteditable].form-control:focus, textarea.form-control:hover, textarea.form-control:focus { background: #3f3f3f; border: #3f3f3f 1ps solid; color: #64e4ff; -webkit-box-shadow: none; box-shadow: none; }
.btn_block { padding: 30px 0px; text-align: center; border-top: 1px solid #666; }
.btn_block input { margin: 0px 5px; }
.btn-ok { background: #FF6600; color: #FFF; }
.btn-ok:hover, .btn-ok:focus { background: #FF3300; color: #fff; }
.course_info { max-width: 600px; display: block; word-break: break-all; }
.course_description { background: #474747; padding: 10px 5px; color: #FFF; margin-bottom: 10px; }
.course_description span { width: 100px; float: right; color: #fd99ff; }
.notice { display: block; margin: 10px 0px; background: #E4E4E4; padding: 10px 15px; }
.taf_label { margin-left: 10px; }
/*---認證報導頁面*/
.list_book .thumbnail { border: none; }
.list_book h3 { margin-bottom: 10px; font-size: 16px; font-weight: bold; border-bottom: 2px solid #CCC; line-height: 2.4em; clear: both; }
.list_book .thumbnail { margin-top: 20px; }
.list_book .thumbnail div { }
.list_book .thumbnail .caption { padding: 0px; margin: 0px; }
.list_book .thumbnail .caption h4 { font-weight: bold; line-height: 1.2em; text-align: left; border: none; margin: 0px; font-size: 24px !important; padding: 0px; text-align: center; }
.list_book .thumbnail:hover { outline: 1px solid #ebcc7a !important; }
.list_book .thumbnail img { border: 1px solid #CCC; margin-right: auto; margin-left: auto; max-height: 100%; max-width: 100%; }
.list_book .thumbnail .caption .meta-dep a { color: #921b88 !important; }
.list_book .thumbnail .caption .meta-time { color: #996600; font-size: 15px; text-align: center; }
.book_search { text-align: center; }
#MainContent .form-group p { font-size: 1em !important; }
