/*body 共用*/
html{scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-arrow-color:#999; scrollbar-base-color:#ddd;scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#999; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; }
body,p,form {margin: 0px;padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height: 28px;color: #555; background-color:#fff;}
a {color: #000;text-decoration: none;}
a:hover{color: #ccc;}
h1{}
hr{}

/*選單卷軸*/
#template-wrap{
	max-width: 767px;
	position: relative;
	margin: 0 auto;
}

.nav-wrap{
	position: fixed;
	left: 0;
	right: 0;
	height: 60px;
	width: 100%;
	background: #4B5563;
}

#onepage-nav{
	padding: 0;
	width: 767px;
	margin: 0 auto;
	text-align: center;
}



#onepage-nav li{
	display: inline-block;
	width: 100px;
	line-height: 74px;
	margin: 7px 0;
}

#home{
	padding-top: 70px
}

.section{
	min-height: 600px;
	margin:20px 0;
}

#onepage-nav li a {
	color: #fff;
	text-decoration: none;
}

#onepage-nav li a.scroll.active{
	font-weight: 600;
	text-decoration: underline;
	color:#000;
}

/*清除浮動*/
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*png 圖片透明(共用)*/
.img {behavior: url("iepngfix.htc"); }

/*元件(共用)*/
.input1{color: #000;background-color: #FFF;border: 1px solid #ccc; padding:2px;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.icon2{ background:url(../images/icon/icon02.png) no-repeat left 6px; padding-left:20px;}

/*wrapper 主要框架(共用)*/
div#wrapper{width: 1000px;margin: auto;}
#wrapper_bg_r{ background:url(../images/index/bg_top_r.jpg) repeat-x left top;}
#wrapper_bg_no{ background:url(../images/index/bg_top.jpg) no-repeat center top;}
#wrapper_c_page{ background:url(../images/page/bg_y.jpg) repeat-y center top;}
#wrapper_top_page_r{ background:url(../images/page/bg_top_x.jpg) repeat-x center top;}
#wrapper_top_page{ background:url(../images/page/bg_top.jpg) no-repeat center top;}
#wrapper_bottom_page{ background:url(../images/page/bg_bottom.jpg) no-repeat center bottom;}
div.container{ font-size:17px; padding:0 40px; overflow: hidden; line-height:30px; }
.page_box{ padding-top:50px; width:90%; margin:auto;}

/*共用*/
div.main{overflow: hidden; border-bottom:1px #CCCCCC dashed; padding-bottom:20px; margin-bottom:20px;}
div.page{ margin-right:35px; margin-left:20px; padding-bottom:50px;}
.page_icon{ background:url(../images/all/icon.jpg) no-repeat left top; padding-left:32px; margin:3px 0 5px 0;}
.page_slogan{ color:#234983; font-weight:bold; font-size:15pt; margin-bottom:20px;}
div.menu{ width:1000px; margin:auto; overflow: hidden;}

.menu_page .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #f2ba24;
	border-color: transparent;
    background-color: #222;
}

.menu_page .navbar-brand:hover,
.menu_page .navbar-brand:focus,
.menu_page .navbar-brand:active,
.menu_page .navbar-brand.active {
    color: #fec503;
}

.menu_page .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.menu_page .navbar-toggle {
    border-color: #f2ba24;
    background-color: #f2ba24;
	color:#000;
}


.menu_page .navbar-toggle:hover,
.menu_page .navbar-toggle:focus {
    background-color: #f2ba24;
	color:#000;
}/*定位menu顏色改變*/

.menu_page a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.menu_page .nav li a:hover,
.menu_page .nav li a:focus {
    outline: 0;
    color: #f2ba24;
	background:#000;
	border-radius: 5px;
}

.menu_page .navbar-nav>.active>a {
    border-radius: 0;
    color: #000;
    background-color: #f2ba24;
}

.menu_page .navbar-nav>.active>a:hover,
.menu_page .navbar-nav>.active>a:focus {
    color: #000;
    background-color: #fec503;
}




.menu_on{ background:#f2ba24; color:#000;border-radius: 5px;}
.menu_on a{ color:#000;}
.menu_on:hover,.menu_on:focus{ background:#FC0; color:#000;}
.lag01,.lag02{ font-size:10px; line-height:15px; color:#fff; float:right; padding:5px; margin-top:12px;}
.lag01{ background:#535353; margin-left:5px; }
.lag02{ background:#707070; margin-left:15px;}

div.header{}
div.page_title{ color:#234983; font-size:12pt; font-weight:bold; padding:10px; margin-bottom:30px; border-bottom:#becde1 1px solid;}


.indexabout_text{ width:55%; float:left;}
.indexabout_pic{ width:40%; float:right;}
.index_title{ background:url(../images/title/title_bg.jpg) repeat-x top; padding-bottom:35px;}
.index_title2{ background:url(../images/title/title_bg2.jpg) repeat-x top; padding-bottom:35px;}
.index_title3{ background:url(../images/title/title_bg.jpg) repeat-x top; padding-bottom:35px;}
.title_red {color: #f83534; font-size:18px;}

.green_img{ padding:20px 35px 0 5px ;}
.title{ background:url(../images/title/icon.jpg) no-repeat left top; font-size:28px; color:#da2828; padding:5px 0 35px 35px;}
.title_bg{ background:url(../images/title/title_bg4.png) repeat-x left bottom;}

/*路徑(目前所在位置)(共用)*/
div.nav{ background-color:#000; width:100%; padding:0 20px; line-height:41px; color:#c9c9c9; text-align: right;}

/*banner*/
.p1_bg,.p2bg,.p3_bg,.p4_bg,.p5_bg,.p6_bg{ padding-right:40px; padding-top:444px;}
.p1_bg{ background:url(../images/banner/p1.jpg) no-repeat center top #000;}
.p3_bg{ background:url(../images/banner/p3.jpg) no-repeat center top #000;}
.p4_bg{ background:url(../images/banner/p4.jpg) no-repeat center top #000;}
.p5_bg{ background:url(../images/banner/p5.jpg) no-repeat center top #000;}
.p6_bg{ background:url(../images/banner/p6.jpg) no-repeat center top #000;}

/*左側共用*/
div.sidebar{float: left;width: 226px;}
.left_menu {display: block; color: #fff; font-size:12pt; font-family:"微軟正黑體"; text-align:center; padding:10px 0; margin-right:27px;}
.left_menu_s { background:url(../images/left/menu_s_bg.jpg) repeat-x left top; background-color:#0e376f; display: block; color: #ffc700; font-size:12pt; font-family:"微軟正黑體"; text-align:center; padding:10px 0; margin-right:27px;}

/*footer 頁尾(共用)*/
footer{ width:1000px; margin:auto; overflow:hidden;}
footer a{color:#282828; font-weight:bold;}
footer a:hover, .footer_nav a:hover{ color:#950a0d;}
.footer_bg_r{ font-size:14px; background:url(../images/footer/footerbg.jpg) repeat-x center top #cacaca;}

.footer_logo,.footer_information,.footer_menu,.footer_menu_pro{ float:left;}
.footer_logo{ width:160px;}
.footer_information{ width:350px; padding:40px 0 0 20px; text-align:left;}
.footer_information01{  padding:0 55px 10px 30px;}
.footer_menu,.footer_menu_pro{ margin-top:20px; margin-right:20px; text-align:left;}
.footer_menu a,.footer_menu_pro a{ line-height:30px;}
.footer_menu{ width:150px; border-left:#a6a6a6 1px double; padding-left:10px;}
.footer_menu_pro{}
.footer_menu_pro_list a{ font-weight: normal; padding-left:10px;}

ul.footer_top{ float:right; margin:0; padding:0;}
ul.footer_top li{ padding:5px 5px 0; float:left; margin:0;}
.footer_copyright{ font-size:14px; background-color:#898989; color:#FFF; text-align:center; padding:10px;}

/*form 表單(共用)*/
div.page_form{overflow: hidden; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}
div.name{float: left;width: 100px;text-align: right;padding: 5px;}
div.text{overflow: hidden; padding: 5px;}

/*線(共用)*/
.line1{border-bottom:1px dashed #88aad8; padding:10px 0;}

/*文字(共用)style*/
.white {color: #fff;}
.blue {color: #0066CC;}
.red {color: #CC0000;}
.green {color: #6daf1a;}
.orange {color: #FF6600;}
.yellow {color: #FFFF00;}

/*首頁切換視窗*/
.tab_css{display:flex;flex-wrap:wrap;/*justify-content:center;*/}
.tab_css input{display:none}
.tab_css label{font-size:18px; width:30%; text-align:center; margin: 0 5px 0 0; padding: 10px 0; cursor: pointer;  background:#d1d1d1; color:#333; font-weight:bold; /*opacity: 0.5;*/}
.tab_content{order:1;display: none; width:100%; border-bottom: 3px solid #ddd; line-height: 1.6; font-size: .9em; padding:25px; border-bottom: 1px solid #ddd; border-radius: 5px; background-color:#fff;}
.tab_css input:checked + label, .tab_css label:hover{opacity: 1; font-weight:bold;background: #fff; color: #ff4343; border-top: 3px solid #ff4343; }
.tab_css input:checked + label + .tab_content{display: initial;}
.tab_box{ overflow:hidden;}
.tab_pro{width:252px; padding:12px; float:left; text-align:center;}
.tab_pro_txt{ text-align:center; font-size:18px; color:#292929; padding:10px 5px;}

/*首頁形象*/
* {margin:0;padding:0;list-style:none;}
.fullSlide {width:100%;position:relative;height:615px;background-image: url(../images/index/bg_x.jpg);background-repeat: repeat-x;background-position: left;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:615px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:662px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

/*About*/
.about_txt{ background-color:#f3f3f3; padding:40px; margin-left:35px;}
.about_pic{background:url(../images/about/bg2.jpg) no-repeat top left ; padding-left:350px; margin-bottom:30px;}
.certificate_pic{ float:left; width:400px; margin:40px;}
.certificate_txt{ padding:35px;}

/*product*/
.tab_css2 { overflow:hidden; margin-top:40px;}
.pro_tab,.pro_tab2{ float:left; font-size:18px; width:30%; text-align:center; margin: 0 5px 0 0; padding: 10px 0; cursor: pointer;}
.pro_tab{  background:#fff; color:#ff4343; font-weight:bold; border-top: 3px solid #ff4343; /*opacity: 0.5;*/}
.pro_tab2{ background:#d1d1d1; color:#333;}
.pro_content2{ width:100%; border-bottom: 3px solid #ddd; line-height: 1.6; font-size: .9em; padding:20px; border: 1px solid #ddd; border-radius: 5px; background-color:#fff;}
.pro_tab:hover, .pro_tab2:hover{opacity: 1; font-weight:bold;background: #fff; color: #ff4343; border-top: 3px solid #ff4343; }
.pro_box{ overflow:hidden; padding:8px;}
.pro_pro,.pro_pro2{width:252px; padding:12px; float:left; text-align:center;}
.pro_pro_s{ width:212px;}
.pro_pro:hover,.pro_pro2:hover{ background:#f5eee0;}
.pro_pro_txt{ text-align:center; font-size:18px; color:#292929; padding:10px 5px;}
.product_pic_pic{ width:80%;}
/*p3*/
.product_pic_title{ color:#1b4c8f; font-size:20px; background:url(../images/p3_product/title.png) no-repeat left top; line-height:28px; padding:0 0 30px 45px;}
.product_pic_title2{ color:#1b4c8f; font-size:20px; background:url(../images/p3_product/title.png) no-repeat left top; line-height:28px; padding:0 0 30px 45px;}
.product_pic_all{ float:right; width:330px;}
.product_pic_all2{ width:100%; margin-top:30px;}
.product_pic{ float:left; width:520px; background-color:#d3d3d3; margin:0 20px 50px 50px; margin-bottom:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.product_pic2{ width:520px; background-color:#d3d3d3; margin:0 auto 50px auto; margin-bottom:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.product_pic3{ text-align:center; width:65%; margin:0 auto 30px auto; margin-bottom:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.product_pic:hover{ background-color:#da0000;}
.product_pic_s{ width:120px; height:104px; float:left; margin:5px 0 10px 10px;}
.product_pic_s img{opacity:0.7;filter:alpha(opacity=70); border:2px solid #999;}
.product_pic_s img:hover{opacity:1;filter:alpha(opacity=100); border:2px solid #da0000;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: -webkit-transform 0.3s linear;-moz-transition: -moz-transform 0.3s linear;-o-transition: -o-transform 0.3s linear;-ms-transition: -ms-transform 0.3s linear;transition: transform 0.3s linear;}

/*Number*/
.number{ text-align:center; overflow:hidden; margin-top:20px;}
.number a{ font-size:14px; background-color:#CCC; margin:5px; color:#0070aa; padding:5px;}
.number a:hover{ background-color:#afa291; color:#fff;}
.number a.on{ background-color:#292929; color:#fff;}
.number a.on:hover,.number a.on2:hover{ background-color:#ff8b24;}

.number2{ width:330px; float:right; text-align:center; overflow:hidden; padding:30px 0; margin:auto;}
.number2 a{ font-size:14px; color:#0070aa; padding:5px 20px;;}
.number2 a:hover{ background-color:#afa291; color:#fff;}
.number2 a.on{ background-color:#292929; color:#fff;}
.number2 a.on2{ background-color:#9f8181; color:#fff;}
.number2 a.on:hover,.number a.on2:hover{ background-color:#ff8b24;}

.number3{ width:330px; text-align:center; overflow:hidden; padding:30px 0; margin:30px auto;}
.number3 a{ font-size:14px; color:#0070aa; padding:5px 20px;;}
.number3 a:hover{ background-color:#afa291; color:#fff;}
.number3 a.on{ background-color:#292929; color:#fff;}
.number3 a.on2{ background-color:#9f8181; color:#fff;}
.number3 a.on:hover,.number a.on2:hover{ background-color:#ff8b24;}

.number4{ text-align:center;}
.number4 a img{ background-color:#CCC; margin:3px; padding:3px; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.number4 a:hover img{ background-color:#afa291}


/*專業能力*/
.profe_box{ float:left; width:45%; margin:10px 2% 40px 2%;}
.profe_pic{ background:url(../images/profe/pic_box.jpg) no-repeat center bottom; padding-bottom:25px; width:90%; margin:auto;}
.profe_txt{ background:url(../images/profe/txt_bg.jpg) no-repeat left bottom; font-size:18px; color:#426894; font-weight:bold; width:60%; padding:20px 40px 40px 40px; margin:auto;}

.profe_box2{overflow:hidden; width:100%; margin:10px auto 70px auto;}
.title_page{ color:#FFF; font-weight:bold; background-color:#004cbf; margin:25px 25px 10px 10px; padding:5px 15px;}
.profe_pic2{ background:url(../images/profe/pic_box.jpg) no-repeat center bottom; padding-bottom:25px; width:50%; float:right;}
.profe_pic3{ background:url(../images/profe/pic_box.jpg) no-repeat center bottom; padding-bottom:25px; width:50%; float: left;}
.profe_txt2{ margin:25px 25px 10px 10px; padding:5px 15px;}
.profe_txt3{ margin:25px 10px 10px 25px; padding:5px 15px;}
.profe_txt_box2{ background:url(../images/profe/txt_bg.jpg) no-repeat center bottom; padding:40px; margin:auto;}
.profe_txt3_box{ width:50%; float: left;}
/*專業能力_index*/
.profe_box_index{ float:left; width:240px; margin:10px 10px 30px 10px;}
.profe_pic_index{ padding-bottom:20px; width:100%; margin:auto;}
.profe_txt_index{ /*background:url(../images/profe/txt_bg.jpg) no-repeat left bottom;*/ font-size:15px; padding:0px 30px 30px 30px; margin:auto;}
/*聯絡我們*/
.contact_list{ padding-left:29px; padding-bottom:8px; float:left; width:40%; margin-left:15px;}
.contact_list3{ padding-left:29px; padding-bottom:8px; float:left; width:90%; margin-left:15px;}
.contact_list2{ padding-left:29px; padding-bottom:8px; float: none; margin-left:15px;}
/*TOP*/
#gotop {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #3d3d3d;
	border:#898989 3px solid;
    color: #fff;
    cursor: pointer;
}

/*P3照片滾動*/
.date{ color:hsla(359,100%,42%,1.00); padding-left:20px; margin-bottom:30px; border-left:#B8B8B8 solid 5px;}
.back a{ background-color:hsla(359,100%,43%,1.00); color:#fff; padding:5px 5%; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;cursor: pointer;}
.back a:hover{ background-color:hsla(0,0%,56%,1.00);}

#index_banner01 { background:transparent; position:relative; width:100%; height:950px; display:block; z-index:999}
.index_banner02 {display:none;}
.index_banner03 {display:none;}	

.on_box{display:block;}
.on_box2{display:none;}

@media screen and (max-width:800px) {
footer{ width:100%; margin:auto; overflow:hidden;}
	.footer_menu_pro{ float: none; padding:0 0 0 40px;}
	.footer_logo{ width:80%; margin:auto;}
.footer_logo,.footer_information,.footer_menu,.footer_menu_pro{ float: none;}
.footer_menu,.footer_menu_pro{ margin-top:30px; padding-left:40px;}
.footer_information{ width:400px; padding:0 0 0 40px;}
.footer_information01{  padding:0 0 0 40px;}
.index_banner01 {display:none;}
.index_banner02 {display:block;}
.index_banner03 {display:none;}

}
@media screen and (max-width:600px) {
	.profe_box{width:100%; float:none;}
	.profe_txt3_box{ width:95%; float: none; margin:auto;}
	.profe_txt2{ width:100%; margin: auto; padding:0px;}
	.profe_txt3{ width:100%; margin: auto; padding:0px;}
	.profe_pic2{width:100%; float: none;}
	.profe_pic3{width:100%; float: none;}
	.certificate_pic{ float: none; width:90%; margin:5px auto;}
	.about_txt{ padding:8px; margin-left:0;}
	.page_box{ width:100%;}
	div.container{ padding:0px 10px;}
	.product_pic3{ width:80%;}
	.about_pic{ padding-left:0px; padding-top:140px; margin-bottom:30px;}
	}
	
@media(max-width:500px) {
	.profe_txt{font-size:16px; color:#426894; font-weight:bold; width:80%;}
	.indexabout_text{ width:93%; margin:auto; float: none;}
.indexabout_pic{ width:100%; float: none;}
	.on_box{ display:none;}
.on_box2{ display:block;}
    .menu_page {
        padding: 25px 0 15px;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .nmenu_page .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .menu_page .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .menu_page.navbar-shrink {
        padding: 10px 0;
        background-color: #222;
    }

    .menu_page.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	.index_banner01 {display:none;}
.index_banner02 {display:none;}
.index_banner03 {display:block;}
.index_title3 img{ width:100%;}
.profe_box_index{ float: none; width:95%; margin:10px auto 30px auto;}

<!--產品首頁-->
.tab_pro{width:100%;}
	.product_pic3{ width:100%;}
	.product_pic_pic{ width:100%;}
	.pro_pro{width:45%;}
	.pro_pro2{width:33%;}
	.pro_pro_s{ width:100%}
/*聯絡我們*/
.contact_list{ padding-left:29px; float: none; width:90%;}
}