/*共同*/a{color:#b6b6b6;text-decoration: none;}a:hover, a:focus{text-decoration: none;color: #424242;}/* 反白顏色設定*/::selection { background: #333; color: #fff;}::-moz-selection { background:#333; color: #fff;}.fl img {width: 180px;}/* 選單*/ 
.cd-logo {width: 115px;margin-top: 0;margin-left: 0;padding: 15px;background: rgba(10, 20, 37, 0.9);position: absolute;}.RWDmenu_plus02 .inside {background: rgba(0, 0, 0, 0.7);}.cd-main-header {background: transparent;}.cd-primary-nav>li>a {color: #fff;letter-spacing: 3px;font-size: 15px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);width: 130px;text-align: center;padding: 0;}.cd-primary-nav>li>a:hover {color: #fff;}.cd-primary-nav>li:after {display:none;}.cd-primary-nav .cd-secondary-nav>li.active>a, .cd-primary-nav .cd-secondary-nav>li>a:hover {background-color: #11325e;}.cd-primary-nav>.has-children>a::after, .cd-primary-nav>.has-children>a::before {background: #fff;}nav.cd-nav {margin-left:0;}.RWDmenu_plus02 .inside {transform: translateY(-135px);}.RWDmenu_plus02 .inside.is-up {transform: translateY(0);}/*banner*/ 
.banner-block {position: relative;}.RWDbanner_plus01 .slick-caption {top: 40%;}.RWDbanner_plus01 .slick-caption.txt-center {letter-spacing: 5px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);}.RWDbanner_plus01.style-dotnav.dot .slick-dots button {background: #ffffff;}.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {background: #11325e;}/*down*/ 
.down_panel {width: 1px; height: 120px; position: absolute; bottom: 0; z-index: 999; right: 32px; background: #fff;}.down_panel:after {content: "SCROLL";transform: rotate(-90deg);font-size: 18px;letter-spacing: 3px;left: -19px;top: 100px;color: #fff;position: relative;display: block;}.down_panel:before {content: "";display: block;position: absolute;width: 3px;height: 20px; top: 0px; left: 50%; margin-left: -1.5px; background: #fff; animation-name: oxxo; animation-duration: 3s;animation-iteration-count: infinite;    animation-timing-function: step-start;animation-timing-function: steps(20,end);}@keyframes oxxo{      0%{        top:0px;      }      30%{        top:40px;      }      55%{        top:75px;      }      80%{        top:100px;      }      100%{        top:100px;      }  }/*ABOUT US*/ 
.ab_block {background: #0e0e0e;}.item-first {margin: 0 auto;width: 70%;background:transparent;}.text-box{width: 100%;padding:70px 140px 60px;background:rgba(10, 20, 37, 0.9);top: 0px;right: 0px;box-sizing: border-box;z-index:99;box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.3);text-align: center;font-family:微軟正黑體;position: relative;}.text-box .text{color:#eaeaea;font-size:15px;font-weight: 300;line-height:32px;width:100%;margin-top: 40px;}.text-box .title{color: #fff;letter-spacing: 5px;font-size:28px;}.text-box a{float: none;border:none;border-bottom:0px solid #1d1d1d;padding: 12px 0px;width:auto;padding: 5px 0px;margin-top:35px;}.text-box input{padding: 10px 20px;font-size: 15px;letter-spacing: 3px;border: 0;border-bottom: 1px dotted #ccc;transition: all 0.5s ease 0s;color: #fff;background: transparent;margin-top: 60px;position: relative;}.text-box a:hover{background:transparent;color:#eee;}.text-box a:hover button{color: #a0a0a0;}.RWDparalaxSlice {overflow-x: inherit;}.RWDparalaxSlice .paralaxText {padding-top: 130px;padding-bottom: 0;margin-bottom: -160px;}.item-first {width: 100%;}.text-box:after {content: "";width: 120%;height: 120%;position: absolute;border: 1px solid rgba(255, 255, 255, 0.3);box-shadow: 0 0 17px rgba(0, 0, 0, 0.3);z-index: -1;left: -10%;bottom: -10%;}.textbox input:after {content: "";width: 0px;height: 3px;position: absolute;background: #fff;bottom: -2px;left: 0 ;transition: 0.3s;}.textbox input:hover:after {width: 100%;}/*RODUCTS */ 
.product-section{padding:250px 0 70px;background: #0c0c0c;}.RWDproduct002 .section-subject {margin: 0px 0px 40px;}.RWDproduct002 h1.main-title{color: #fff;text-transform: uppercase;  letter-spacing: 5px; font-size: 28px;font-weight:600;}.RWDproduct002 .btn.btn-rj{padding: 6px 15px; font-size: 14px;letter-spacing: 2px; border-radius: 0px; text-align: center;background-color:transparent;border:1px solid #8e8e8e;font-family: 'Questrial', sans-serif;color: #484848;padding-left: 19px;}.RWDproduct002 .btn.btn-rj:hover, .btn.btn-rj:focus{background-color:#292929}.portfolio-item.grow.identity.isotope-item { margin: 0; padding: 0;}.RWDproduct002 .section-line{display:none;}RWDproduct002 .showbottom:hover .inner-content > img {-webkit-transform: scale(1.08);transform: scale(1.08);}.portfolio-bottom-summary {height: auto !important;}.portfolio-bottom-summary h4 {text-align: center;margin: 0;padding: 15px 0;background: #11325e;font-size: 18px;color: #e2e2e2;letter-spacing: 2px;line-height: 1.5;}.RWDproduct002 .showbottom:hover .portfolio-bottom h4 {color: #ffffff;}.bounceIn{animation-name: fadeInUp;}.portfolio-item > .inner-content > .portfolio-content {background-color: #0a1425;opacity: 0.9;}/*第二版-作品總覽*//*.RWDproduct002 .container {width: 90%;}.popup-portfolio .portfolio-item {padding: 0 45px;overflow: inherit !important;height: auto !important;}.portfolio-item:after {content: "";width: 90%;height: 90%;background: #11325e;display: block;position: absolute;left: -2%;top: 10%;z-index: -1;}.portfolio-bottom {width: 20px;position: absolute !important;left: 6px;top: 11%;}*//*直線*//*@media screen and (min-width:1024px) {.section-content::before {content: "";width: 1px;height: 85px;background: #ababab;display: block;position: absolute;left: 50%;margin-left: -9px;top: -95px;}}*//*map*/ 
.map_block {-ms-filter: grayscale(1) brightness(1.02);filter: grayscale(1) brightness(1.02);height: 370px;background: #0c0c0c;}.map_block .RWDedictor {height: 100%;}.map_block>.container {height: 100%;}
/*內頁 start*/

.page_wrapper_bg .RWDmenu_plus02 .inside { transform: translateY(0);}.page_wrapper_bg .RWDmenu_plus02 .inside { background: #000;}.page_wrapper_bg .RWDmenu_plus02 .inside.is-up { background: rgba(0, 0, 0, 0.7);}.page_wrapper_bg .down_panel { display:none;}.page_wrapper_bg .btn,.ebtn { font-size: 15px; letter-spacing: .1em;}.ebtn a,.btn.btn_back a { margin: 20% 0 0; border: 1px solid #333; padding-bottom: 5px;}.page_content1 .btn { height: 33px;}/*page1和page_content相衝突*/ 
.page_content1 .btn_back a { padding: 5px 35px !important; padding-bottom: 10px !important;}.page_content1 .btn { line-height: 1.42857143 !important;}#toTop { display: none !important;}/*統一設定*/a:focus, a:hover { color: #fff; text-decoration: none; transition: 0.4s; word-break: break-all;}p { margin: 0;}.inner { padding: 30px 0;}.form-horizontal .control-label {font-size: 15px; letter-spacing: .1em;font-weight: normal;}.customized_columns ._input, .customized_columns select { border-radius: 0 !important; background: #ffffff; letter-spacing: .1em;}.customized_columns ._input:hover, .customized_columns select:hover, .customized_columns ._input:focus, .customized_columns select:focus { border-color: #2f4975; box-shadow: none;}.layoutlist_2 .album_item,.layoutlist_4 .subject { overflow: visible !important;}/*內頁空間*/ 
.page_wrapper_bg .cd-main-content { background: #0c0c0c;}.article-text .container { padding: 50px 15px;}/*標題文字*/ 
.hgroup .container { border-bottom: 0;}.hgroup { margin-top: -35px;}.hgroup .container { margin: 0; padding: 0;}h1.pageTitle { display: inline-block; padding: 15px 70px; border: 1px solid #666; border-top: 1px solid transparent; color: white; font-size: 15px; letter-spacing: .2em; border-bottom: 4px double #999;}.hgroup .breadcrumb { border: 0; background: transparent; position: relative; text-align: left; letter-spacing: .1em;}/*內頁文字*/ 
.page_wrapper_bg .cd-main-content p { font-size: 15px; color: #999; letter-spacing: .2em; line-height: 2; text-align: justify;}/*btn_back*/ 
.btn_back { background: transparent; color: transparent; padding: 0; margin-top: 20px; float: right; position: relative;}.btn.btn_back a:hover { background: rgba(113, 113, 113, 0.1);}.block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn { background: transparent !important; color: transparent; padding: 0; float: right;position: relative;}.ebtn.currectsend_btn { float: right; background: transparent;  color: transparent;  padding: 0;  margin-right: 0 !important; position: relative;}.btn.active, .btn:active { box-shadow: none;}.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0;}/*公司介紹*/ 
.abimg, .abbox { padding: 0;}.abbox { margin: 40px 0;}.abtxt { display: flex; flex-direction: column; height: 295px; justify-content: center; padding: 30px;}.abtxt h3 { margin: 10px 0 20px; color: white; letter-spacing: 0.2em; position: relative;}.abtxt h3:after { content: ""; position: absolute; height: 1px; width: 45%; background: white; bottom: 12px; right: 0;}.abbox2 .abtxt { border: 1px solid; border-top: 0;}hr { border-top: 1px solid #333;}/*最新消息*/ 
.layoutlist_3 .item {  border-bottom: 1px solid #222 !important;}.layoutlist_3 .listdate {  border-left: 0 !important;}.layoutlist_3 .listdate .day { font-size: 30px !important;  padding: 0 10%;  color: #ddd !important;}.layoutlist_3 .listdate .yearmonth { padding-bottom: 15% !important;}.layoutlist_3 .list_subject a { color: white !important; font-size: 15px !important; letter-spacing: .1em; line-height: 1.5;}.layoutlist_3 .item:hover .list_subject a { opacity: .7;  transition: 0.4s;}.layoutlist_3 .list_subject .summary a { font-size: 15px !important; color: #ddd !important; line-height: 1.5; letter-spacing: .2em;}.layoutlist_3 .item:hover .list_subject .summary a { opacity: 1;}.layoutlist_3 .list_subject .summary { margin: 10px 0 !important;}.layoutlist_3 .item:hover { box-shadow: 0 0 10px; transition: 0.4s;}.btn_back a { padding: 0 35px;}/*作品總攬*/ 
.row .album_d_item a { border-bottom: 1px solid #333;}.layoutlist_2 .album_item_subject { padding: 20px 10px;}.layoutlist_2 .album_item { transition: 0.4s;}.layoutlist_2 .album_item:hover { padding: 20px; transition: 0.4s; box-shadow: 0 0 10px;}/*服務流程*/ 
.service { display: flex;  flex-wrap: wrap;}.servicebox { width: calc(100% / 4 - 20px); text-align: center; padding: 30px 5px; margin: 10px; background: rgba(35, 35, 35, 0.5);}.left img { width: 30px;}.right h4 { margin: 20px 0  !important; color: white; letter-spacing: .1em; font-size: 15px !important;}.right ul { padding-left: 30px; list-style-type: square; color: #999; font-size: 15px; line-height: 2.5; text-align: left;}.right h4 span { font-family: 'Raleway', sans-serif; margin-right: 10px; color: #ff9b00;}/*聯絡我們*/ 
.txtinfo ul { display: flex; padding: 0; flex-wrap: wrap; justify-content: center;  align-items: center; text-align: center; list-style-type: square; color: #999; line-height: 3; letter-spacing: .1em; font-size: 15px; margin-bottom: 40px; padding-left: 20px;}.txtinfo ul li { width: 48%; list-style-type: none; border: 1px solid #333; margin: 1%;}.socialmedia { display: flex; justify-content: space-around;  width: 30%;  position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 40px;}.mediicon img { width: 80%; filter: drop-shadow(0 10px 10px #333);}.eformsDesc { border-bottom: 1px solid #333;}/*form*/ 
.warning { background: #222; text-align: center; padding: 30px; margin: 20px;}.customized_columns ._input, .customized_columns select { background: #191919; border-color: #222; color: white;}.form-horizontal .control-label { color: white;}.boxname { color: #999; margin: 0 5px; font-size: 15px;}textarea#eformstw21_00011 { height: 120px;}.mediicon { transition: 0.4s;}.mediicon:hover { margin-top: -10px; transition: 0.4s;}.ebtn a:before,.btn.btn_back a:before { content: ""; position: absolute;  z-index: -1; left: 0; right: 100%; bottom: 0; background: white; height: 4px;  -webkit-transition-property: right;  transition-property: right; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}.ebtn a:hover:before,.btn.btn_back a:hover:before { right: 0;}/*footer*/ 
.page_wrapper_bg .RWDsocial001 { margin: 0 15px;}

/*內頁 end*/
/*footer start*/

.footerblock {position: relative;padding: 60px 0 50px;background: #0a1425 !important;line-height: 24px;}.ft-contact{font-size:14px;letter-spacing: 2px;color: #e2e2e2;}.ft-contact h5 {color: #fff;letter-spacing: 2px;font-size: 18px;font-weight: 600;}.ft-bg {display:flex;}.ft-bg-r {padding-left: 50px;margin-left: 50px;border-left: 1px solid #e2e2e2;}.ft-contact a {color: #e2e2e2;}/* 社群*/ 
.ft-share {margin-top: 20px;}.RWDsocial001{text-align: center;width:168px;background:transparent;display:block;float:right;right:0px;padding:0px;padding-top:0px;}#social_media_wrapper a{color: #c1c1c1;width: 50px;height: 50px;background-color: transparent;}#social_media_wrapper a:hover, #social_media_wrapper a:active{background: transparent;}#social_media_wrapper a i img {filter: brightness(2);}/* copyright*/ 
.ft_copy {border-top: 1px solid rgba(255, 255, 255, 0.4);padding-top: 30px;margin-top: 30px;}.copyright_desc{font-size:14px;letter-spacing: 2px;color: #e2e2e2;}.copyright_desc a{font-size:14px;letter-spacing: 2px;color: #e2e2e2;}.copyright_desc a:hover{color:#fff;}/*web*/ 
.ft-web {font-size: 14px;letter-spacing: 2px;color: #e2e2e2;text-align: right;}

/*footer end*/
/*小螢幕 start*/

@media (max-width:1370px){/*關於我們*/ 
.text-box {width: 90%;margin: auto;}.text-box:after {width: 110%;left: -5%;}}@media (max-width:1366px){/*選單*/ 
.RWDmenu_plus02 .container {width: 100%;}}@media (max-width:1200px){/*選單*/ 
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {background: #fff;}.cd-primary-nav, .cd-primary-nav ul {background: #000000;}.RWDmenu_plus02 .inside.is-up .cd-main-header {background: rgba(0, 0, 0, 0.7);}.cd-main-header {transition: 0.3s;padding: 0 30px;}.cd-logo {width: 110px;margin-top: 0 !important;}.is-up .cd-logo {width: 75px;}.fa-long-arrow-left:before {color: #fff;}.cd-primary-nav>li>a {width: 100%;text-align: left;}.cd-primary-nav a, .cd-primary-nav ul a {color: #fff;}.cd-primary-nav .go-back a::after, .cd-primary-nav .go-back a::before {background: #fff;}.cd-primary-nav .cd-secondary-nav>li.active>a, .cd-primary-nav .cd-secondary-nav>li>a:hover {background-color: transparent;}nav.cd-nav .bottom-copyright {color: #e2e2e2;letter-spacing: 2px;}.RWDmenu_plus02 .inside {transform: none;opacity: 0;transition: 0.5s;}.RWDmenu_plus02 .inside.is-up {transform: none;opacity: 1;}}

/*小螢幕 end*/
/*Pad橫向 start*/
@media (max-width:1024px){
/*選單*/ 
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before {background: #fff;}.cd-primary-nav, .cd-primary-nav ul {background: #000000;}.RWDmenu_plus02 .inside.is-up .cd-main-header {background: rgba(0, 0, 0, 0.7);}.cd-main-header {transition: 0.3s;padding: 0 30px;}.cd-logo {width: 110px;margin-top: 0 !important;}.is-up .cd-logo {width: 75px;}.fa-long-arrow-left:before {color: #fff;}.cd-primary-nav>li>a {width: 100%;text-align: left;}.cd-primary-nav a, .cd-primary-nav ul a {color: #fff;}.cd-primary-nav .go-back a::after, .cd-primary-nav .go-back a::before {background: #fff;}.cd-primary-nav .cd-secondary-nav>li.active>a, .cd-primary-nav .cd-secondary-nav>li>a:hover {background-color: transparent;}nav.cd-nav .bottom-copyright {color: #e2e2e2;letter-spacing: 2px;}/*關於我們*/ 
.text-box {width: 80%;margin: auto;}/*最品總攬*/ 
.RWDproduct002 .col-md-12 {padding: 0;}.popup-portfolio .portfolio-item {padding:0 0 0 30px;}.portfolio-bottom {width: 35px;left: 13px;top: 10%;}.portfolio-bottom-summary h4 {padding: 15px 5px;}.RWDproduct002 .container {width: 95%;}.portfolio-item:after {left: 4%;}/*地圖*/ 
.RWDgmap001 .google-container {height: 280px;}/*INNER*/ 
.collapsing_header .cd-main-header .cd-logo { width: 75px;}.page_wrapper_bg .RWDmenu_plus02 .inside { opacity: 1; transform: none;}.cd-main-header { background: #000;}.article-text .container { padding: 40px 15px;}/*公司介紹*/ 
.abtxt { height: 248px;}.abbox3 .abtxt { top: 30px;}.abtxt h3 { font-size: 20px !important;}.abxt2 {height:290px}
}
/*Pad橫向 end*/
/*pad版 start*/
@media (max-width: 768px) {
/*關於我們*/ 
.text-box {width: 90%;padding: 70px 50px 60px;}.text-box:after {width: 110%;height: 110%;left: -5%;bottom: -5%;}/*作品總攬*/ 
.product-section {padding: 250px 0 0;}.RWDproduct002 .container {width: 80%;}.portfolio-bottom {left: -10px;}.portfolio-item:after {left: -3%;}.portfolio-item {margin-bottom: 50px;}/*頁尾*/ 
.ft-bg-r {padding-left: 30px;margin-left: 30px;}/*INNER*/ 
.btn.btn_back { width: 100%;}.btn.btn_back a { display: block;}.layoutlist_3 .listdate { padding: 0;}.layoutlist_3 .listdate .day {font-size: 12px !important; color: #afafaf !important;    padding-left: 0 !important;}.layoutlist_3 .list_subject { margin-top: 5px !important;}.layoutlist_3 .listdate .yearmonth { padding: 0 !important;}.abtxt h3:after { bottom: 22px;}section.call_to_action h3 { font-size: 30px;}.article-text .container { padding: 0 15px;}section.call_to_action { padding: 35px 0 60px;}/*公司介紹*/ 
.abbox2 .abtxt { display: block;}.abtxt { display: block; height: auto; padding: 30px 0;}.abbox3 .abtxt { top: 0;}.abbox2 .abtxt { padding: 30px;}/*作品總攬*/ 
.page_content1 .btn { height: 60px;}#album > div.page_content1 > div:nth-child(3) { display: none;}/*服務流程*/ 
.servicebox { width: calc(100% / 3 - 20px);}/*聯絡我們*/ 
.ebtn a, .btn.btn_back a { margin: 3% 0 0;}.socialmedia { width: 50%;}.boxname { letter-spacing: .1em; margin: 0 10px;}.form-horizontal .control-label { margin: 0 0 2% !important;}span.options { margin: 0 0 2% !important; display: inline-block;}
}
/*pad版 end*/
/*phone版 start*/
@media (max-width: 480px) {
/*選單*/ 
.cd-main-header {padding: 0 20px;}/*banner*/ 
.RWDbanner_plus01 .slick-caption {top: 30%;}.slick-caption>.container {padding: 0 30px;line-height: 1.5;}/*關於我們*/ 
.text-box {width: 100%;padding: 70px 30px 60px;}.text-box:after {display:none;}.text-box .title {font-size: 22px;}.text-box .text {margin-top: 25px;}.text-box button {margin-top: 35px;}/*精選相簿*/ 
.portfolio-bottom {left: -7px;}.RWDproduct002 {padding: 20px 0 10px;}/*頁尾*/ 
.ft-bg {display: block;}.ft-bg-r {padding-left: 0;margin-left: 0;border: 0;}.ft-l {padding: 0;}/*社群*/ 
.ft-share {padding: 0;margin-top: 10px;}.RWDsocial001 {float: left;}#social_media_wrapper a {padding-left: 0;margin-left: 0;padding-right: 6px;margin-right: 6px;}/*copyright*/ 
.ft_copy , .ft-web {text-align: center;}.copyright_desc , .copyright_desc a , .ft-web {font-size: 13px;letter-spacing: 1px;}/*INNER*/ 
.page_wrapper_bg .cd-main-header { padding: 0 20px !important;}h1.pageTitle { text-align: center;  display: block;}.hgroup .breadcrumb { display: none;}.article-text .container { padding: 0 15px;}.layoutlist_3 .list_subject { margin-top: 20px !important;}.layoutlist_3 .listdate { padding-left: 15px !important;}/*最新消息*/ 
.layoutlist_3 .list_subject .summary a { color: #818181 !important;  font-size: 14px !important;}.btn.btn_back { margin: 0;}/*作品總攬*/ 
.page_content1 .btn { height: 49px;}/*服務流程*/ 
.servicebox { width: 100%; padding: 30px; letter-spacing: .1em;}/*聯絡我們*/ 
.txtinfo ul { display: block; white-space: nowrap; margin-bottom: 30px; padding: 0;}.txtinfo ul li { width: 100%; margin: 5% 0;}.socialmedia { width: 100%; margin-bottom: 30px;}.warning { margin: 0;}.form-horizontal .control-label { margin: 0 0 4% !important;}.customized_columns ._input, .customized_columns select { margin: 0 0 5%;}span.options { margin: 0 0 5% !important;  line-height: 2;}/*footer*/ 
.footerblock .container { padding: 0 15px;}.page_wrapper_bg .RWDsocial001 { margin: 0; padding: 0;  position: relative;}
}
/*phone版 end*/
/*iphone6 start*/
@media (max-width: 380px){
/*INNER*/ 
.txtinfo ul { padding: 0;}.txtinfo ul li { width: 110%; margin: 5% 0; left: -5%; position: relative;}
}
/*iphone6 end*/
/*iphone5 start*/
@media (max-width: 320px){
/*INNER*/ 
.call_to_action>.container {  padding: 0;}.abbox2 .abtxt { padding: 20px;}
}
/*iphone5 end*/