@charset "utf-8";
@import url("page.css"); /*頁碼*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
@import url(https://fonts.googleapis.com/css?family=Francois+One);
/* CSS Document */

body {
    /*font-family: 'Lato', sans-serif;*/ /*自行增減使用 */
    font-family: Arial, '微軟正黑體';
    font-size: 16px;
    line-height:1.5;
    color: #333;
}
a { color:#000; text-decoration: none; }
a:hover {
    color: #2a2974;
    text-decoration: none;
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear; /*連結淡入淡出*/
}
a:focus{text-decoration:none;outline:none!important;}
body, html { height:100%; /*overflow-x:hidden;*/ }
h1, h2, h3, h4, h5, h6, strong, b { font-weight:bold; }
p { margin:0; }

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/* --為避免客戶使用編輯器時會用到ul ol, 此重置值依情況自行啟用！
ol, ul, li { 
    margin: 0;
    padding: 0;
    font: inherit;
    border:0;
    vertical-align: baseline;
}
--*/

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1;}  /*清左右浮動*/

.imgholder img{
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    
    transition:transform 0.5s ease-in-out, opacity 0.5s;
    -moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
    -webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
    transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -webkit-transform:scale(1.05, 1.05);
    -o-transform:scale(1.05, 1.05);
}


