/**/
a{text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none;}

/*04選單*/
.RWDmenu_plus04 .site-nav .menu>li>a,.RWDmenu_plus04 .site-nav .menu ul li a,.RWDmenu_plus04 .site-nav a,.RWDmenu_plus04 #mobile-menu .menu li a{letter-spacing:0}
.RWDmenu_plus04 .lang-select:hover .lang-select-label,.RWDmenu_plus04 .site-nav .menu>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>a:hover{background:transparent;color:#999}
.RWDmenu_plus04 .site-nav .manu-item:hover>a,.RWDmenu_plus04 .site-nav .menu ul li a:hover,.RWDmenu_plus04 .site-nav .menu>li>ul>li.active>a,.RWDmenu_plus04 .site-nav .menu>li>ul>li>ul>li.active>a{text-decoration:none;font-weight:700}
.RWDmenu_plus04 .site-nav .menu li.downloadmenu ul ul,.RWDmenu_plus04 .site-nav .menu li.downloadmenu ul li>a:after{display:none}
.RWDmenu_plus04 .site-nav{display:flex}
.RWDmenu_plus04 .container{max-width:100%}
.RWDmenu_plus04 .site-nav .menu{text-align:right}
.RWDmenu_plus04 .header{padding:0 6%}
.RWDmenu_plus04 .site-nav .menu>li>a{padding:48px 15px}
.RWDmenu_plus04 .site-nav .menu ul li>a{text-align:center}

/*寬版選單*/
.RWDmenu_plus04 .dropdown-menu .container{overflow:hidden}
.RWDmenu_plus04 .dropdown-menu .manu-item-box li{width:calc(100%/5)}
.RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li.active>a,.RWDmenu_plus04 .dropdown-menu .manu-item-box>li>ul>li>a:hover{background:#003c9d;color:#fff;padding-left:8px;margin-right:15px;transition: .5s}
.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child>a:after,.RWDmenu_plus04 .lang-select-label:after,.RWDmenu_plus04 .site-nav .menu li.dropdown>a:after,.RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul{display:none}


/*選單*/
.cd-primary-nav > li > a {letter-spacing: 0px; font-size: 16px;}
.RWDmenu_plus02 .container {width: 82.4%;}
ul#cd-primary-nav {margin-top: 52px;}
.cd-primary-nav .cd-secondary-nav{top: 93px;}

.cd-header-buttons li.search-btn {margin-top:52px}


/*logo*/
.RWDmenu_plus04 .logo {
    width: 140px;
    margin-top: 0;
    margin: 10px 0px;
}

/*形象*/

/*最新消息標題*/
.new_news, .case_study{padding:80px 0px;}
.new_news .RWDedictor,  .case_study .RWDedictor{text-align:left;padding-bottom:30px;}
.new_news .RWDnews005 .container, .case_study .RWDnews005 .container{padding-left:0px;padding-right:0px;}
.RWDnews005 .owl-carousel{margin-bottom:0px;}
/*灰色底線*/
.itemline {
    border-bottom: 2px solid #8bb7ff;
    padding-bottom: 10px;
    position: relative;
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
/*前方底線*/
.itemline:after {content: "";position:absolute;bottom:-2px;left:0;height:2px;width:100px;background-color: #003c9d;}
.main .new_news .container, .case_study .container {width: 90%;}
.RWDnews005 .owl-carousel .owl-item:first-child div {
    border-left: 0;
}

/*news*/
ul.text-left.size-12.list-inline.list-separator {
    display: none;
}
.RWDnews005 .margin-top-20 {
    padding: 0px 10px;
    font-size: 17px;
    line-height: 30px;
    font-weight:600;
    text-align:center;
}
p.text-left {
    padding: 0px 20px 0px 20px;
    line-height: 26px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.RWDnews005 .owl-carousel .owl-item div {
    padding-bottom: 30px;
    min-height: 450px;
    border-left: 1px solid #eee;
}
#m_RWDBASE_PAT01_14_1 > section > div > div > div.owl-wrapper-outer > div > div:nth-child(1) > div{border-left:0px;}

/*關於*/
.new_about{width:100%;padding:80px 0px;border-bottom:1px solid #DCDCDC;}
.new_about .container {width: 90%;}
.aboutus {margin-top: 30px;}
.about-texttitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.about-content {
    font-size: 14px;
    line-height: 30px;
}
.btn-about {
    margin-top: 30px;
}
.btn-about a {
    background: #fff;
    border: 1px solid #000;
    padding: 8px 15px;
    color: #000;
    font-size: 15px;
    letter-spacing: 1px;
    transition:0.3s;
}
.btn-about a:hover {
    background: #000;
    color: #fff;
}

/*作品*/
.new_pro{width:100%;padding-bottom:80px;}
figure{margin: 0px 0 28px 0;}
.RWDproduct004 .callout-dark {background-color:#b7000e;padding: 40px 0;}
.RWDproduct004 .heading-title.heading-arrow-bottom::after{border-top:20px solid #b7000e;}
.RWDproduct004 .heading-title.heading-arrow-bottom h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 50px;
    font-weight: normal;
    font-weight:300;
}
.RWDproduct004 .item-box-desc {padding: 30px 50px;}
.RWDproduct004 h2.sub-title{display:none}
.RWDproduct004 h2.sub-title{font-size: 18px;margin: 8px 0 0;letter-spacing: 2px;}
.RWDproduct004 .list-inline{padding-top: 10px;}
.RWDproduct004 .item-box .item-hover .inner .ico-rounded:hover>span{color:#000;}
.RWDproduct004 section{border-bottom: none;}
.new_pro{overflow-x: hidden;}
.RWDvideo002 figure figcaption, figure a {position: relative;}


/*影音專區*/
.video_block{padding:0px 0px 80px 0px;}
.RWDvideo002 .container {width: 90%;}
.video_title .container {width: 90%;}
.video_title .itemline{margin-bottom:30px;}
.RWDvideo002 .section-subject{display: none;}
.video_block .figcaption_bottom h2 {color: #000;font-size: 17px;line-height: 30px;}
.video_block .figcaption_bottom p {color: #000;letter-spacing: 0px;}
.RWDvideo002 figure.effect-sarah {margin-bottom: 0px;}


/*聯絡我們*/
.new_contact .itemline {color: #000;border-bottom: 2px solid rgba(0, 0, 0, 0.3);}
.new_contact .itemline:after {background-color: #000;}
.new_contact{width:100%;padding-top:90px;padding-bottom:80px;background:#ccc;}
.RWDeform001 h1.main-title{display:none;}
.RWDeform001 .section-line{display:none;}

/*頁尾*/
footer{margin-top:0px;}
.footer {
    background:#003c9d;
    text-align: center;
    border-top: 0px;
    font-size: 13px;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}
.copyright a, .copyright a:hover {color: #eee;}
#toTop {display: none !important;}

/*聯絡我們*/
.new_contact label {
    color: #000;
    letter-spacing: 1px;
    font-size: 16px;
}
textarea.form-control {height: 120px !important;}
button#submit {
    background: transparent;
    border: 1px solid #000;
    border-radius: 0px;
    color: #000;
    float: right;
    letter-spacing: 1px;
   transition:0.3s;
}
button#submit:hover {
    background: #000;
    color: #fff;
}
.title-contact {
    margin-bottom: 20px;
    font-size: 16px;
    color: #000;
    line-height: 26px;
}
.content-contact {
    color: #000;
    line-height: 30px;
    font-size: 15px;
}
.content-contact a {
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
}
.new_contact .form-control {
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.75);
    border: 0px;
    box-shadow: none;
    height: 30px;
}
.new_contact .form-control:focus {
    border-color: transparent;
    outline: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.5);
}

/*scrolltop*/
.scrollTop001 .icon {
    background: transparent url(archive/image/customization/181213_scrolltop.png) center center no-repeat;
}
.scrollTop001 {
    height: 83px;
    bottom: 0;
}
.scrollTop001:hover .icon {opacity: 1;}

/*1021*/
/*#carlist .summary, .al {
    display: none;
}*/
#carlist .subject {display: block;}

/*首頁表單按鈕置右*/
#eForm1 > div:nth-child(8) {
    width: 100%;
}

@media (max-width: 1680px) {
/*1680px*/
.RWDmenu_plus02 .container {width: 100%;}
.RWDnews005 .owl-carousel .owl-item div {min-height: 350px;}

.collapsing_header .cd-main-header .cd-logo {width: 95px;margin-top: 6px;}
ul#cd-primary-nav {margin-top: 0px;}
.cd-header-buttons li.search-btn {margin-top: 5px;}
.cd-primary-nav > li {margin: 0 25px;}

}

@media (max-width: 1400px) {
.cd-primary-nav > li {margin: 0px 10px;}
.RWDmenu_plus04 .dropdown-menu{width:130%;max-width:130%;margin-left:-19.5%}
.RWDmenu_plus04 .dropdown-menu .manu-item-box{display:flex}
}

@media (max-width: 1199px) {
ul#cd-primary-nav {margin-top: 15px;}
.cd-primary-nav > li {margin: 0 22px;}
.cd-main-header {height: 80px;}

/*搜尋*/
.cd-search.is-visible {top: 80px !important;height: 50px;}
.cd-search button {top: 12px;}
.cd-overlay.is-visible.search-is-visible {top:80px !important}

.cd-overlay.is-visible {transform: translateX(0px);}

}


@media (max-width: 1169px) {
.cd-header-buttons li.search-btn {margin-top: 20px;}
.RWDmenu_plus02 .phone-menu {margin-top: 18px;margin-left: 10px;}

ul#cd-primary-nav {margin-top: 0px;}
.cd-overlay.is-visible.search-is-visible {top:80px}
.cd-search.is-visible {top: 80px !important;}
.cd-overlay.is-visible {transform: translateX(-360px);}

}







/*搜尋*/
/*.cd-header-buttons li.search-btn{margin-top:53px}*/
.cd-search.is-visible{width:40%;right:0;left:auto}
.cd-overlay.is-visible.search-is-visible {background-color:rgba(220,220,220,0.87)!important}
.cd-search input{font-size:15px;letter-spacing:.5px}
.cd-search button{font-size:15px}
.layoutlist_3 .item{height:auto!important;margin-bottom:30px}
.layoutlist_3 .item .subject{position:relative;background:transparent;opacity:1!important;margin-top:10px;letter-spacing:0;height: auto !important}
.layoutlist_3 .item .subject table td{line-height:1.5;padding-bottom: 10px}


/*main*/
.page_wrapper_bg section.call_to_action { padding: 35px 0 75px 0; min-height: 800px;}


/*大標*/
.hgroup h1 { font-size: 30px; line-height: 1.5; font-family: 'Roboto', sans-serif;}
.hgroup .container:before {content: ""; position: absolute; bottom: -2px; left: 0;  height: 2px; width: 100px; background-color: #003c9d;}

.hgroup .container { border-bottom: 2px solid #8bb7ff;padding-bottom: 0px;  margin-bottom: 50px;}
.hgroup .breadcrumb { font-size: 12px; background-color: transparent; border: none; bottom: 0px;}

/*頁尾*/
.page_wrapper_bg .footer_info { background: #ddd;padding: 30px 0;}
.info_logo {border-right: 1px solid #333;}
.info_logo img {width: 50%;float: right;padding-right: 45px;}
.info_block { padding-left: 60px; float: right;}
.page_wrapper_bg  .content-contact { color: #333;}
.page_wrapper_bg  .content-contact a { color: #333;}
.page_wrapper_bg .scrollTop001 {opacity: 1 !important;}


/*文字統一設定*/
.page_wrapper_bg h3 {letter-spacing: 1px;line-height: 1.5;margin-bottom: 10px; font-weight: bold; font-size: 24px !important;font-family: 'Roboto', sans-serif;}
.page_wrapper_bg .article-text h4 {font-size: 18px;line-height: 1.7;letter-spacing:1px;margin: 15px 0 15px;font-weight: bold;font-family: 'Roboto', sans-serif;}
.page_wrapper_bg .article-text {font-size: 15px;line-height: 1.7;letter-spacing: 1px;color: #666; font-family: 'Roboto', sans-serif;}
.page_wrapper_bg p {font-size: 15px;line-height: 2;letter-spacing: 2px;color: #666;font-family: 'Roboto', sans-serif;}

.page_wrapper_bg ul {line-height: 2; letter-spacing: 2px;text-align: left;}
.page_wrapper_bg td {line-height: 2;}


/*-------按鈕--------*/

/*重新填寫*/
#eformsForm_1_9 > div > div.row > div.col-sm-12.col-md-11 > div:nth-child(1){display: none;}

/*回上一頁按鈕*/
#album .btn.btn_back a {padding: 8px 12px;}
.btn.btn_back {margin-right: 0;float: right;background: transparent !important;padding: 0;box-shadow: none;}
.btn.btn_back a { padding: 0 15px;background:  transparent;color: #000; transition: all 0.3s ease;border: 1px solid #000;}
.btn.btn_back a:hover {border: 1px solid #000;color: #fff;background: #000;}

/*確定送出*/
.ebtn {margin-top: 20px;transition: all 0.3s ease;border-radius: 0 !important;float: right !important;margin-right: 0 !important; background: transparent !important; border: 1px solid #000;}
.ebtn a {color:#000 !important;}
.ebtn:hover {background:#000 !important; border: 1px solid #000;}
.ebtn:hover a {color:#fff !important;}


#btn_querycar{background:  transparent;color: #000; transition: all 0.3s ease;border: 1px solid #000;border-radius: 0 !important;}
#btn_querycar:hover {border: 1px solid #000;color: #fff;background: #000;}

/*購物車*/
.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a{color: #fff;}
.btn-primary {  color: #000; background-color: transparent;border-color: #000; border-radius: 0 !important; float: right; margin-right: 10px;font-size: 14px;}
.btn-primary a {color: #000;font-size: 14px;}
.btn-primary:hover{background-color:#000;transition: all 0.3s ease;border: 1px solid #000;} 
.btn.btn_submit { float: right; background-color: transparent !important; border-radius: 0 !important; border: 1px solid #000;color: #000;;transition: all 0.3s ease;}
.btn.btn_submit:hover {background: #000 !important; color: #fff ;}
.btn-primary:active:hover, .btn-primary:active:focus{background-color: #000;border: 1px solid #000;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color: #ffffff;background-color: #000;border-color: #000;outline: none;}

/*檔案*/
.download .dbtn {width: auto; background: transparent; box-shadow: none; border: 1px solid #000;border-radius: 0;text-align: center;color: #000;}
.download .list_table .bicon {background: transparent;}
.layoutlist_3 .dbtn:hover { filter: none;background: #000; background-color: #000; color: #fff;transition: 0.3s ease;}
.download .list_table .bicon:hover, .layoutlist_3 .dbtn:hover .bicon {background: none;}

/*相簿*/
.album_item_subject { padding: 5px 0;opacity: 0.8 !important;font-size: 16px;}
.album_item a:hover { box-shadow: 1px 1px 5px #ccc;transition: 0.3s ease;}
.album_item {min-height: 310px;}
.album_item:hover .album_item_subject {color: #000;}

/*產品*/
.item .subject A.itemlink {font-size: 18px;}



/*最新消息*/
#edcontent .layoutlist_3 .item {margin: 20px auto; background: #fff; box-shadow: 0px 0px 5px #ddd; }
.layoutlist_3 .listdate {border-left: none !important; text-align: center;}
.layoutlist_3 .list_subject a {font-size: 18px !important;font-weight: bold !important;letter-spacing: 1px !important;color: #777 !important;}
.layoutlist_3 .list_subject .summary a {font-size: 15px !important;font-weight: normal  !important;letter-spacing:2px  !important;}
.layoutlist_3 .listdate .day {color: #003c9d !important;font-weight: bold;line-height: 1;}
#edcontent .layoutlist_3 .item:hover {background: #f3f3f3;transition: 0.5s;}

/*聯絡我們*/
.customized_columns ._input{background-color: #fff;border: 1px solid #ccc;}
.eformsDesc { margin: 40px 0; padding-bottom: 40px;}



/*檔案下載*/
.download .list_table td.list_subject {border-bottom: 1px solid #dedede;padding-left: 12px;padding-right: 12px;text-align: left;font-size: 18px;line-height: 1.7;margin: 0 0 20px;color: #79a21e;letter-spacing: 2px;}
.download .search-container {margin-left: 10px;border: 1px solid #b7b7b7;}
.download .search-go:before {content: "GO";font-size: 13px;letter-spacing: 1px;position: absolute;top: 5px;left: 8px;color:#5f5f5f}
.download .search-go {background: #fff;border-left: 1px solid #b7b7b7;width: 37px;}
.download .search_bg {background: #fff;}
.download .search_input {background: #fff;margin-right: 40px;border-radius: 0;width: 251px !important;}
.download .dbtn{width: auto;}
.download .summary {margin-top: 6px; color: #bbb;}

/*檔案下載_編號*/
.download .list_table th.list_no {font-size: 14px;letter-spacing: 1px;line-height: 26px;}

/*檔案下載_檔案名稱*/
.download .list_table th.list_subject {line-height: 26px;font-size: 14px;letter-spacing: 1px;}

/*檔案下載_日期*/
.download .list_table th.list_date {line-height: 26px;letter-spacing: 1px;font-size: 14px;}

/*檔案下載_下載*/
.download .list_table th.list_downloadbtn {line-height: 26px;font-size: 14px;letter-spacing: 1px;}




@media (max-width: 1199px){
/*1199px*/
nav.cd-nav .bottom-copyright {
    display: none;
}


@media (max-width: 1100px){

.RWDmenu_plus02 .phone-menu {float: none;}


}


@media (max-width: 1025px){

.cd-primary-nav .cd-secondary-nav {top: 0;}
.RWDmenu_plus04 .logo{width:90px}
.collapsing_header .main {top: 80px !important}

}

@media (max-width:1024px){
/**/
.cd-header-buttons li.search-btn{margin-top:20px}
.cd-search.is-visible{top:80px!important;right:50px}
.cd-search button{top:12px}

/*logo*/
.collapsing_header .cd-main-header .cd-logo {width: 98px;margin-top: 5px;}
.aboutus .col-md-5.col-sm-6.col-xs-12 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.aboutus .col-md-offset-1.col-md-6.col-sm-offset-0.col-sm-6.col-xs-offset-0.col-xs-12 {
    width: 100%;
    float: left;
}
.aboutus .col-md-offset-1.col-md-6.col-sm-offset-0.col-sm-6.col-xs-offset-0.col-xs-12 {
    width: 100%;
    float: left;
    text-align: center;
    margin-left: 0px;
}
/*menu*/
nav.cd-nav .bottom-copyright{display:none}
/*menu*/
.cd-primary-nav, .cd-primary-nav ul {
    background: #fff;
}
}
@media (max-width: 768px) {
/**/
.cd-header-buttons li.search-btn{margin-top:5px}

/*logo*/
/*.collapsing_header .cd-main-header .cd-logo {
    width: 160px;
    margin-top: 5px;
}*/

/*menu*/
.RWDmenu_plus02 .phone-menu {margin-top: 4px;}

/*內頁*/
.layoutlist_3 .listdate .day{font-size:30px !important;}
.layoutlist_3 .listdate .day::before {display: none;}

#product .item .subject {text-align: center;  margin-bottom: 5px;}
#product .item .summary { text-align: center;}


.info_logo img {width: 96%;float: none; margin: 0 auto;padding-right: 15px;padding-left: 15px;}
.info_block { padding-left: 45px;}

/*按鈕*/
.btn.btn_back { width: 100%;}
#album .btn.btn_back a { display: block;}
}
@media (max-width: 480px) {
/**/
.cd-search.is-visible{width:100%;right:0}
.layoutlist_3 .item{margin-bottom:40px!important}
div#search .col-sm-3.col-md-3{width:calc(100% / 2 - 5px);display:inline-block}

.cd-main-header {height:50px}
.cd-search.is-visible {top: 50px!important;}
.cd-overlay.is-visible {transform: translateX(-100%);}

/*logo*/
.collapsing_header .cd-main-header .cd-logo {width: 64px;}

/*products*/
.RWDnews005 .owl-carousel .owl-item div{border-left:0px;}

/*間距*/
.new_news, .case_study {padding: 40px 0px;}

/*scrolltop*/
.scrollTop001 .icon {
    background-size: contain;
}
.scrollTop001 {
    height: 50px;
    bottom: 20px;
    width: 50px;
}


/*內頁*/
.info_logo img {width: 56%;float: none;margin: 0 15px 30px;}
.hgroup h1{text-align:center;margin-bottom:10px}
.hgroup .breadcrumb {font-size: 12px;background-color: transparent;border: none;position: relative;float: none !important;text-align: center;bottom: 0;}
.btn-primary { margin-right: 0;}
.collapsing_header .main {top:50px !important}

/*最新消息*/
.layoutlist_3 .item {margin: 0;padding: 10px 0px 0  !important;}
.layoutlist_3 .list_subject {margin-top: 30px !important;}
.layoutlist_3 .listdate .day {color: #afafaf !important; font-size: 12px !important;font-weight:normal !important;}
.layoutlist_3 .listdate .day::before {display: inline;}
.layoutlist_3 .list_subject .summary {margin: 10px 0px 25px;}
._col.listdate {text-align: left;}

}
@media (max-width: 380px){
.scrollTop001 { bottom: 50px;}


.download .search_input {width: 212px !important;}

}
@media (max-width: 320px){
.download .search_input {width: 157px !important;padding-right: 17px;}

}