@charset "utf-8";
input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"]	{background:none;background-repeat: no-repeat;background-position: 14px center;max-width: 407px;}
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input,input[type=checkbox]::before,select, textarea{font-size: 14px;color: #888888;border: 1px solid #dedede;padding:8px 16px;width: calc(100% - 32px);margin-bottom: 18px;}
select {padding-right:43px;cursor:pointer;width: 100%;}
textarea{min-height:200px;}
input[type=checkbox]{display: none;}
input[type=checkbox] ~ label{position: relative;cursor: pointer;margin: 8px 0 18px 28px;display: inline-block;}
input[type=checkbox] ~ label:before{content:'';position: absolute;width: 18px;height: 18px;bottom: 0;border: 1px solid #dedede;left: -29px;}  
input[type=checkbox]:checked ~ label:before{content: url("../images/checked.png");}
h1{font-size: 23px;color: #333;border-bottom: 2px solid;padding: 8px 0px;display: inline-block;margin: 1% auto 3% auto;}
h2{font-weight:100;font-size:18px;margin-bottom: 3%;}
main{margin: 0 auto;color: #333333;background: url(../images/content.jpg)no-repeat top center,#edf4f7;padding-bottom: 6%;}



@media print, screen and (max-width: 999px){
    .h1{order: 3;width: 100%;}
    main .content-Box{display: flex;flex-wrap: wrap;}
    aside ~ .content{width: calc(100% - 36px);}
    .content{order: 5;}}
@media print, screen and (min-width: 999px){
    aside ~ .content{width: calc(97% - 289px);display: inline-block;vertical-align: top;background: #FFF;}
    .editor a:hover{text-decoration: underline;}}
@media print, screen and (min-width: 1366px){
     aside ~ .content{width: calc(97% - 309px);padding:38px;}
    h1{margin: 3% auto 6% auto;}}

/*path*/
#path li:before{content: ">";margin-right: 5px;display: inline-block;}
#path li:first-child:before{content: "";margin-right: 0;}
#path li{display: inline-block;vertical-align: top;margin-right: 3px;}
#path,#path a, #path a:hover{color: #888;font-size: 12px;}
#path a:hover{text-decoration: underline;}
@media print, screen and (max-width: 999px){
    #path{order: 2;width: 100%;}}


/*star.aside*/
aside{width: 228px;margin-right: 3%;display: inline-block;vertical-align: top;}
aside ul,aside ul li{list-style: none;}
#asideNav{width: inherit;display: block;color: #787878;margin: 8% 0;}
.asideTop{color: #5fb330;font-size: 28px;font-weight: bold;}
.asideTop > *{margin: 0 0 10px 0;}
.asideTop > span{margin-left: 17px;}
.asideTop:after{position: absolute;padding: 0.6% 0;top: -18px;}
#asideNav.navTitle > ul > li.mainShow{width: inherit; float: none; background: none; border: 0;}
#asideNav.navTitle > ul > li.mainShow > a img:hover{margin-top:-3px;}
#asideNav.navTitle > ul > li > a,#asideNav.navTitle .subNav li a{color: #666666;text-align: left;margin-left: 0;margin-bottom: 3px;padding: 8px 18px;line-height: 28px;font-size: 13px;text-decoration: none;border-radius: 0;font-weight: 100;}
#asideNav.navTitle .subNav{top: 0;left: 0;}
#asideNav.navTitle .subNav li{background: none;border-radius: 0;border: 0;}
#asideNav.navTitle .subNav li a{display: block;border-bottom: 0;position:relative;padding-left: 31px;background: rgba(120, 207, 71, .6);}
#asideNav.navTitle .subNav li a i{display: none;color: #333 !important;}
#asideNav.navTitle .subNav li ul.subNav{left: 0;}
#asideNav.navTitle .subNav li a.menu{display:none;}
#asideNav.navTitle > ul > li:first-child > a:before{left: inherit;}
#asideNav.navTitle > ul > li > a.current{background: #499520;color: #333;}
#asideNav.navTitle .subNav li a.current{background:rgba(95, 170, 52, .8);color: #333;}
@media print, screen and (max-width: 999px){
    aside{width: 100%;position:relative;margin: 0 0 1% 0;padding: 0;}
    .asideTop{margin: 0;background: #5daa34;padding: 13px 10px;color: #FFF;font-size: 16px;}
    .asideTop img{height: 100%;}
    .asideTop > a + span{display: none;}
    .asideTop .collapse-button2{width: 0;height: 0;border-style: solid;border-width: 15px 8px 0 8px;border-color: #ffffff transparent transparent transparent;position:absolute;top: 14px;right: 25px;}
    .asideTop.active .collapse-button2	{
        -moz-transform:rotate(3.14159rad);
        -webkit-transform:rotate(3.14159rad);
        -o-transform:rotate(3.14159rad);
        -ms-transform:rotate(3.14159rad);
        transform:rotate(3.14159rad);}
    #asideNav.navTitle{max-height: 0;overflow: hidden;width: 100%;height: auto;position: relative;margin: 0;transform: translate3d(0, 0, 0);text-align: left;}
    #asideNav.navTitle.active{max-height: 3000px;}
    #asideNav.navTitle li{width: 100% !important;display: block;}
    #asideNav.navTitle a{width: 100%;display: block;}
    #asideNav.navTitle > ul > li, .asideTopNav > li{width: 100% !important;float: none !important;border-right: none !important;border-left: none !important;height: auto !important;}
    nav ul li, .asideTopNav li{border-bottom: 1px solid rgba(223, 223, 223, 0.7);}
    nav ul li:first-child{border-top: 1px solid rgb(232, 232, 232);}
    #asideNav.navTitle > ul > li > a,.asideTopNav > li > a{display: inline-block;vertical-align: top;box-sizing: border-box !important;}
    #asideNav.navTitle > ul > li > a:before,.asideTopNav > li > a:before{content: ' ';display: inline-block;width: 0;height: 80%;vertical-align: baseline;}
    #asideNav.navTitle > ul li a.menu.active:after{opacity:0;}
    .asideTopNav > li{width: auto !important;border:0;}
    .asideTopNav li.phone{display:inline-block;}
    #asideNav.navTitle .subNav{position: relative;overflow: hidden;width:100%;padding: 0;margin-left: 0;}
    #asideNav.navTitle ul li:first-child{border-top: 1px solid rgb(203, 203, 203);}
    #asideNav.navTitle .subNav li{margin: 0;border-radius: 0px;border-bottom: 1px dashed #cbcbcb;}
    #asideNav.navTitle .subNav li a.menu,
    #asideNav.navTitle > ul > li.mainShow > a.menu{display: inline-block;min-width: inherit;width: 52px;height: 43px;padding: 0;margin: 0;right: 0;}
    #asideNav.navTitle .subNav li a i{display: inline-block;margin: 0 10px;}
    #asideNav.navTitle .subNav li li{background-color: rgb(214, 214, 214);}
    .asideTopNav li{margin: 0 -10px 0 0; font-size: 18px;color: #FFF;}
    .asideTopNav li a{color: #FFF;font-size: 13.6px;letter-spacing: 0.01em;width: inherit;}
    #asideNav.navTitle > ul > li.mainShow{border-top: 0;border-radius: 0px;padding: 0;margin: 0;border-bottom: 1px solid #cbcbcb;}
    #asideNav.navTitle > ul > li.mainShow:hover{background:none;}
    #asideNav.navTitle > ul > li > a,#asideNav.navTitle .subNav li a{margin: 0;border: 0;font-size: 15px;padding: 10px;}
    #asideNav.navTitle > ul > li > a.current, #asideNav.navTitle > ul > li > a.current:hover{background: none;color: #454545;}
    #asideNav.navTitle > ul > li.mainShow:first-child{border-top: 1px solid #B5B5AC;}}
@media print, screen and (min-width: 999px){
    #asideNav.navTitle > ul > li > a, #asideNav.navTitle .subNav li a{box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);font-size: 17px;}
    #asideNav.navTitle > ul > li > a{background: rgba(255, 255, 255, .8);}
    #asideNav.navTitle > ul > li > a:hover{background: #499520;color: #333;}
    #asideNav.navTitle .subNav li a:hover{background:rgba(95, 170, 52, .8);color: #333;}
    .asideTop:before{content:"";background:#5fb330;width:6px;height: 2rem;display:inline-block;margin: 0 5px -5px 0;}
    #asideNav.navTitle .subNav{display:block;position: relative;}
    #asideNav.navTitle .subNav li a:before{content:"‧";position:absolute;left: 9px;top: 8px;font-size: 22px;}
}


/*editor*/
.editor{color:#58523F;font-size: 15px;line-height: 1.5;margin-bottom: 8%;}
.titleH{position:relative;color: #333333;font-size: 22px;line-height: 1.5;margin-top: 21px;text-align: center;}/*內文標題專用*/
.titleH:after{content:"";background:#005491;width:88px;height: 8px;display: block;margin: 2% auto 0 auto;}
.titleH2{color: #004684;font-size: 32px;margin-bottom: 3%;}
.titleH3{text-align:left;border-bottom: 6px solid #005491;color: #005491;display: inline-block;font-size: 20px;margin: 0;padding-bottom: 1px;}
.titleH5{color: #004684;font-size: 22px;}
.titleH6{color: #333333;font-size: 18px;margin-bottom: 1em;}
.lineH{border-bottom: 1px solid #e0e0e0;margin: 5% 0;}
.editor ul li {margin-left: 22px;}
.editor .project li {list-style-type: decimal;}/*項目符號:1.2.3.*/
.editor a{color: red;}
.editor a:hover{text-decoration: underline;}
.editor [class|="flex"].width4List{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;margin-left: -18px;}



@media print, screen and  (max-width:999px){
    .titleH2{font-size:22px;}
    .editor [class|="flex"] > div{margin-bottom: 3%;}
    .editor [class|="flex"] > div img{margin:auto;display:block;}
    .editor [class|="flex"].width4List div{width: calc(100% / 2 - 18px);}
    .editor [class|="flex"].width4List div{margin: 0 0 18px 18px;}
}
@media print, screen and  (max-width:640px){
    .editor [class|="flex"] > div{width: inherit;}
    
    
}
@media print, screen and  (min-width:768px){
    .editor .width2{width:20%;}
    .editor .width3{width:30%;}
    .editor .width4{width:40%;}
    .editor .width5{width:50%;}
    .editor .width6{width:60%;}
    .editor .width7{width:70%;}
    .editor .width8{width:80%;}
    .editor [class|="flex"]{display: flex;justify-content: space-between;flex-direction: row;}
    .editor .flex-center{align-items: center;}
    .editor [class|="flex"] > div:first-child{margin-right:28px;}
    .editor [class|="flex"] > div:first-child.order2{order: 2;margin: 0 0 0 18px; }
    .editor [class|="flex"].width4List div{width: calc(100% / 4 - 18px);margin: 0 0 18px 18px;}
}


/*table*/
.table_scroll p:last-child{margin-bottom: inherit;}
.datatable{margin-bottom:20px;border-spacing:0;}
.datatable th,.datatable td{border: 1px solid #bfbfbf;text-align: center;padding: 2px 8px;}
.datatable th{color: #FFFFFF;background-color: #68b249;font-weight: 100;}
.datatable tr:first-child th{text-align: center;vertical-align: middle;}
.datatable td{vertical-align: middle;color: #333333;min-width:68px;}
.datatable td img{min-width:68px;}


/*about*/
.blue{background:url(../images/company_bg.jpg)no-repeat center center;background-size:100% 100%;color:#FFF;margin: -38px;padding: 38px;}
.blue .blue_in1{border: 5px solid rgba(255, 255, 255, .3);border-radius:50%;text-align: center;font-style: italic;padding: 11px 30px 17px 13px;}
.blue .blue_in1 .number{font-size:127px;line-height: 1;}
.blue .blue_in1 .years{display:block;margin-top: -9px;font-weight: bold;line-height: 1.2;margin-left: 3px;}
.blue .blue_in2 span{font-size:28px;font-style:italic;font-weight:bold;}
@media print, screen and  (max-width:999px){
    .blue{margin: -28px -18px 3% -18px;padding: 28px 18px;}
}
@media print, screen and  (max-width:768px){
    .blue div:last-child{margin-bottom: -2%;}
}
@media print, screen and  (max-width:640px){
}
@media print, screen and  (min-width:999px){
    .blue{margin: -28px -28px 3% -28px;padding: 28px;}
}
@media print, screen and  (min-width:1366px){
    .blue{margin: -38px -38px 5% -38px;padding: 38px;}
    .blue .blue_in1{margin:3% 0;}
}


/*prouducts*/
.seo_zone h2{color: #333; font-size: 16px;margin-top: 15px;}
.Inquiry_bg{text-align:center;}
.Inquiry img{margin-bottom: -3px; margin-right: 3px;}
.Inquiry{text-align: center; background-color: #164974; border: 0; color: #FFF; padding: 5px 15px; display: inline-block; vertical-align: top; border-radius: 3px;}
.Inquiry:hover{opacity:0.9;}

/*productsList*/
.product-list ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: -38px 0 0 -28px;list-style:  none;}
.product-list ul li{margin: 38px 0 0 28px;text-align: center;}
.product-list ul > li a{text-decoration:none;color: #005491;font-weight:bold;}
.product-list > ul > li a figure{width:100%;overflow:hidden;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;justify-content: center;margin: auto;position: relative;padding-bottom: 66.7%;align-content: center;flex-direction: row;flex-wrap: wrap;}
.product-list > ul > li a figure img{-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;position:  absolute;top: 50%;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.product-list > ul > li a h3{margin-top:12px;font-size: 17px;}
@media only screen and (max-width: 999px) {
    .product-list ul{margin-left:-18px;}
    .product-list ul li{width: calc(100% / 3 - 18px);margin: 38px 0 0 18px;}}
@media only screen and (max-width: 768px) {
    .product-list ul li{width: calc(100% / 2 - 18px);}}
@media only screen and (max-width: 320px) {
    .product-list ul li{width: calc(100% - 18px);}}
@media print, screen and  (min-width:999px){
    .product-list ul li{width: calc(100% / 3 - 28px);}
    .product-list > ul > li a:hover figure img{-webkit-transform: scale3d(1.3, 1.3, 5);transform: scale3d(1.3, 1.3, 5) translate(-40%,-40%);}
    .product-list > ul > li a:hover{color:#499520;}}


/*page*/
#page a, #page a:hover,#page{color: #005491;text-decoration: none;padding: 2px 10px;margin-top:6px;}
#page{text-align: center;margin: 6% auto 0 auto;font-size: 16px;}
#page li{display:inline-block;vertical-align:top;}
#page a:hover{text-decoration: underline;}
#page a:hover.current, #page a.current{background-color: #17448A;color: #fff;}
@media print, screen and (max-width: 999px){#page{padding-top: 28px;}}


/*prouducts_show*/
.productwrap > .leftwrap, .productwrap > .rightwrap{width: calc(100% / 2 - 18px);display: inline-block;vertical-align: top;margin-bottom: 28px;}
.productwrap > .leftwrap {margin-right:28px;}
.productwrap > .rightwrap > .title{font-size:22px;font-weight:bold;margin-bottom:28px;color:#266B2A;border-bottom:4px solid #7BB04A;padding-bottom: 28px;}
.productwrap .flexslider_pic .slides{  display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.productwrap .flexslider_pic .slides > li{ -webkit-backface-visibility: hidden;-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;}
@media print, screen and (max-width: 999px){
    .productwrap > .leftwrap, .productwrap > .rightwrap{width:inherit;display:block;}
    .productwrap > .leftwrap {margin-right:0;}}
/*prouducts_show簡介*/
.rightwrap .special{color: #555;font-size: 15px;}
.rightwrap .special .specialH{color: #6CA737;font-size:18px;font-weight:bold;}
.rightwrap .editor{min-height: 200px;}
.rightwrap .special{font-size: 15px;}
.rightwrap .special .in1,.rightwrap .special .in2 {display: inline-block;vertical-align: middle;margin-bottom: 18px;margin-right: 18px;}
.rightwrap .special .in1{min-width: 58px;}
.rightwrap .price .in2{color: #D80000;font-size: 32px;font-weight: 400;}
/*prouducts_show按鈕*/
.rightwrap .buy{color: #FFF; background-color: #82BD35; font-size: 18px; margin: 0 0 28px 0; width: calc(100% - 2px); display: inline-block; text-align: center; font-weight: bold;}
.rightwrap .buy.buy2{background-color: #E9F5DE;width: calc(100% / 2 - 10px);color:#286B2A;}
.rightwrap a:first-of-type .buy.buy2{margin-right: 15px;}
.rightwrap .buy.explanation{width: calc(98% + 5px);background-color: #A0A0A0;}
.rightwrap .buy img{margin-bottom: -4px;}
.rightwrap :hover.buy{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-khtml-opacity: 0.8;}
.btn{display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;text-transform:uppercase;margin-left: -18px;margin-top: 8%;}
.btn input{color:#FFF;font-size: 13px;letter-spacing: 1px;font-weight: 100;display: block;margin-left:18px;position: relative;bottom: 0;padding: 20px;text-align: center;}
.btn input.btn-direction{color: #328a00;padding: 0;}
.btn input.btn-direction i{display: block;font-size: 30px;margin: 5px;}
.btn input.btn-inquire{background: #499520;width: calc(100% - 248px);text-align: center;line-height: 1;min-width: 112px;}
.btn input.btn-back{background: #333;width: 50%;text-align: center;max-width: 400px;}
.btn input.btn-padf{width: 50px;padding: 0;}
@media print, screen and (max-width: 999px){
.btn input{margin-bottom: 6%;padding: 20px 0;}
.btn input.btn-back{margin: 28px auto -28px auto;}
}
@media print, screen and (min-width: 999px){
.btn{height: 68px}
.btn input:hover{bottom: 8px;}  
.btn input.btn-back{margin:28px auto -38px auto;}
.btn input:hover.btn-back,.btn a:hover.btn-inquire{box-shadow: 0 4px 4px 0 rgba(51, 51, 51, .4);border-bottom: 8px #555 solid;}
.btn input:hover.btn-direction{color: #005491;}
}
@media print, screen and (min-width: 1366px){
.btn input.btn-back{margin:38px auto -48px auto;} 
}
.btn a{color:#FFF;font-size: 13px;letter-spacing: 1px;font-weight: 100;display: block;margin-left:18px;position: relative;bottom: 0;padding: 20px;text-align: center;}
.btn a.btn-direction{color: #328a00;padding: 0;}
.btn a.btn-direction i{display: block;font-size: 30px;margin: 5px;}
.btn a.btn-inquire{background: #499520;width: calc(100% - 248px);text-align: center;line-height: 1;min-width: 112px;}
.btn a.btn-back{background: #333;width: 50%;text-align: center;max-width: 400px;}
.btn a.btn-padf{width: 50px;padding: 0;}
@media print, screen and (max-width: 999px){
.btn a{margin-bottom: 6%;padding: 20px 0;}
.btn a.btn-back{margin: 28px auto -28px auto;}
}
@media print, screen and (min-width: 999px){
.btn{height: 68px}
.btn a:hover{bottom: 8px;}  
.btn a.btn-back{margin:28px auto -38px auto;}
.btn a:hover.btn-back,.btn a:hover.btn-inquire{box-shadow: 0 4px 4px 0 rgba(51, 51, 51, .4);border-bottom: 8px #555 solid;}
.btn a:hover.btn-direction{color: #005491;}
}
@media print, screen and (min-width: 1366px){
.btn a.btn-back{margin:38px auto -48px auto;} 
}

/*application*/
.application-list ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: -38px 0 0 -28px;list-style:  none;}
.application-list ul li{margin: 38px 0 0 28px;text-align: center;}
.application-list ul > li a{text-decoration:none;color: #005491;font-weight:bold;}
.application-list > ul > li a figure{width:100%;overflow:hidden;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;justify-content: center;margin: auto;position: relative;padding-bottom: 66.7%;align-content: center;flex-direction: row;flex-wrap: wrap;}
.application-list > ul > li a figure img{-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;position:  absolute;top: 50%;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.application-list > ul > li a h3{margin-top:12px;font-size: 17px;}
@media only screen and (max-width: 999px) {
    .application-list ul{margin-left:-18px;}
    .application-list ul li{width: calc(100% / 3 - 18px);margin: 38px 0 0 18px;}}
@media only screen and (max-width: 768px) {
    .application-list ul li{width: calc(100% / 2 - 18px);}}
@media only screen and (max-width: 320px) {
    .application-list ul li{width: calc(100% - 18px);}}
@media print, screen and  (min-width:999px){
    .application-list ul li{width: calc(100% / 3 - 28px);}
    .application-list > ul > li a:hover figure img{-webkit-transform: scale3d(1.3, 1.3, 5);transform: scale3d(1.3, 1.3, 5) translate(-40%,-40%);}
    .application-list > ul > li a:hover{color: #499520;}}


/*projects*/
.projects-list ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: -38px 0 0 -28px;list-style:  none;}
.projects-list ul li{margin: 38px 0 0 28px;text-align: center;}
.projects-list ul > li a{text-decoration:none;color: #005491;font-weight:bold;}
.projects-list > ul > li a figure{width:100%;overflow:hidden;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;justify-content: center;margin: auto;position: relative;padding-bottom: 66.7%;align-content: center;flex-direction: row;flex-wrap: wrap;}
.projects-list > ul > li a figure img{-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;position:  absolute;top: 50%;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.projects-list > ul > li a h3{margin-top: 12px;font-size: 17px;}
@media only screen and (max-width: 999px) {
    .projects-list ul{margin-left:-18px;}
    .projects-list ul li{width: calc(100% / 3 - 18px);margin: 38px 0 0 18px;}}
@media only screen and (max-width: 768px) {
    .projects-list ul li{width: calc(100% / 2 - 18px);}}
@media only screen and (max-width: 320px) {
    .projects-list ul li{width: calc(100% - 18px);}}
@media print, screen and  (min-width:999px){
    .projects-list ul li{width: calc(100% / 3 - 28px);}
    .projects-list > ul > li a:hover figure img{-webkit-transform: scale3d(1.3, 1.3, 5);transform: scale3d(1.3, 1.3, 5) translate(-40%,-40%);}
    .projects-list > ul > li a:hover{color: #499520;}}

/*projects_show*/
.projects_show .btn{border-top: 1px solid #d2d2d2;padding-top: 3%;justify-content: center;}
.btn .btn-backToList{color: #000;opacity: .5;font-weight: bold;}
.btn .btn-backToList:before{content: url(../images/list.png);display: block;margin-bottom: 13px;}
@media print, screen and  (min-width:999px){
    .btn a:hover.btn-backToList{opacity:.7;}
}

/*news*/
.news ul li{list-style: none;margin-bottom: 3%;border-bottom: 1px dashed #c1c1c1;padding-bottom: 3%;}
.news ul li > a > span time{color:#23659c;font-size:18px;margin-bottom: 1%;display: block;}
.news ul li > a > span h3{font-size:18px;color:#4e4e4e;font-weight: 100;}
@media only screen and (max-width: 640px) {
    .news ul li{margin-top: 1em;}
    .news ul li > a > figure{text-align: center;margin-bottom: 3%;}}
@media print, screen and (min-width:640px){
    .news ul li > a {display: flex;flex-direction: row;justify-content: center;align-items: center;}
    .news ul li > a > figure{width:30%;margin-right:28px;}
    .news ul li > a > span{width:70%;}}

/*news-show*/
.news-show time{font-size: 18px;color: #23659c;text-align: right;display: block;font-weight: bold;}
@media print, screen and  (min-width:999px){.news-show .editor{min-height: 268px;}}


/*catalog*/
.catalog > ul > li a figure{border: 1px solid #dbdbdb;box-shadow: none;padding-bottom: 142%;}
.catalog_show .flex{display: flex;justify-content: space-between;flex-direction: row;align-items: center;margin: 3% 0 8% 0;}
.catalog_show .flex div{width: calc(100% - 30px);max-width: 625px;}
.catalog_show a{display: inline-block;margin: 3%;}


/*contact*/
.contact-form ul li{list-style: none;}
.contact-form ul li .formTh,.contact-form ul li .formTd{padding:8px 18px;margin-bottom: -8px;}
.contact-form ul li .formTd .formSelect{position:relative;display: inline-block;max-width: 440px;width: 100%;}
.contact-form ul li .formTd .formSelect:before,.contact-form .formSelect:after { content: ''; display: block; position: absolute; pointer-events: none; }
.contact-form ul li .formTd .formSelect:before{z-index: 2;top: calc(50% - 10px);right: 20px;width: 0;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: #ffffff transparent transparent transparent;}
.contact-form ul li .formTd .formSelect:after{top: calc(50% - 15px);right: 16px;width: 16px;height: 14px;background: #6C6C6C;z-index: 1;}
.contact-form ul li div span{margin: 0 18px 0 0;display:inline-block;}
.contact-form ul li div span:last-child{margin-right:0;}
input.name{max-width: 115px;}
.btn .btn-submit,.btn .btn-reset{width: 37%;max-width: 180px;}
.btn .btn-submit{background: #005491;}
.btn .btn-reset{background: #6c6c6c;}
.contact-data ul li{list-style: none;margin-bottom: 5%;padding-bottom: 5%;border-bottom: 1px solid #bababa;}
.contact-data ul li h2{color: #005491;font-size: 23px;font-weight: bold;margin-bottom: 1.5%;}
.contact-data ul li h3{color: #5fb330;font-size: 16px;}
.contact-data ul li div,.contact-data ul li div a{color: #666;font-size: 15px;}
.contact-data ul li div{margin: 12px 0 0 23px;position: relative;}
.contact-data ul li div i{position: absolute;left: -22px;top: 3px;font-size: 16px;}
.contact-data ul li div.add{padding-right: 16px;}
.contact-data ul li div.add .googleMap{width: 17px;height: 17px;text-indent: 999999999px;content:url("../images/googlemap.png");overflow: hidden;display: inline-block;}
@media print, screen and  (min-width:640px) and  (max-width:999px){
    .contact-data ul{display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -18px;}
    .contact-data ul li{width: calc(100% / 2 - 18px);margin-left: 18px;}
}
@media print, screen and  (min-width:999px){
    .contact{display: flex;flex-direction: row;}
    .contact-form{width: 75%;margin-right: 3%;}
    .contact-form ul li{display: flex;flex-direction: row;}
    .contact-form ul li .formTh{width: 158px;text-align:right;margin-top: 8px;}
    .contact-form ul li .formTd{width: calc(100% - 158px);}  
    .btn a:hover.btn-submit,.btn a:hover.btn-reset{box-shadow: 0 4px 4px 0 rgba(51, 51, 51, .4);border-bottom: 8px #555 solid;}
    .contact-data{width: 25%;order: 2;}
    .contact-data ul li div.add .googleMap{position: absolute;right: 0;bottom: 0;}
}



/*sitemap*/
.sitemap-list ul li{list-style: none;}
.sitemap-list ul li a{padding: 10px 18px;}
.sitemap-list > ul > li{margin-bottom:3%;}
.sitemap-list > ul > li > a{background: #005491;color: #FFF;display: block;}
.sitemap-list > ul > li > ul > li > a{background: #7fa9c8;color: #FFF;display: block;margin-top: 2px;padding-left: 37px;}
.sitemap-list > ul > li > ul > li > ul{display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 18px;}
.sitemap-list > ul > li > ul > li > a{position:relative;}
.sitemap-list > ul > li > ul > li > a:before{content:"";position:absolute;top: 16px;left: 18px;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #ffffff;}
.sitemap-list > ul > li > ul > li > ul > li{margin: 18px 0 0 38px;list-style: disc;}
.sitemap-list > ul > li > ul > li > ul > li a{padding-left:0;font-size: 15px;}
@media print, screen and  (min-width:999px){.sitemap-list ul li a:hover{text-decoration:underline;}}

/*Search*/
.search-form table{width:100%;}
.search-form table tr th{background: #a1df8e;}
.search-form table tr th,.search-form table tr td{color: #666;border: 1px solid #c6c6c6;text-align: center;padding: 1%;min-width: 150px;}
.search-form table tr td img{max-width:200px;width: 100%;}
.search-form table tr th:first-child,.search-form table tr td:first-child{width: 10px;min-width: inherit;}


/*inquiry*/
.inquiry-form{margin-bottom: 8%;}
.inquiry-form table{width:100%;}
.inquiry-form table tr th{background: #a1df8e;}
.inquiry-form table tr th,.inquiry-form table tr td{color: #666;border: 1px solid #c6c6c6;text-align: center;padding: 0.5% 1%;min-width: 150px;}
.inquiry-form table tr td img{max-height: 50px;}
.inquiry-form table tr th:first-child,.inquiry-form table tr td:first-child{width: 10px;min-width: inherit;}
.inquiry-form table tr td:last-child{width:10px;min-width: inherit;}
.inquiry-form table tr td:last-child label{margin-bottom:0;}
.inquiry-form table tr th:nth-last-child(2),.inquiry-form table tr td:nth-last-child(2){width: 30px;}
.inquiry-form .btn{justify-content:flex-end;margin-top: 3%;}
.inquiry-form .quantity{margin: auto;}
.inquiry-form .quantity table tr td{min-width: inherit;}
.inquiry-form .quantity table tr td input{margin: 0;border: 0;text-align: center;width: 100%;padding: 8px 0;}
.btn i{margin-right: 5px;font-size: 16px;}


/*history*/
.history {overflow:hidden;position:relative;margin-top:50px;}
.history::before {content:"";width:2px;height:100%;display:block;position:absolute;left:50%;top:14px;z-index:-50;-moz-border-radius:10px;/* Firefox */-webkit-border-radius:10px;/* Safari,Chrome */-khtml-border-radius:10px;/* Konqueror */border-radius:10px;/* Opera 10.50 and later (CSS3 standard) */background-color:#595757;z-index:1;}
.history > li {list-style:none;display:block;position:relative;}
.history > li:nth-child(odd) {margin-top:-20px;margin-bottom:20px;}
.history > li:first-child {margin-top:0%;margin-bottom:0;}
.history ul {padding-left:0px;}
.history ul li {list-style:none;position:relative;max-width:40%;}
.history li:nth-child(odd) li {margin-left:calc(55% + 32px);}
/* .history li:nth-child(even) li {margin-left:10%;} */
.history .title {position:absolute;left:calc(50% - 7px);top:50%;font-size:28px;letter-spacing:3px;line-height:30px;display:block;width:7%;max-width:100px;}
.history span:after {content:"";width:12px;height:12px;display:block;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;background-color:#595757;border:2px solid #e5e6e6;z-index:10;position:relative;}
.history span:before {content:"";width:100%;height:2px;background-color:#595757;position:absolute;left:-87%;top:7px;z-index:12;}
.history li:nth-child(odd) span:before {left:11px;}
.history li:first-child span:before {width:0%;}
.history li:first-child span::after {border:2px solid #e5e6e6;background-color:#595757;}
.history li span.line::after {background-color:#b4b4b5;}
.history li .year {color: #005491;font-size:22px;font-weight:bold;margin-bottom:10px;}
.history li .img {margin-bottom:10px;border:1px solid #b0b0b0;}
.history ul li .historyL,.history li .text {display:inline-block;vertical-align:middle;}
.history ul li .historyL {width:30%;margin-right:10px;}
.history li .text {line-height:1.3rem;width:calc(70% - 15px);}
@media print, screen and (max-width: 999px){
.history ul li .historyL,.history li .text  {width:inherit;margin-right: 0px;}
/* .history > li:nth-child(odd) {margin-top: -228px;} */
/* .history > li:first-child {margin-top: 0%;} */
.history { min-height: 800px;}
}
@media only screen and (max-width: 570px) {
.history:before {left: 7px;}
.history ul li {max-width: inherit;margin-left: 18%;margin-bottom:30px;}
.history > li:nth-child(odd) {margin-top: 5px;}
.history li:nth-child(odd) li {margin-left: 18%;}
.history span:before {left: 11px;}
.history .title {left: 0px;}
}

.contact-data ul li:nth-child(1) div.add .googleMap{content: url(/cht/themes/grandhalo/images/googlemap2.png);}