/*元件(共用)*/
.input, .textarea, .select {background: rgba(42, 41, 117, 0.3);border: 1px solid #CCC;font-family: 'Lato', '微軟正黑體', sans-serif;font-size:15px;line-height:1.1;color:#555;}
.input:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #25AEE9; }
.red { color: #CC0000; }
.green { color: #28A9B1; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#613C33; }
.main_color{ color:#CC0000;}

.center{ text-align:center;}
.clear{ clear:both;}
/*縮放*/
.action4{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.action4:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}


/* 回頂端 */
#goTop {
  text-align:center;
  position:fixed;
  bottom:20px;
  right:20px;
  line-height:50px;
  cursor:pointer;
  display:none;
}
.go-top {
    position: fixed !important;
    z-index: 990;
    width: 75px;
    height: 75px;
    right: 40px;
    bottom: 40px;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
    -ms-transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
    -moz-transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
    -webkit-transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
}
.go-top.view {
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .25s cubic-bezier(0,.4,.4,1);
    -ms-transition: all .25s cubic-bezier(0,.4,.4,1);
    -moz-transition: all .25s cubic-bezier(0,.4,.4,1);
    -webkit-transition: all .25s cubic-bezier(0,.4,.4,1);
}
.go-top > i {
    display: block;
    background: #2a2974;
    position: absolute;
    width: 51px;
    height: 51px;
    top: 12px;
    left: 12px;
    transition: all .25s cubic-bezier(0,.4,.4,1);
    -ms-transition: all .25s cubic-bezier(0,.4,.4,1);
    -moz-transition: all .25s cubic-bezier(0,.4,.4,1);
    -webkit-transition: all .25s cubic-bezier(0,.4,.4,1);
}
.go-top:hover > i { background: #222;}
.go-top.view > i:before {
    top: -5px;
    left: 0;
    opacity: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
    -ms-transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
    -moz-transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
    -webkit-transition: all .25s cubic-bezier(0,.4,.4,1) .25s;
}
.go-top > i:before {
    content: '';
    display: block;
    position: absolute;
    width: 53px;
    height: 53px;
    border-top: 3px solid #b6b6b6;
    border-left: 3px solid #b6b6b6;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    top: 0;
    left: 0;
    transition: all .25s cubic-bezier(0,.4,.4,1);
    -ms-transition: all .25s cubic-bezier(0,.4,.4,1);
    -moz-transition: all .25s cubic-bezier(0,.4,.4,1);
    -webkit-transition: all .25s cubic-bezier(0,.4,.4,1);
}
.go-top:hover > i:before {
    top: -45px;
    opacity: 1;
}

.go-top > span {
    display: block;
    position: absolute;
    width: 45px;
    height: 39px;
    line-height: 21px;
    font-size: 0.8125rem;
    color: #fff;
    top: 18px;
    left: 15px;
    text-align: center;
}

/*---------------------- 頁面開始 ----------------------*/
.wrapper { padding-top:3em; padding-bottom:3em; }
.wrapper2 { padding-top:1em; padding-bottom:3em; }
.news_area{ margin-top:1em;}
.container { width:auto; max-width:1280px; padding:0 15px; margin:0 auto; }

/*頁首*/
.header {background: rgba(255, 255, 255, 0.95);box-shadow:0 0 10px #666;position:fixed;width:100%;z-index:9999;top:0;left:0;}
.header .logo {float:left;display:block;width: 100%;max;max-width:500px;padding: 5px 0 3px;position:relative;z-index:2;}
.header .logo img { width:100%; }

.right-bar { float:right; text-align:right;  }
/*主選單*/
.header .nav { display:inline-block; vertical-align:top; }
.nav .menu { list-style:none; padding:0; margin:0; }
.nav .menu > li { display:inline-block; vertical-align:top; font-size:0; position:relative; margin: 0 -2.5px; }
.nav .menu > li > a  {display:block;font-size:15px;color: #2a2974;padding: 5px 15px;text-transform:uppercase;/* font-weight: 700; */border-bottom:  solid 4px transparent;}
.nav .menu > li > a:hover, .nav .menu li a.on  {border-color: #ffb100}
.nav .menu > li.mobile-lang { display:none; background:#090; }
.nav .menu > li.mobile-lang a { display:inline-block; margin-right:-4px; width:50%; }
.nav .menu .dropmenu { display:none; list-style:none; padding:0; margin:0; position:absolute; left:0; top:auto; right:0; width:180px; }
.nav .menu .dropmenu li { display:block; text-align:left; }
.nav .menu .dropmenu li a { display:block; font-size:14px; line-height:1; color:#fff;  padding:12px 20px; background:#924898;}
.nav .menu .dropmenu li a:hover { background:#803886; }
.nav .menu li:hover .dropmenu { display:block; }
span#BuyQ {border: 1px solid #00ace6;border-radius: 99%;width: 23px;height: 23px;line-height: 23px;display: block;text-align: center;background:#FFF;position: absolute;left: 12px;top: -4px;font-size: 12px;}

.slicknav_menu {    display:none;}
.slicknav_nav ul a{background: #924898;}
.slicknav_nav ul a:hover, .slicknav_nav ul a:focus{ background: #803886;}
.slicknav_nav ul.dropmenu li a{text-transform: none;}
@media (min-width: 1025px) { 
    .top-nav-collapse{}
    .header.top-nav-collapse .logo{max-width: 350px;}
    .header.top-nav-collapse .submenu{display: none}
    .header.top-nav-collapse .nav .menu > li > a{padding-top: 15px;padding-bottom: 10px;}
}
/*次選單*/
.submenu {list-style:none;margin: 0 0 5px;/* display:inline-block; */vertical-align:top;padding: 0;clear:  both;overflow:  hidden;border-bottom: solid 1px #e8e8f0;}
.submenu li {float: right;padding:8px 0;}
.submenu li a {display:block;padding:0 7px;/* font-weight:bold; */color: #aaa;font-size: 14px;line-height:1;}
.submenu li a:hover {color: #197ec3;}
.submenu li.last a { padding-right:0; border-right:none; }
.submenu li a.active {color: #2a2974;}
.submenu .search-bar { padding:3px 10px 3px 15px; }
.submenu .search-bar form {background: rgba(42, 41, 117, 0.1);clear:  both;overflow:  hidden;border: solid 1px #2a2974;}
.submenu .search-bar input {width:9em;padding:5px 7px;height:25px;border:0;vertical-align:middle;color: #2a2974;background:  transparent;border-left: solid 1px #2a2974;}
.submenu .search-bar input:focus { outline:0; }
.submenu .search-bar .submit {float:  left;display: block;width: 15%;padding: 4px 10px 4px 7px;text-align:  center;color: #2a2974;}
.submenu .Enquiry {position:relative;}
.submenu .Enquiry a{color: #2a2974;}
.submenu li.select-box{margin-left: 8px;padding-top: 4px;}
.submenu li.select-box .form-control{padding-top: 1px;padding-bottom: 1px;line-height: 1.8;height: 25px;}
/*頁尾*/
.footer {
    clear:both;
    overflow:hidden;
    background: #788086;
}
.footer, .footer a {color: rgba(255, 255, 255, .5);}
.footer a:hover, .footer a:focus { color:#fff;   text-decoration:underline; font-weight:bold;}
.footer .bottom-nav { display: none; padding:30px 15px; }
.footer .bottom-nav .clearfix { display:none; }
.footer .bottom-nav .block { font-size:13px; }
.footer .bottom-nav .block h4 { font-size:17px; text-transform:uppercase; margin:10px 0 0 0; color:#fff; }
.footer .bottom-nav .block p { margin:5px 0; }
.footer .bottom-nav .block p.brands_box a{ display:block; padding: 2px 0;}
.footer .bottom-nav .block.last { padding-top:29px; }

.footer .bottom {background: rgba(0, 0, 0, 0.3);color:#FFF;font-size:13px;padding: 25px 0 15px;clear:both;overflow:hidden;}
.footer .bottom p.copyright_txt { font-size:13px; color: rgba(256,256,256,0.7); }
.footer .pull-right { float:right; text-align:right; }
.footer .footer-logo{max-width: 100%;max-height: 70px}
.footer .bottom-nav .block h4.footer_txt{ margin-top:15px;}
.footer_infobox{ display:inline-block; vertical-align:top;}
.linkedin_icon{vertical-align: text-top; padding-top: 2px; width: 18px;}
ul.footer_product{ list-style-type:none; margin:0; padding:0; overflow:hidden;}
ul.footer_product li{ width:50%; float:left; padding:3px 0;}

/*banner*/
.banner { margin-bottom: 40px;}

/*按鈕*/
.btnWrap { margin:2em 0; }
.btnWrap2 { margin:1em 0 2em 0; text-align: center;}
.btn.active, .btn:active{outline:inherit;box-shadow:  inherit;}
.btn .btn_round {border-radius: 25px;width: 40px;height:40px;display: inline-block;text-align: center;padding-top: 5px;}
.btn a:hover{/* padding:0 30px */}
.btn a:hover .btn_round{background:  #ffb101;}
.btn_blue{ background-color: #187fc4;}
.btn_area{ clear: both;margin: 30px auto 15px;}
.btn_style{font: 16px "微軟正黑體";color: #fff;width: 110px;height: 36px;margin: 0 auto 15px;padding: 7px 0 0 0px;border-radius: 25px;text-align:  center;background-color: #187fc4;
    background: #7AB61B;
    background: -moz-linear-gradient(-45deg, #7AB61B 0%, #336F22 100%);
    background: -webkit-linear-gradient(-45deg, #7AB61B 0%,#336F22 100%);
    background: linear-gradient(135deg, #7AB61B 0%,#336F22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7AB61B', endColorstr='#336F22',GradientType=1 );
}
.btn_style:hover{background:#ffb101}
.btn_style2{}
.btn .txtbox{height:40px;padding:0 15px;border:solid 1px #1d67ae;line-height:40px;border-radius:40px;color:  #1d67ae;}
.btn:hover .txtbox{
    color:#fff;
    /*background: #187fc4;
    background: -moz-linear-gradient(-45deg, #187fc4 0%, #2a2974 100%);
    background: -webkit-linear-gradient(-45deg, #187fc4 0%,#2a2974 100%);
    background: linear-gradient(135deg, #187fc4 0%,#2a2974 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187fc4', endColorstr='#2a2974',GradientType=1 );*/
    background: #7AB61B;
    background: -moz-linear-gradient(-45deg, #7AB61B 0%, #336F22 100%);
    background: -webkit-linear-gradient(-45deg, #7AB61B 0%,#336F22 100%);
    background: linear-gradient(135deg, #7AB61B 0%,#336F22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7AB61B', endColorstr='#336F22',GradientType=1 );
}
/*標題*/
.major-title {
    text-align:center;
    margin-bottom: 30px;
    color: #6091b1;
    font-weight:100;
    font-family: 'Francois One', sans-serif;
}
.major-title strong { 
    display:block;
    color:#333;
    font-weight:bold;
    font-size:38px;
    line-height:1;
}
.major-title:after{content:'';display:block;margin:10px auto;width:30px;height: 6px;background:#ffb101;}
.hd-title {
    font-size:32px;
    margin-bottom:20px;
    letter-spacing:1px;
    font-family: 'Francois One', sans-serif;
}

.imgg { display:block; width:100%; margin:0 auto; }

/*-----首頁框架-----------*/
.fullSlide {
    position:relative;
    height:700px;
    margin:0 auto;
}
.fullSlide .bd {
    margin:0 auto;
    position:relative;
    z-index:0;
    overflow:hidden;
}
.fullSlide .bd ul {
    width:100% !important;
    list-style:none;
    padding:0;
    margin:0;
}
.fullSlide .bd li {
    width:100% !important;
    height:700px;
    overflow:hidden;
    text-align:center;
    background-position:center;
    background-size:cover;
    position:relative;
    -o-animation: grow 10s  linear 10ms infinite;
    -webkit-animation: grow 10s  linear 10ms infinite;
    -moz-animation: grow 10s  linear 10ms infinite;
    animation: grow 10s  linear 10ms infinite;
}
@-o-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.05)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.05)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.05)}
}
@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.05)}
}
.fullSlide .bd li a { display:block; position:absolute; left:0; right:0; top:0; height:100%; z-index:2; }
.fullSlide .bd .description {
    position:absolute;
    left: 30%;
    /* right: 30%; */
    bottom:60px;
    text-align: left;
    color:#FFF;
    line-height:1.2;
    letter-spacing: 0.1rem;
    text-transform:  uppercase;
    font-size: 2rem;
    z-index:1;
}

.fullSlide .bd .description h2 {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    font-size:2rem;
    font-weight:400;
    margin:0;
    background: rgba(186, 185, 208, 0.73);
}
.fullSlide .bd .description h2:before,.fullSlide .bd .description h2:after{
    content:'';
    position: absolute; 
    z-index: 1;
    width: 20px;
    height: 50px;
    background: #ffb100;

}
.fullSlide .bd .description h2:before{
    left:-10px;
    -o-animation: lineMoveTop 5s  ease-out 5ms infinite;
    -webkit-animation: lineMoveTop 5s  ease-out 5ms infinite;
    -moz-animation: lineMoveTop 5s  ease-out 5ms infinite;
    animation: lineMoveTop 5s  ease-out 5ms infinite;
    -o-animation-direction:alternate;
    -webkit-animation-direction:alternate;
    -moz-animation-direction:alternate;
    animation-direction:alternate;
}
.fullSlide .bd .description h2:after{
    right:-25px;
    background: rgba(255, 177, 0, 0.9);
    -o-animation: lineMoveDown 8s  ease-out 5ms infinite;
    -webkit-animation: lineMoveDown 8s  ease-out 5ms infinite;
    -moz-animation: lineMoveDown 8s  ease-out 5ms infinite;
    animation: lineMoveDown 8s  ease-out 5ms infinite;
    -o-animation-direction:alternate;
    -webkit-animation-direction:alternate;
    -moz-animation-direction:alternate;
    animation-direction:alternate;
}
.fullSlide .bd:hover .description h2:before{}
@-o-keyframes lineMoveTop{
  0% { top:90%}
  100% { top:-30%}
}
@-webkit-keyframes lineMoveTop{
  0% { top:90%}
  100% { top:-30%}
}
@-moz-keyframes lineMoveTop{
  0% { top:90%}
  100% { top:-30%}
}
@keyframes lineMoveTop{
  0% { top:90%}
  100% { top:-30%}
}
@-o-keyframes lineMoveDown{
  0% { bottom:60%}
  100% { bottom:-30%}
}
@-webkit-keyframes lineMoveDown{
  0% { bottom:90%}
  100% { bottom:-30%}
}
@-moz-keyframes lineMoveDown{
  0% { bottom:90%}
  100% { bottom:-30%}
}
@keyframes lineMoveDown{
  0% { bottom:90%}
  100% { bottom:-30%}
}
.fullSlide .bd .description h3 {
    font-size:26px;
    text-shadow:1px 1px 1px #000;
    margin:0;
}
.fullSlide .hd {
    width:100%;
    position:absolute;
    bottom:20px;
    left:0;
    z-index:2;
}
.fullSlide .hd ul {
    text-align:center;
    list-style:none;
    padding:0;
    margin:0;
}
.fullSlide .hd ul li {
    cursor:pointer;
    float:left;
    *display:inline;
    zoom:1;
    width:33.33%;
    height:3px;
    overflow:hidden;
    background:#FFF;
    filter:alpha(opacity=80);
    opacity:0.8;
    line-height:999px;
    
}
.fullSlide .hd ul .on {
    background:#eac059;
    filter:alpha(opacity=100);
    opacity:1;
}
.fullSlide .prev, .fullSlide .next {
    position:absolute;
    z-index:1;
    top:50%;
    margin-top:-30px;
    left:10%;
    z-index:1;
    width:40px;
    height:40px;
    background:url(../images/all/arrow-prev.png) center #009a53 no-repeat;
    cursor:pointer;
    filter:alpha(opacity=50);
    opacity:0.5;
    border-radius:100%;
    display:none;
}
.fullSlide .next {
    left:auto;
    right:10%;
    background:url(../images/all/arrow-next.png) center #009a53 no-repeat;
}
.fullSlide:hover .prev, .fullSlide:hover .next {
    display:block;
}

.event-pro{padding: 0;margin: 30px 0;}
.event-pro .pic{max-width: 100%}
.event-pro .mj-title{text-align: center}
.event-pro.vertical{}
.vertical .slick-prev, .vertical .slick-next{top:inherit;right: inherit;left:50%;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    -ms-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg);
}
.vertical .slick-prev{bottom: 100%;}
.vertical .slick-next{top: 100%;}

.category{margin-bottom: 30px;}
.event-category{}
.event-category .category-detail{padding:5px;}
.event-category img{max-width: 100%}
.event-category .cate-tit{position: relative;padding: 15px 0 0 0;padding-left:120px;border-bottom: solid 2px #6091b1;color: #6091b1;font-weight: 700;font-size: 2rem;}
.event-category .cate-tit img{position: absolute;left: 0;top: 0;max-width:100px;}
.event-category .cate-tit.idx1{padding-left:90px;}
.event-category .cate-tit.idx1 img{max-width:70px;}
.event-category .item{margin-bottom: 15px;margin-left: 20px;padding: 5px;}
.event-category .item a{display: block;padding: 10px;}
.event-category .item .pro-pic{max-width: 100%}
.event-category .item p{margin-bottom: 0;padding: 5px 10px 3px;border-bottom: dashed 1px #c5c5c5;color: #777;/*text-align:  center;*/font-weight: 700;font-size:18px;}
.event-category .item p.decriiption .txt{
    /*height: 60px;*/
    max-height:60px;    
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.event-category .item .button{display:  block;color: #b78209;color:#639f1d;font-size: 1.4rem;text-align:  left;font-weight: normal;text-decoration: underline;}
.event-category .item .unit,.event-category .item .txt{font-size:1.4rem;text-align:left}
.event-category .item .unit{float:left;margin-right:10px;width:76px}
.event-category .item .txt{display:block;overflow:hidden;font-weight:400}
.event-category .item p .info {display: block;font-weight: normal;/*color:#639f1d;*/font-size:16px;text-align:left !important;height: 70px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*側選單*/
.sidebar-left{width: 220px;float: left;}
.sidebar-left + .main-content{width: calc(100% - 220px);overflow: hidden;padding-left: 15px;}
.sidebar-left > .collapse{display: block;}
.sidebar-left a{padding: 5px 15px;display:  block;color: #6091b1;}
.sidebar-left .nav{margin: 0 0 15px;padding-top: 4px;background: #fff;border-radius: 0;border-color: #e9e9f1;border-top: inherit;background: #6091b1;}
.sidebar-left .nav .panel{margin-bottom: 0;background: #fff;box-shadow:inherit;border: none;border-radius: 0;}
.sidebar-left .category-name{background: #e9f0f5;padding:5px;font-weight:700;color: #6091b1;border-bottom: solid 1px #afafcc;}
.sidebar-left .category-name img{max-width:50px;margin-right:5px;margin-left:0}
.sidebar_menu{list-style:none;margin:0;padding:0}
.sidebar_menu li{font-size:1.4rem}
.sidebar_menu .active a{font-weight:700;color: #fff;background: #a8bfd0;text-shadow: 0 0 5px #000;}
.sidebar-left a.sidebar_link{margin: 0 1px 0;/*text-align: center;*/background: #6091b1;color: #e9e9f1;border: solid 1px #6091b1;border-radius:  13px 13px 0 0;}
.sidebar_link:hover{background:#2a2974;color:#e9e9f1}
.sidebar-left .major-title{margin: 10px 0;font-size: 2rem;}
/*--------內頁開始------------*/
.news .clearfix { display:none; }
.news .container { }
.news .row {margin-left:-30px;  margin-right:-30px;}
.news .wrap {   padding:0 30px 3em; line-height:1.2;}
.news .wrap h2 {font-size:18px;font-weight:700;margin:5px 0 10px 0;min-height:2em;color: #6091b1;}
.news .wrap .date {margin:1em 0 0 0;color: #788086;font-size:12px;}
.news .wrap .date:after{content:'';display:block;width:20px;height:4px;margin:10px 0 12px;background:#ffb100;}
.news .wrap .description {color: #aaa;font-size:13px;padding-top:5px;}
.news .wrap a:hover h2, .news .wrap a:hover .date, .news .wrap a:hover .description { color:#187fc4; }

/*產品大類*/
.category.page{}
.category.page .category-detail{clear: both;overflow: hidden;margin-bottom: 15px;}
.category.page .category-detail .item{}
.category.page .category-detail .item a{display: block;float: left;width: calc(100% / 4);text-align: center;}
.category.page .category-detail .item a:nth-child(4n+1){clear:both;}
.category.page .category-detail .item img{max-width: 100%;max-height: 100px}
.category.page .category-detail .item .c2_name {color: #639f1d;height: 50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

/*產品*/
.page_hight{ height:72px;}
.site{ font-size:14px; color:#595959; text-transform: uppercase; margin-bottom: 10px;}
.site a{ color:#595959;}
.site a:hover{ text-decoration:underline;}
.product .select-box{position: relative;width: calc(100% / 4 - 17px);display: inline-block;}
.product .select-box:after{
    content: '';
    position: absolute;
    z-index: -1;
    right: 5px;
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 6px 0 6px;
    border-color: #2a2974 transparent transparent transparent;
}
.product select{width: 100%;color: #2a2974;border-radius: 3px;height: 32px;padding-left: 5px;line-height: 30px;border: inherit;border: solid 1px #2a2974;border-radius: 0;background: transparent;}
.sidebar select:focus{outline:inherit}

.arrow_style{margin:0 2px;color: #2a2974;vertical-align:top;line-height:36px;}
.pro_area{ overflow:hidden;}
.pro_area .item{width: calc(100% / 4);float:left;padding:5px;}
.pro_area .item:nth-child(4n+1) { clear:both; }
.pro_box{position:relative;background: #fff;}
.img_style{ max-width:100%;}
.new_icon{ position:absolute; left:0; top:0; z-index:4; display:none; }
.pro_name{position:relative;color: #2a2974;padding:10px;z-index: 2;font-weight:bold;line-height:20px;}
.pro_name:before,.pro_name:after{
    content:'';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pro_name:before{
    left:-5px;
    bottom:5px;
    width: 10px;
    height: 13px;
    background: #ffb100;
}
.pro_name:after{
    z-index:-2;
    left:-1px;
    bottom:5px;
    width:45px;
    height:6px;
    background: #639f1d;
    background: -moz-linear-gradient(135deg, #6091b1 0%,#639f1d 100%);
    background: -webkit-linear-gradient(135deg, #6091b1 0%,#639f1d 100%);
    background: linear-gradient(135deg, #6091b1 0%,#639f1d 100%);
}
a:hover .pro_name{color:#fff}
a:hover .pro_name:before{height:26px}
a:hover .pro_name:after{bottom:0;width:calc(100% + 2px);height:100%}
.pro_area .item a .pro_box .img_style{
    position:  relative;
    z-index:  1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pro_area .item a{display:block;padding: 1px;background: #639f1d;background: -moz-linear-gradient(135deg, #6091b1 0%,#639f1d 100%);background: -webkit-linear-gradient(135deg, #6091b1 0%,#639f1d 100%);background: linear-gradient(135deg, #6091b1 0%,#639f1d 100%);}
.pro_area .item a:hover .new_icon, .pro_area .item a:hover .pro_name{ display:block;}
.pro_area .item a:hover .pro_box{}
.pro_area .item a:hover .pro_box .img_style{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); 
}
.page_number{ padding: 2.5em 0 3em 0; text-align: center;}
.number_box{padding:6px;color:#fff;background-color: #788086;text-align: center;line-height: 14px;display: inline-block;margin-right: 3px;vertical-align:inherit;}
.bottom_number a:hover .number_box{background-color: #ffb100;}
.number_box img{ width:59%;}
.number_img img{ width:43%;}
.bottom_number{ clear: both;display:block; text-align:center;}
.numeber{ padding: 0 5px; width: 30px; margin: 0 5px;}
.number_txt{display: inline-block; margin-right:3px; color:#aaa; font-size:12px;}
.sidebar{margin-top: 1.5em;}
.product{ padding-top: 3em; padding-bottom: 1.5em;}

/*產品列表*/
.card-group{margin: 30px -15px 0;}
.card-group .card{float: left;width: 25%;padding: 0 15px 30px; width:calc( 100% / 4);}
.card-group .card:nth-child(4n+1) { clear:both; }
.card .card_figure{border: solid 1px #639f1d;background: #639f1d24;box-shadow: 0 9px 15px rgb(208, 208, 208);}
.card .card_image{max-width: 100%}
.card .card_caption{padding: 10px;}
.card .card_caption .card_title{
    margin-top: 10px;
    font-size: 1.8rem;
    color:  #639f1d;
}
.card .card_caption p{padding: 5px 0;border-top: solid 1px #639f1d;font-size: 1.4rem;color: #639f1d;}
.card:hover .card_figure{box-shadow: 0 15px 30px rgb(208, 208, 208);}
/*產品底層頁*/
.product-img { margin-bottom: 2.5em;}
.detail_newIcon{ position:absolute; top:0; left:0;}
.product-img .img-focus { text-align: center; position:relative;  border:1px #ddd solid; }
.product-img .img-thumb { list-style:none; padding:0; margin:0; overflow:hidden; /*margin-right: -6px;*/margin-right:-1.3%;}
.product-img .img-thumb li { float:left;  width:32%; /*margin-right:6px;*/ margin:1.3% 1.3% 1.3% 0;}
.product-img .img-thumb li img { max-width:100%; border:1px #ddd solid; }
.img-focus #main{ max-height:100%; max-width:100%;}
.youtube_box{ margin:2em 0;}
.youtube_box iframe{height:460px}
.detail_name{font-size:36px;color: #2a2974;line-height:42px;}
.top_info{ margin-bottom:1em; margin-top:1em;}
.detail_infoBox{ border-bottom:1px #ddd solid; padding-bottom:1em;margin-bottom: 1em;}
.detail_itemName{color: #2a2974;margin:1em 0 .5em 0;font-weight:bold;}
.detail_content{ margin-bottom:3em;}
.download{background: #187fc4;background: -moz-linear-gradient(-45deg, #187fc4 0%, #2a2974 100%);background: -webkit-linear-gradient(-45deg, #187fc4 0%,#2a2974 100%);background: linear-gradient(135deg, #187fc4 0%,#2a2974 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187fc4', endColorstr='#2a2974',GradientType=1 );}
.back img{ padding-top:7px;}
.detail_infoBox.btn a{display:inline-block;margin:0 10px;vertical-align:  middle;}
.preview-area{margin-left: -15px;margin-right: -15px;}
.preview-area .preview-block{float: left;width: calc(100% / 2 - 60px);padding: 15px;margin: 0 30px 30px;background: #f5f5f5;}
.preview-area .preview-block:nth-child(2){float:right}
.preview-area .preview-block.pb2 {width: calc(100% - 60px);}
.preview-area .preview-block.pb2 .item{padding:0 30px}
.preview-block .event-pro2{padding-bottom: 0;}
.preview-block .event-pro2 .mj-title{font-size: 1.4rem}
.preview-block .event-pro2 .item{padding: 0 2px;margin: 0 30px;}
.preview-block .major-title{margin-bottom: 15px;}

.p_item { clear:both;}
.derail_part{position: relative;;min-height: 240px;margin: 0 5px 10px;padding: 15px;background: #eee;}
.derail_part .pic{
    max-height: 100%;
    width: 90px;
    max-width: 100%;
}
.derail_part .part_box{padding-right: 50%;}
.derail_part .part_box .part_item{clear: both;margin-bottom: 5px;}
.part_box .part_item span{display:  block;}
.part_box .part_item .part_name{float:  left;font-weight: 700;width: 120px;}
.part_box .part_item .part_txt{overflow:  hidden;padding-left: 10px;/*word-break: break-all;*/}
.part_box .part_item .part_txt.pn2{ color: #639f1d;}
.part_box .summary .part_item { clear:both;}
.derail_part{float: left;width: calc(100% / 2 - 8px);}
.derail_part:nth-child(2n){margin-right:0;} 
.derail_part:nth-child(2n+1) { clear:both; }
.derail_part .part_box{padding-right: 0;}
.derail_part .pic_area{float: left;padding: 0 15px 0 0;}
.derail_part .summary{display: block;overflow: hidden;}
.derail_part .each{display: inline-block;vertical-align: middle;}
.derail_part .btn{padding: 5px;}
/*燈箱*/
.modal.in .modal-dialog {
    -webkit-transform: translate(0,80px);
    -ms-transform: translate(0,80px);
    -o-transform: translate(0,80px);
    transform: translate(0,80px);
}
/*產品底層詢價*/
.pricing-block{margin-top: 10px;}
.pricing-block .list-area .list:nth-child(odd){background: #fff}
.pricing-block .list{clear:both;overflow:hidden;border-top:solid 1px #ddd;border-left:solid 1px #ddd;background: #e9e9f1}
.pricing-block .list > div{float: left;width: 200px;text-align: right;height: 32px;padding: 5px 10px;border-right:solid 1px #ddd;}
.pricing-block .list > div:nth-child(1){width: calc(100% - 200px);text-align:  center;}

.pricing-block .list.customize > div{height:50px}

.pricing-block .list label{display: block;cursor: pointer;margin: 0;}
.pricing-block .list label input{height: 30px;padding:0 10px;font-weight:400;}
.pricing-block .btn_style{width: auto;cursor: pointer;}
.pricing-block .list.main-name{font-size: 1.4rem;}
.pricing-block .list.main-name > div{background: #2a2974;color:#fff}
.pricing-block .remarks-description{padding: 5px 0;font-size: 1.4rem;text-align:  center;color: #ffffff;background: #2a2974;}
.pricing-block textarea{width: 100%;padding: 10px;}
.modal-body .part_box .summary{margin-bottom: 10px;padding: 0 0 10px;border-bottom: 1px solid #e5e5e5;}
/*關於*/
.nav_area{ margin:3em 0 0 0;}
.about_bg{ background:url(../images/p1/p1_bg.jpg) no-repeat #19954d; padding:5em 0;} 
.about_bg2{ background:url(../images/p1/p1_bg2.jpg) no-repeat #dfdfdf; padding:3.6em 0;} 
.about_bg3{ background:url(../images/p1/p1_bg3.jpg) no-repeat left center ; padding:5em 0;}
h2.title_italic{ font-style:italic; color:#fff; font-size:40px; font-weight:bold; margin:0px;}
h2.title_italic2{ font-style:italic; color:#555; font-size:40px; font-weight:bold; margin:0px;}
.quality_infoArea{ color:rgba(256,256,256,0.7);}
.quality_info{margin-bottom: 1.5em; margin-top: .3em;}
.about_box{ width:85%;}
.about_bg .imgg { position:relative; display: table-cell; }
.about_img{ max-height:250px;}
.about_bg .imgg span { display:block; background:url(../images/all/play.png) center no-repeat; position:absolute; left:0; right:0; top:0; bottom:0; z-index:9; opacity:.6; }
.about_table{ /*display:table;*/ width:100%; overflow:hidden;}
.about_cell{ display:table-cell; vertical-align:middle;}
.about_cell2{/* display:table-cell;*/ vertical-align:bottom; float:left;}
.about_table ul{ color:#777;}
.about_table ul li{ margin-bottom:5px;}
.about_coreImg{width: 41.66666667%; text-align:center;}
.about_core{ width: 58.33333333%;}

/*搜尋*/
.sh_msg { margin-bottom: 10px;color:#2a2974;font-weight: bold;font-size:30px;}
.sh_pr_box{ clear: both;overflow: hidden;margin-bottom:20px;}

/*證書*/
.about_certificate{width:25%;}
.certificate_img img{ width:100%;}
.certificate_box{ margin: 2em 0 0px 0; text-align: center; width: 65%;}
.certificate_txt{ color:#595959; }
.inverted img{ width:100%;}
.about_certificate:hover .certificate_box{transform: scale(1.04);}
.certificate_img{ width:100%;}

/*里程埤*/
.milestone{ margin-bottom:3em;}
.yearList li .float{ padding:0px!important; }
.yearList li .float.right{ left: 6.5%!important; padding: 0 10px 0 0!important;}

.yearList li .float{ top:-20px;}
.yearList li .right ul li{text-align: right;}
.year_txt{ font-size:30px; font-style:italic; font-weight:bold; margin-top:15px;}
.milestone_txt{ margin-bottom:15px; font-size:15px;}
.yearList li:hover .float{ background:#fdd000; top: 30px;}
.yearList li:hover .float .year_txt{margin: 15px 0px 0 0px; color:#924898;}
.yearList li:hover .float .milestone_txt{margin: 0 0px 15px 0px;}
.yearList li:hover .float{ background:#fdd000; top: 0px;}
.yearList li:hover .float .year_txt{margin: 15px 0px 0 0px; color:#924898;}
.yearList li:hover .float .milestone_txt{margin: 0 0px 15px 0px;}
.yearList li .line04_img, .yearList li .line03_img, .yearList li .line07_img, .yearList li .line08_img{ min-height: 69px;}

.yearList li .float.left { right: 6.5%;!important; padding: 0 0px 0 10px!important;}
.yearList li.year .float ul{ padding-left:0px;}

.line01_img{background:url(../images/p1/3/line01.png) no-repeat!important; width:115px!important; height:90px!important;}
.line02_img{background:url(../images/p1/3/line02.png) no-repeat!important; width:115px!important; height:90px!important;}
.line03_img{background:url(../images/p1/3/line03.png) no-repeat!important; width:115px!important; height:69px!important;}
.line04_img{background:url(../images/p1/3/line04.png) no-repeat!important; width:115px!important; height:69px!important;}
.line05_img{background:url(../images/p1/3/line05.png) no-repeat!important; width:115px!important; height:90px!important;}
.line06_img{background:url(../images/p1/3/line06.png) no-repeat!important; width:115px!important; height:90px!important;}
.line07_img{background:url(../images/p1/3/line07.png) no-repeat!important; width:115px!important; height:69px!important;}
.line08_img{background:url(../images/p1/3/line08.png) no-repeat!important; width:115px!important; height:69px!important;}

.cyan-blue{ color:#009EA7;}

.bg_white{ padding:10px; background-color:rgba(256,256,256,0.7);}
.yearList{ padding:0;}
/*最新消息*/
.news_area .clearfix { display:none; }
.news_area .container { overflow:hidden; }
.news_area .wrap {  padding: 2em 30px 0em;  line-height:1.2;}
.news_select{ width:100%;}
.news_select select{ min-width:30%;}
/*最新消息-底層*/
.other_news, .related{ border-top:1px #ddd solid; padding-top: 2em;}
h2.title_italic3{ color:#848484; font-size:24px; font-weight:bold; margin:0; padding:0 0 0 10px;}
.other_area{ /*background:url(../images/p2/p2_bg.png) no-repeat;*/ margin-bottom:3em;}
.other_area .row{ margin-left: -20px; margin-right: -20px; margin-top:2em;}
.other_area .clearfix { display:none; }
.other_area .container { overflow:hidden; }
.other_area .wrap { padding:0 30px 3em; line-height:1.2;}
.other_area .wrap .description{ font-size:14px; font-weight:bold; color: #595959;}
.news_detailArea .date{ color:#009A53; font-size:18px; width:100%;}
.news_detailIcon{ text-align:right; margin-top: 1.5em;}
.news_detailIcon a{ margin-left:5px;}
.news_detailArea .youtube_box{ width:100%;}
.edit_device{ margin: 20px 0 0 0; font-family:"微軟正黑體"; font-size:15px;}
.model_box{ overflow:hidden; margin-top: 20px; padding-bottom: 10px; font-family:"微軟正黑體"; font-size:15px;}
.model_box .mb2 {width: 100%;}
.model_box .mb3 {width: 100%;}
.model_t{ float:left; width:48%;}
.model_r{ float:right; width:48%;}
.model_t img, .model_r img{ width:100%;}
.model_style{ margin:0 20px 0 0;}
.line{ border-bottom:1px #ccc dashed; margin: 50px 0;}
.flr{ float:right;}
.news_detailBox{ margin-top:1em; margin-bottom:3em;}

/*下載*/
.download_itemArea{ overflow:hidden;}
.item_style{ color:#fff; padding: 0 40px 0 10px; float: left; line-height: 35px; margin-right:.5em;}
.item_style a{ color:#fff; display:block;}
.item_style a:hover{ text-decoration:underline;}
.item_bg1{ background:url(../images/p4/item.jpg) no-repeat 0px 1px; height:37px; opacity: .5; }
.item_bg2{ background:url(../images/p4/item.jpg) no-repeat 0px -44px; height:37px; opacity: .5; }
.item_bg3{ background:url(../images/p4/item.jpg) no-repeat 0px -89px; height:37px; opacity: .5; }
.item_bg4{ background:url(../images/p4/item.jpg) no-repeat 0px -133px; height:37px; opacity: .5; }
.item_bg5{ background:url(../images/p4/item.jpg) no-repeat 0px -178px; height:37px; opacity: .5; }
.item_on{opacity:1;}

.download_area{ overflow:hidden;}
.other_area .download_area{padding: 0 0 0 10px;}
.download_box{ float:left; width:20%; margin-top: 2em; padding:0 40px 0 0; margin-bottom:1em;}
.download_box .imgg{ display:block; width:100%; margin:0 auto; border:2px #EFEFEF solid; position:relative; }
/*.resources_info{width: 50%; background-color: rgba(256,256,256,0.8); padding: 2em 0;}*/
.fa_icon{ width:100%; height:100%; background-color: rgba(0,0,0,0.6);; position:absolute; top:0; left:0; text-align: center; line-height: 280px; display:none;}
.download_box:hover .fa_icon{ display:block; border-bottom: 5px #187fc4 solid;}
..download_box .imgg img{ max-width: 100%; opacity: .85;}
.download_box:hover .imgg{opacity: 1;}
.download_box:hover .description, .download_box:hover .size{ color:#187fc4;}
.download_box .description{ color:#595959;  font-size:14px; font-weight:bold;}
.download_box .size{color:#009A53; font-size:12px; margin:1em 0 0 0;}
.clear768{ display:none;}
.clear996{ display:none;}

.download_list{ margin:1em 0 0em 0;}
.related .wrap a:hover .imgg .fa_icon{ display:block;}
.download_list .wrap a:hover .imgg .fa_icon{ display:block;}
.download_list .clearfix { display:none; }
.download_list .container { overflow:hidden; }
.download_list .row {margin-left:-30px; margin-right:-30px;}
.download_list .wrap {  padding:0 30px 3em; line-height:1.2;}
.download_list .wrap .description { font-size:13px; padding-top:5px; }
.download_list .wrap .imgg { position:relative; }
.download_list .wrap .imgg img { border:1px solid #ccc; max-width:100%; }
.download_list .wrap a:hover .imgg img {    box-shadow:0 0 5px #bbb; border: 5px #0d969e solid;}

/*聯絡我們*/
.contact_bg{ background:url(../images/p5/bg.jpg) no-repeat; padding:0 0 3em 0;}
h2.title_italic4{ color:#595959; font-size:40px; font-weight:bold; margin-bottom:10px; display:inline-block;}
.p_l{ padding-left:15px;}

.contact_proName{font-size: 20px; display: inline-block; vertical-align: super; border-bottom: 2px #aaa solid; margin-left: 15px; margin-bottom: 10px;} 
.h2.title_italic42{padding-left: 15px; display: inline-block;}
.text{ padding:0 0 0 5px; margin-bottom:1em;}
.no_bottom { margin-bottom:0px;}
.name{font-size:14px;font-weight:bold;color: #639f1d;}
.appellation{ width:20%; line-height:36px; display:inline-block;}
.input_name{width:78%; display:inline-block;}
.contact_form select, .contact_form input{ height: 30px; background-color: #f1f1f1; border: 1px solid #f1f1f1; font-size: 14px;}
.business_s, .input_company, .input1, .country_s{ width:100%;}
.bottom5{ margin-bottom:1em;}
.code_input{  width:49%;}
.code_box .text, .code_box .text .code_img{ display:inline-block;}
.indented{ padding:0 0 0 5px; float:14px; font-weight:100;}
input{ line-height: initial;}
.info_txt{ background-color:rgba(256,256,256,.5); padding: 0 20px;}
.contact_imgbg{ display:none; width:100%;}
.inquire_box{width: 565px; float:right; margin-right:2em; margin-top:1em;}
.contact_img2{display:none; width:100%; }
.join_box .appellation{ vertical-align: top;}
.contact_form textarea{ resize: vertical; margin-bottom: .6em; background-color: #f1f1f1; border: 1px solid #f1f1f1;}
.btnWrap2 a:hover .btn_style {
    background-color: #924898;
    color: #fff;
}
.contact_txt{ padding-left:12px;}

@media (max-width: 1270px) { 
    .news, .in-grid { max-width:1000px; margin:0 auto; }
    .inquire_box{width: 100%; margin-right:0em;}
    /*-----首頁框架-----------*/
    .event-pro,
    .event-category{}
    /*標題*/
    .major-title {margin-bottom: 1em;}
    /*產品大類*/
    .category.page .event-category {width: 100%;}
}

@media (max-width: 1200px) { 
    .product .select-box{}
    .news, .in-grid { max-width:900px; }
    /*.d_bg{ background:url(../images/p4/bg2.jpg) no-repeat left top;}*/
    .about_box{width:100%;}
    .yearList li .float.left{ right: 4%!important;}
    .yearList li .float.right{ left: 4%!important;}
    .yearList li .float{ width: 40%!important;}
    /*產品大類*/
    .category.page .category-detail .item a{width: calc(100% / 3)}
    .category.page .category-detail .item a:nth-child(4n+1){clear:none;}
    .category.page .category-detail .item a:nth-child(3n+1){clear:both;}
    /*產品*/
    .product .select-box{width: calc(100% / 2 - 17px)}
    .arrow_style.mb{display: none}

    /*產品小類*/
    .pro_area .item{width: calc(100% / 3);}
    .pro_area .item:nth-child(4n+1) { clear:none; }
    .pro_area .item:nth-child(3n+1) { clear:both; }

    /*產品列表*/
    /*.card-group .card{width: 33.33%;}*/
    .card-group .card {width:calc( 100% / 3);}
    .card-group .card:nth-child(4n+1) { clear:none; }
    .card-group .card:nth-child(3n+1) { clear:both; }
}
@media (max-width: 1106px) { 
    .input_name{ width:75%; float:right;}
    .appellation{ width:inherit;}
}

@media (max-width: 1024px) { 
    .right-bar { margin-right:60px; z-index:9; position:relative;}
    .fullSlide, .fullSlide .bd li { height:400px;}
    .fullSlide .bd .description { padding:0 15%; }
    .fullSlide .bd .description h2 {    font-size:30px;}
    .fullSlide .bd .description h3 {    font-size:18px;  }
    /*.download_one { padding:2em 0 3em 0;}*/
    .contact_bg{ background:url(../images/p5/bg.jpg) no-repeat -200px top; }
    .yearList li .float.left{ right: 3%!important;}
    .yearList li .float.right{ left: 3%!important;}

    .carousel { height: 400px;}
    /*產品底層頁*/
    .product_detail .col-sm-5,
    .product_detail .col-sm-7{width: 100%;}
    .preview-area .preview-block{width: calc(100% - 60px)}

    .derail_part{width: 100%;margin: 0 0 15px;float: inherit;}
    .derail_part .part_box{padding-right:0}
    .part_box .part_item .part_name{float:inherit}

    /*主選單*/
    .header .logo {max-width: 400px;}
    .header .nav {  display:none;}
    .slicknav_menu {display:block;}
    .submenu li {display:none;}
    .submenu .search-bar, .submenu li.select-box{display:block;width: 90px;margin-left:  0;padding: 5px;}
    .right-bar { margin:0; float:inherit; clear:both; width:auto; text-align:left; }
    .submenu {display:block;width:auto;padding:0;border-bottom:  inherit;}
    .submenu .search-bar {width: calc(100% - 90px);}
    .submenu .search-bar input {width:85%;float:  left;border-left: inherit;border-right: solid 1px #2a2974;} 
    .slicknav_nav{margin: 100px 0 0 0;}
    .slicknav_btn { margin:0; }
    .slicknav_menu .slicknav_open .slicknav_icon-bar,
    .slicknav_menu a:focus .slicknav_icon-bar{background-color: #ffb900;}
}
@media (max-width: 996px) { 
    .news .row, .news_area .row, .other_area .row, .download_list .row  { margin-left:-15px; margin-right:-15px; }
    .news .wrap, .news_area .wrap, .other_area .wrap, .download_list .wrap { padding-left:15px; padding-right:15px; width: 50%; }
    .footer_icon{ text-align:left;}
    /*下載*/
    .download_list, .other_area{max-width: 900px;}
    .download_box{ width:33%}
    .download_area .clear, other_area .clear{ display:none;}
    .download_area .clear996, other_area .clear996{ clear:both; display:block;}
    /*.download_box{padding: 0 60px 0 0;}*/
    .contact_form .contact_area, .contact_form .map_box{ width:100%; float:inherit;}
    .map_box{ height:350px;}
    .appellation { width: 20%;}
    .input_name{ width:78%;}
    .news .wrap .date, .news .wrap h2, .news .wrap .description{ max-width:250px;}
    /*產品大類*/
    .category.page .category-detail .item a{width: calc(100% / 2)}
    .category.page .category-detail .item a:nth-child(3n+1){clear:none;}
    .category.page .category-detail .item a:nth-child(2n+1){clear:both;}

    /*產品小類*/
    .pro_area .item{width: calc(100% / 2);}
    .pro_area .item:nth-child(3n+1) { clear:none; }
    .pro_area .item:nth-child(2n+1) { clear:both; }

    /*產品列表*/
    /*.card-group .card{width: 50%;}*/
    .card-group .card{width: calc(100% / 2)}
    .card-group .card:nth-child(3n+1) { clear:none; }
    .card-group .card:nth-child(2n+1) { clear:both; }

}

@media (max-width: 991px) { 
    /*.download_one{ width:80%; margin:0 auto; padding: 0em 0 3em 0;}*/
    .yearList li .float { width: 45%!important;}
    .yearList li .float.left{ right: 2%!important;}
    .yearList li .float.right{ left: 2%!important;}

}

@media (max-width: 768px) { 
    .footer .bottom-nav { padding:30px 15px; }
    .footer .bottom-nav .clearfix { display:block; margin-bottom:1em; }
    ul.footer_product li:nth-child(even){padding: 3px 0 3px 15px;}

    .fullSlide, .fullSlide .bd li { height:350px;}
    .fullSlide .bd .description h2 {    font-size:24px;}
    .fullSlide .bd .description h3 {    font-size:16px;}

    .in-grid .row { display:block; margin:0 -1px; }
    .in-grid .wrap { display:block; padding:0; border:1px solid #fff; width: 100%; }

    .news, .in-grid, .news_area { max-width:600px;  margin:1em auto 0 auto; }
    .download_list { max-width:620px;  margin:1em auto 0em auto; }
    .download_box{ width:50%}
    .download_area .clear996, other_area .clear996{ display:none;}
    .download_area .clear768, other_area .clear768{ display:block; clear:both;}
    .item_style{ margin-bottom:1.5em;}
    .other_area{ max-width:620px; margin-left:auto; margin-right:auto;}

    .other_area .row{ margin:inherit; margin-top: 2em;}
    .other_news { max-width:600px;  margin:0 auto; }
    .news .clearfix, .news_area .clearfix, .other_news .clearfix, .download_list .clearfix { display:block; }
    .related{  max-width:600px;  margin:0 auto;}
    .related .clearfix { display:block; }
    .footer .col-sm-3{ width:50%;}

    /*側選單*/
    .sidebar-left{width: 100%;float: inherit;}
    .sidebar-left + .main-content{width: 100%;padding: 0;}
    .sidebar-left .navbar-toggle{float:inherit;width:100%;margin: 0;border-bottom:solid 1px #333;border-radius:0;text-align:right;}
    .sidebar-left .collapse{display: none}
    .sidebar-left .collapse.in{display: block}
    .sidebar-left .nav{margin-top: 0;padding: 0;}   
    .sidebar-left .collapse.in .nav{}   
    .sidebar-left .hot-box{display: none}
    .sidebar-left a.sidebar_link{margin-top: 0;border-radius: 0}

    /*產品*/
    .product{padding-bottom: 0;}
    .pro_area .item{}

    .catalog_imgBox{    margin-right: 5%;}
    .about_box{ margin-top:1.5em;}
    /*里程埤*/
    .line01_img, .line02_img, .line03_img, .line04_img, .line05_img, .line06_img, .line07_img, .line08_img{ background:url(../images/p1/3/arrow.png) no-repeat!important; margin-bottom: 3em!important;}
    .yearList li .vline{margin: 5px 0;}
    .yearList li .float.right{padding: 5px 0px 0 5px!important; left: -1%!important;}
    .yearList{padding-left: 0;}
    .yearList li .float{margin-left: 2em; width: 100%!important;}
    .yearList li .right ul li{ text-align:left;}
    .yearList li .float.left{left: -1%!important;}
    .milestone{ margin:0;}
    
    .wrapper2 .row .col-sm-3 img{ margin-bottom:1.5em;}

    .carousel { height: 300px;}

    .contact_bg{ background:none;}
    .contact_imgbg{ display:block; margin-top:1em;}
}
@media (max-width: 680px) { 
    .product .select-box{ min-width:inherit; width:100%; margin-bottom:10px;}
    .arrow_style{ display:none;}
    .yearList li .float.right{left: .5%!important;}
    .yearList li .float.left{left: .5%!important;}

}

@media (max-width: 640px) { 

    .catalog_imgBox{ float: inherit; margin: 0 auto 2em auto; text-align: center; }
    .resources_info{ width:100%;}
    /*產品底層頁*/
    .youtube_box iframe{height:350px}
    .about_coreImg, .about_core{ width:100%; display: block;}
    /*證照*/
    .about_certificate{ width: 50%; text-align:center;}
    .about_cell2{ display: inline-block;}
    
    .certificate_box{ width: 75%; margin-left:auto; margin-right:auto;}

    .appellation{ width:inherit;}
    .input_name{ width:76%;}

    .carousel { height: 250px;}

}
@media (max-width: 610px) { 
    .inquire_box, .join_box{ width:100%;}
    .page_form .name, .page_form .text{ float:inherit; width:100%;}
    .contact_form{ background:none;}
    .contact_img2{ display:block;}

    /*產品大類*/
    .category.page .category-detail .item a{width: 100%}

    /*產品小類*/
    .pro_area .item{ width:100%; float:inherit;}

    /*產品列表*/
    .card-group .card{width: 100%;}
}
@media (max-width: 530px) { 

    .yearList li .float.right, .yearList li .float.left{left: -4%!important;}
    .yearList li .float{width: 90%!important;}
    .input_name{ width:73%;}
    .join_box .text input .input_name{width:70%;}
}
@media (max-width: 480px) { 
    /*主選單*/
    .header .logo { width: calc(100% - 50px)}
    .slicknav_nav{margin: 90px 0 0 0;}

    .br_480{ display:block;}

    /*.fullSlide, .fullSlide .bd li {   height:250px;}*/
    .fullSlide .bd .description { padding:0; }
    .fullSlide .bd .description h2 {    font-size:18px;}
    .fullSlide .bd .description h3 {    font-size:12px;}

    .news .wrap, .news_area .wrap, .other_news .wrap, .download_list .wrap { width:auto; float:inherit;     clear: both; }
    .download_list .wrap{ text-align:center;}
    .download_list .wrap .imgg,  {display: table-cell;}
    .download_box{padding: 0 20px 0 0;}
    .related .wrap { width:auto; float:inherit; clear: both; text-align: center; }
    .related .wrap .imgg { display: table-cell; }
    .related .description{ text-align:center;}
    .contact_area .col-xs-6{ width:100%; float:inherit;}
    .join_box .col-xs-6{ width:100%; float:inherit;}
    .appellation{ width:20%;}
    .input_name{ width:76%;}

    /*產品*/
    .line01_img, .line02_img, .line03_img, .line04_img, .line05_img, .line06_img, .line07_img, .line08_img{ background:none!important; margin-bottom: 3em!important; display:none;}
    .yearList li .float.right, .yearList li .float.left {   left: -1%!important; width: 100%!important; margin: 0 0 1.5em 0!important; padding: 5px!important;}

    .yearList li .float ul li{ text-align:left!important;}
    .news_select select{min-width: 50%;}
    .news .wrap .date, .news .wrap h2, .news .wrap .description{  margin:0 auto;}

    .carousel { height: 200px;}

    /*產品底層*/
    .derail_part .pic_area{float: inherit;width:100%;margin-bottom:10px}
    
    /*產品底層詢價*/
    .pricing-block{}
    .pricing-block .list{border-bottom: solid 2px #afafcc;}
    .pricing-block .list > div{}

    .pricing-block .list > div:nth-child(1),
    .pricing-block .list > div:nth-child(2),
    .pricing-block .list > div:nth-child(3),
    .pricing-block .list.customize > div:nth-child(1),
    .pricing-block .list.customize > div:nth-child(2){text-align:  left;width: 100%;height:  auto;float: inherit;padding-right: 10px;}
    .pricing-block .list > div{position: relative;padding-left: 100px;padding-top: 0;}
    .pricing-block .list > div:before{content: '';position: absolute;color: #999;left: 5px;top: 5px;}
    .pricing-block .list > div:nth-child(1):before{
        content: 'Quantity：';}
    .pricing-block .list > div:nth-child(2):before{content: 'Unit price：';}
    .pricing-block .list.customize > div{padding-left:10px}
    .pricing-block .list label input{margin-top:5px}
    
    .pricing-block .list.customize > div:nth-child(2){width: 100%;text-align:center;}
    .pricing-block .list.customize > div:nth-child(2) a{color: #ffb101;}
    .pricing-block .list.customize > div:before{display:none;}

    .pricing-block .list.main-name{display: none}
}
@media (max-width: 400px) {
    .code_w{ width:35%;}
    ul.footer_product li{ width:100%; float:inherit;}
    ul.footer_product li:nth-child(even){padding: 3px 0 3px 0px;}
    .about_bg3{padding: 3em 0;}

}
@media (max-width: 360px) {
    .about_img img{ width:100%;}
    /*證照*/
    .about_certificate{ width: 100%;}
    .br_360{ display:block;     line-height: 35px;}
    .link_box{ text-align:center;}

    .download_box{ width:100%; float:inherit;}
    .download_area .clear768, .other_area .clear768{ display:none;}
    .download_list { max-width:300px;  margin:1em auto 0em auto; }
    .other_area{ max-width:300px;}
    .code_input{ width:40%;}

    .carousel { height: 150px;}
}
@media (max-width: 340px) {
    .appellation{width:19%;}
    .number_txt{ font-size:14px;}
}
@media (max-width: 320px) {
}