@charset "utf-8";
@import url("bootstrap-grid.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');

/*黑彩 CSS Document */

* { margin:0; padding:0;}
iframe{border: 0px;display: block;}

@media only screen and (max-width: 991px) {
.mobile{display:block;}
.desktop{display:none;}
}

@media (min-width: 992px) {
.mobile{display:none;}
.desktop{display:block;}
}


.js-fadein {
  opacity: 0;
}
.js-fadein.is-active {
  animation: anm-fade-up .5s ease-in-out forwards
}
@keyframes anm-fade-up {
 0% { opacity: 0;}
 100% {opacity: 1;}
}




@media only screen and (max-width: 1599px) {
#container{width:100%;height:100% !important;margin:0 auto;padding: 0 0%;}
#container:after {content:''; clear:both; display:block;}	
	
#Tcontainer{width:100%;height:100% !important;margin:0 auto;padding: 0;background: transparent}
}
@media (min-width: 1600px) {
#container{width:1400px;height:100% !important;margin:0 auto;padding: 0 0;}
#container:after {content:''; clear:both; display:block;}	
	
	
#Tcontainer{width:1400px;height:100% !important;margin:0 auto;padding: 0;background:  transparent}
	
#nav_container{position:relative;z-index:10000;width:1400px;margin:0 auto;padding:0;height: auto;}	
}
@media only screen and (max-width: 991px) {
#nav_container{position:fixed;z-index:10000;width:100%;margin:0 auto;padding:0; height: auto;}			
#Tcontainer{width:100%;height:100% !important;margin:0 auto;padding:0;background: transparent}	
}


#Mcontainer{width:calc(100% - 0em);height:100% !important;min-height: 300px; margin:0 auto;padding:3em 2.5em;background:transparent}
#Mcontainer:after {content:''; clear:both; display:block;}



/*footer*/
#footer_block{width:100%;height: auto; padding:1em 0;background: #000000}
#footer_info_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;padding:0 0.5em;}
#footer_info_block .footer_Lblock{width:calc(100% - 40px);color: #ffffff;}

#footer_info_block .footer_Lblock .flink_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#footer_info_block .footer_Lblock .flink_block .column{width:calc(450px/5);padding:0 0.5em 0 0; color:#ffffff;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_info_block .footer_Lblock .flink_block .column .title{font-size:1.5rem;font-weight: 400; color:#ffffff;width:auto;margin:0 }
#footer_info_block .footer_Lblock .flink_block .column .title a{color:#ffffff;}
#footer_info_block .footer_Lblock .flink_block .column .title a:hover{color:#ffffff;}

#footer_info_block .footer_Rblock{width:35px;text-align: right;padding:0 5px 0 0;}

#footer_block .Copy_block{width:100%;color:#ffffff;font-size:1.3rem;font-weight: 400;text-align: left;padding:0 0.5em}


/*prolist*/
#Ptext_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;padding:2em 0;}
#Ptext_block:after {content:''; clear:both; display:block;}
#Ptext_block .Ptext_title{width:100%;font:3rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;}
#Ptext_block .Ptext_subtitle{width:100%;font:1.6rem "微軟正黑體";font-weight: 400;text-align: center;color:rgba(0,0,0,0.5);}
#Ptext_block .Ptext_content{width:37vw;font:2rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;margin:0 auto;padding:4em 0 0 0}


#item_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;padding:0.5em 2vw;}
#item_block .item01{width:calc(100%/3);padding:2px;}
#item_block .item02{width:calc(100%/3);padding:2px;}
#item_block .item03{width:calc(100%/3);padding:2px;}
#item_block img{width:100%;max-width: 100%;height: auto}

#bottom_block{width:100%;}
#bottom_block .bottom01_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:2vw 0}
#bottom_block .bottom01_block .img_block{width:50%;text-align: right}
#bottom_block .bottom01_block .text_block{width:50%;position: relative;}
#bottom_block .bottom01_block .text_block .content{width:100%;position: absolute;background:rgba(0,29,255,0);left:-50px;top:50px;transform: translate(0%, 0%);}
#bottom_block .bottom02_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse;padding:2vw 0}
#bottom_block .bottom02_block .img_block{width:50%;}
#bottom_block .bottom02_block .text_block{width:50%;position: relative;}
#bottom_block .bottom02_block .text_block .content{width:100%;text-align: right;position: absolute;background:rgba(0,29,255,0);left:50px;top:50px;transform: translate(0%, 0%);}

/**/
.Mtitle{font:2.7rem "微軟正黑體";font-weight:700;color:#000000;padding:0.5em 0 0.5em 0;border-bottom:1px rgba(0,0,0,0.4) solid;text-indent:0.5em;margin-bottom:0.3em;}
.Subtitle{width: 100%;font: 2.2rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 0.5em;margin:1em 0;border-left:5px solid rgba(0,0,0,0.7)}





/*main_location_info*/
#Mcontainer .location_info {float:left; width:100%; height:auto;margin:0 0 0em 0; padding:0; clear:both;}
#Mcontainer .location_info .location {/*line-height:40px;*/text-align:left;padding:0 0 1em 0;}
#Mcontainer .location_info .location span {display:inline-block; padding:0 20px 0 5px; vertical-align:middle; font:1.4rem "微軟正黑體";font-weight:bold; color:rgba(0,0,0,0.5); background:url(../images/arr_location.jpg) no-repeat right 5px;}
#Mcontainer .location_info .location span a{color:rgba(0,0,0,0.5);}
#Mcontainer .location_info .location span a:hover{color:#000000;}
#Mcontainer .location_info .location span.last {background:none;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:1.4rem "微軟正黑體";font-weight:bold; /*height:27px;line-height:27px;*/ color:#000000;}
#Mcontainer .location_info .location strong a {color:rgba(0,0,0,0.5);}
#Mcontainer .location_info .location span.searchWord {background:none; color:#000000;}


/*main_pic*/
#main_pic_block {width:100%;height:250px;background:url(../images/title01.jpg) no-repeat center top;zoom:1;}
#main_pic_block:after {content:''; clear:both; display:block;}

#spd{width:100%;height: 0px;}
@media only screen and (max-width: 991px) {
#spd{width:100%;height: 66px;}	
/*main_pic*/
#main_pic_block {width:100%;height:250px;margin: 0 auto;padding:30px 0 0 0;background:url(../images/title01.jpg) no-repeat center top; zoom:1;}	
}
#Mpic{width:100%;height:100% !important;margin:0 auto;padding:0 15%;}
#Mpic .Tfont{clear:both;position:relative;width:100%;height:0px;z-index:9;text-align: left;background: rgba(255,0,4,0.8)}
#Mpic .Tfont span{width:200px;text-align:left;text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);color:#ffffff;position:absolute;top:calc((250px/2) - 30px);background: rgba(184,255,0,0);left:2vw;}
#Mpic .Tfont span .tspan{font:3rem "Noto Serif TC", serif;font-weight:600;}
#Mpic .Tfont span .eng{font:1.8rem "微軟正黑體";font-weight: 500;color:rgba(255,255,255,0.6);padding-left:0px;}	



/*main_pic*/
#main_pic01 {width:100%;height:250px;background:url(../images/title/title01.jpg) no-repeat center top;zoom:1;}
#main_pic02 {width:100%;height:250px;background:url(../images/title/title02.jpg) no-repeat center top;zoom:1;}
#main_pic03 {width:100%;height:250px;background:url(../images/title/title03.jpg) no-repeat center top;zoom:1;}
#main_pic04 {width:100%;height:250px;background:url(../images/title/title04.jpg) no-repeat center top;zoom:1;}
/*<!--c
@media only screen and (max-width: 479px) {
/*main_pic
#main_pic01 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title01_480.jpg) no-repeat center top;zoom:1;}
#main_pic02 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title02_480.jpg) no-repeat center top;zoom:1;}
#main_pic03 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title03_480.jpg) no-repeat center top;zoom:1;}
#main_pic04 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title04_480.jpg) no-repeat center top;zoom:1;}
	

}

@media only screen and (min-width: 480px) and (max-width: 575px) {
/*main_pic
#main_pic01 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title01_580.jpg) no-repeat center top;zoom:1;}
#main_pic02 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title02_580.jpg) no-repeat center top;zoom:1;}
#main_pic03 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title03_580.jpg) no-repeat center top;zoom:1;}
#main_pic04 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title04_580.jpg) no-repeat center top;zoom:1;}
	
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
/*main_pic
#main_pic01 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title01_780.jpg) no-repeat center top;zoom:1;}
#main_pic02 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title02_780.jpg) no-repeat center top;zoom:1;}
#main_pic03 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title03_780.jpg) no-repeat center top;zoom:1;}
#main_pic04 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title04_780.jpg) no-repeat center top;zoom:1;}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*main_pic
#main_pic01 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title01_992.jpg) no-repeat center top;zoom:1;}
#main_pic02 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title02_992.jpg) no-repeat center top;zoom:1;}
#main_pic03 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title03_992.jpg) no-repeat center top;zoom:1;}
#main_pic04 {width:100%;height:250px;margin: 0 auto;padding:0px 0 0 0;background:url(../images/title/title04_992.jpg) no-repeat center top;zoom:1;}
	
}-->*/

#Mcontents{width:100%;padding:0;font:1.7rem "微軟正黑體";line-height:28px;font-weight:400;letter-spacing:1px;background: transparent}


/*about*/

#about_block{font:1.8rem "微軟正黑體";line-height: 3rem; letter-spacing:1px;color:#282828;}
#about_block .about_img{width:40%;}
#about_block .about_content{width:60%;}

/*product*/
#products_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
#products_block .prolist{width:calc((100%/3) - 2em);margin:1em;}
#products_block .prolist .ptitle{width:100%;color:rgba(0,0,0,0.7);padding:0.5em 0;font:1.8rem "微軟正黑體";font-weight: 700;}

/*service*/
.service_info{width:calc(100% - 2vw);margin:1vw;padding:1em;border-radius: 10px; background: rgba(0,0,0,0.05)}
#service_block{width:calc(100% - 2vw);margin:1vw;border:1px solid rgba(0,0,0,0.4);border-radius: 10px;padding:0.5em;display:flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}


#service_block .text03-1{width:150px;padding:0.4em 0;}
#service_block .text03-2{width:calc(100% - 300px);padding:0.4em 0;}
#service_block .text03-3{width:150px;padding:0.4em 0;}
#service_block .text03-1:nth-of-type(2n+4),#service_block .text03-2:nth-of-type(2n+5),#service_block .text03-3:nth-of-type(2n+6) {background: rgba(0,0,0,0.1);}

/**/
#brand_block{width:100%;font:1.8rem "微軟正黑體";line-height: 3rem; letter-spacing:1px;color:#282828;padding:1vw;}

/*contact*/
#contact_info{font:1.8rem "微軟正黑體";letter-spacing:1px;color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;margin: 1em 0 0 0;}
#contact_info:after {content:''; clear:both; display:block;}

#contact_info .info_block{width:33%;margin:0 2% 0 0;}
#contact_info .form_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}

#contact_info .contact_subtitle{width: 100%;font: 2.2rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 0.5em;margin:1em 0;border-left:5px solid #5b3010}

#contact_info .form_block .text02_1{width:calc(20% - 0em);padding: 0.5em 1em;margin:0.1em 0; font-weight: 700;background: #f5f5f5}
#contact_info .form_block .text02_2{width:calc((100% - 20%) - 0em);padding: 0.5em 1em;margin:0.1em 0;}
#contact_info .form_block .text02_2 .imgCaptcha_block{width:100%;}
#contact_info .form_block .text02_2 .imgCaptcha_block .text01_1{width:100%;display:inline-block;}
#contact_info .form_block .text02_2 .imgCaptcha_block .text01{width:100%;}


#contact_info input{font:1.6rem  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;width:auto}
#contact_info textarea{width:90%;font:1.6rem  "微軟正黑體";height:150px;max-height:150px; border:1px #a5a5a5 solid;padding:5px;background:#ffffff;color:#282828;}		
#contact_info select{font:1.6rem  "微軟正黑體";padding:5px;color:#282828;width:auto}

#contact_info  .line{width:100%;  height: 1px;line-height: 1px;margin:0.2em 0; border-bottom: 1px dotted #282828}



#Logistics_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:stretch;padding:0.5em}
#Logistics_block .text02_1{width:48%;margin:0 2% 0 0;}
#Logistics_block .text02_1 ul {list-style:disc;padding:0 0 0 2em;}
#Logistics_block .text02_1 ol {list-style:decimal;padding:0 0 0 2em;}


#Logistics_block .text02_2{width:50%;}


/*******************mobile**************************/
@media only screen and (max-width: 479px) {
/*prolist*/

#Ptext_block .Ptext_content{width:100%;font:2rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;margin:0 auto;padding:4em 0 0 0}
	
#item_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;padding:0.5em 2vw;}
#item_block .item01{width:calc(100%/1);padding:2px;}
#item_block .item02{width:calc(100%/1);padding:2px;}
#item_block .item03{width:calc(100%/1);padding:2px;}	
	
	
#bottom_block{width:100%;}
#bottom_block .bottom01_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:2vw 0}
#bottom_block .bottom01_block .img_block{width:100%;text-align: right}
#bottom_block .bottom01_block .text_block{width:100%;position: relative;}
#bottom_block .bottom01_block .text_block .content{width:100%;position:static;background:rgba(0,29,255,0.5);left:0px;top:0px;transform: translate(0%, 0%);}

	
#bottom_block .bottom02_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse;padding:2vw 0}
#bottom_block .bottom02_block .img_block{width:100%;}
#bottom_block .bottom02_block .text_block{width:100%;position: relative;}
#bottom_block .bottom02_block .text_block .content{width:100%;text-align: right;position: static;background:rgba(0,29,255,0);left:0px;top:0px;transform: translate(0%, 0%);}
	
	
/*footer*/
#footer_block{width:100%;height: auto; padding:1em 0;background: #000000}
#footer_info_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#footer_info_block .footer_Lblock{width:calc(100% - 35px);color: #ffffff;}

#footer_info_block .footer_Lblock .flink_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#footer_info_block .footer_Lblock .flink_block .column{width:calc(100%/3);padding:0 0.5em 0 0; color:#ffffff;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_info_block .footer_Lblock .flink_block .column .title{font-size:1.5rem;font-weight: 400; color:#ffffff;width:auto;margin:0 }
#footer_info_block .footer_Lblock .flink_block .column .title a{color:#ffffff;}
#footer_info_block .footer_Lblock .flink_block .column .title a:hover{color:#ffffff;}

#footer_info_block .footer_Rblock{width:35px;text-align: left}	
#footer_block .Copy_block{width:100%;color:#ffffff;font-size:1.3rem;font-weight: 400;text-align: left;padding:0 0.5em;}		

	
/*product*/
#products_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
#products_block .prolist{width:calc((100%/1) - 1em);margin:0.5em;}
	
	
/*service*/
.service_info{width:calc(100% - 2vw);margin:1vw;padding:1em;border-radius: 10px; background: rgba(0,0,0,0.05)}
#service_block{width:calc(100% - 2vw);margin:1vw;border:1px solid rgba(0,0,0,0.4);border-radius: 10px;padding:0.5em;display:flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}


#service_block .text03-1{width:100%;padding:0.1em 0;margin:0.5em 0 0 0;}
#service_block .text03-2{width:calc(100% - 0px);padding:0.1em 0;}
#service_block .text03-3{width:100%;padding:0.1em 0;marign:0 0 0.5em 0;}
#service_block .text03-1:nth-of-type(2n+4),#service_block .text03-2:nth-of-type(2n+5),#service_block .text03-3:nth-of-type(2n+6) {background: rgba(0,0,0,0.1);}
	
	
/*contact*/
#contact_info{font:1.8rem "微軟正黑體";letter-spacing:1px;color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;margin: 1em 0 0 0;}
#contact_info:after {content:''; clear:both; display:block;}

#contact_info .info_block{width:33%;margin:0 2% 0 0;}
#contact_info .form_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}

#contact_info .contact_subtitle{width: 100%;font: 2.2rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 0.5em;margin:1em 0;border-left:5px solid #5b3010}

#contact_info .form_block .text02_1{width:calc(100% - 0em);padding: 0.5em 1em;margin:0.1em 0; font-weight: 700;background: #f5f5f5}
#contact_info .form_block .text02_2{width:calc((100% - 0%) - 0em);padding: 0.5em 1em;margin:0.1em 0;}
#contact_info .form_block .text02_2 .imgCaptcha_block{width:100%;}
#contact_info .form_block .text02_2 .imgCaptcha_block .text01_1{width:100%;display:inline-block;}
#contact_info .form_block .text02_2 .imgCaptcha_block .text01{width:100%;}	

#contact_info input{font:1.6rem  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;width:100%;}
#contact_info textarea{width:100%;font:1.6rem  "微軟正黑體";height:150px;max-height:150px; border:1px #a5a5a5 solid;padding:5px;background:#ffffff;color:#282828;}		
#contact_info select{font:1.6rem  "微軟正黑體";padding:5px;color:#282828;width:auto}

#contact_info  .line{width:100%;  height: 1px;line-height: 1px;margin:0.2em 0; border-bottom: 1px dotted #282828}
	
	
}
@media only screen and (min-width: 480px) and (max-width: 575px) {
/*prolist*/

#Ptext_block .Ptext_content{width:100%;font:2rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;margin:0 auto;padding:4em 0 0 0}	
	
#item_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;padding:0.5em 2vw;}
#item_block .item01{width:calc(100%/1);padding:2px;}
#item_block .item02{width:calc(100%/1);padding:2px;}
#item_block .item03{width:calc(100%/1);padding:2px;}	
	
#bottom_block{width:100%;}
#bottom_block .bottom01_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:2vw 0}
#bottom_block .bottom01_block .img_block{width:100%;text-align: right}
#bottom_block .bottom01_block .text_block{width:100%;position: relative;}
#bottom_block .bottom01_block .text_block .content{width:100%;position:static;background:rgba(0,29,255,0.5);left:0px;top:0px;transform: translate(0%, 0%);}

	
#bottom_block .bottom02_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse;padding:2vw 0}
#bottom_block .bottom02_block .img_block{width:100%;}
#bottom_block .bottom02_block .text_block{width:100%;position: relative;}
#bottom_block .bottom02_block .text_block .content{width:100%;text-align: right;position: static;background:rgba(0,29,255,0);left:0px;top:0px;transform: translate(0%, 0%);}
	
	
/*footer*/
#footer_block{width:100%;height: auto; padding:1em 0;background: #000000}
#footer_info_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#footer_info_block .footer_Lblock{width:calc(100% - 35px);color: #ffffff;}

#footer_info_block .footer_Lblock .flink_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#footer_info_block .footer_Lblock .flink_block .column{width:calc(100%/5);padding:0 0.5em 0 0; color:#ffffff;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_info_block .footer_Lblock .flink_block .column .title{font-size:1.5rem;font-weight: 400; color:#ffffff;width:auto;margin:0 }
#footer_info_block .footer_Lblock .flink_block .column .title a{color:#ffffff;}
#footer_info_block .footer_Lblock .flink_block .column .title a:hover{color:#ffffff;}

#footer_info_block .footer_Rblock{width:35px;text-align: left;}	
#footer_block .Copy_block{width:100%;color:#ffffff;font-size:1.3rem;font-weight: 400;text-align: left;padding:0 0.5em;}		

	
/*product*/
#products_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
#products_block .prolist{width:calc((100%/1) - 1em);margin:0.5em;}	
	
	
/*contact*/
#contact_info{font:1.8rem "微軟正黑體";letter-spacing:1px;color:#282828;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;padding: 0em 0em;margin: 1em 0 0 0;}
#contact_info:after {content:''; clear:both; display:block;}

#contact_info .info_block{width:33%;margin:0 2% 0 0;}
#contact_info .form_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}

#contact_info .contact_subtitle{width: 100%;font: 2.2rem "微軟正黑體";font-weight: 700;color: #222222;padding:0 0 0 0.5em;margin:1em 0;border-left:5px solid #5b3010}

#contact_info .form_block .text02_1{width:calc(100% - 0em);padding: 0.5em 1em;margin:0.1em 0; font-weight: 700;background: #f5f5f5}
#contact_info .form_block .text02_2{width:calc((100% - 0%) - 0em);padding: 0.5em 1em;margin:0.1em 0;}
#contact_info .form_block .text02_2 .imgCaptcha_block{width:100%;}
#contact_info .form_block .text02_2 .imgCaptcha_block .text01_1{width:100%;display:inline-block;}
#contact_info .form_block .text02_2 .imgCaptcha_block .text01{width:100%;}	

#contact_info input{font:1.6rem  "微軟正黑體";border:1px #a5a5a5 solid;background:#ffffff;padding:5px;color:#282828;width:100%;}
#contact_info textarea{width:100%;font:1.6rem  "微軟正黑體";height:150px;max-height:150px; border:1px #a5a5a5 solid;padding:5px;background:#ffffff;color:#282828;}		
#contact_info select{font:1.6rem  "微軟正黑體";padding:5px;color:#282828;width:auto}

#contact_info  .line{width:100%;  height: 1px;line-height: 1px;margin:0.2em 0; border-bottom: 1px dotted #282828}
	
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
/*prolist*/

#Ptext_block .Ptext_content{width:100%;font:2rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;margin:0 auto;padding:4em 0 0 0}	
	
#item_block{width:100%;display: flex;flex-wrap: wrap;justify-content: center;padding:0.5em 2vw;}
#item_block .item01{width:calc(100%/2);padding:2px;}
#item_block .item02{width:calc(100%/2);padding:2px;}
#item_block .item03{width:calc(100%/2);padding:2px;}	
	
#bottom_block{width:100%;}
#bottom_block .bottom01_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:2vw 0}
#bottom_block .bottom01_block .img_block{width:50%;text-align: right}
#bottom_block .bottom01_block .text_block{width:50%;position: relative;}
#bottom_block .bottom01_block .text_block .content{width:100%;position: absolute;background:rgba(0,29,255,0);left:-25px;top:25px;transform: translate(0%, 0%);}
#bottom_block .bottom02_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse;padding:2vw 0}
#bottom_block .bottom02_block .img_block{width:50%;}
#bottom_block .bottom02_block .text_block{width:50%;position: relative;}
#bottom_block .bottom02_block .text_block .content{width:100%;text-align: right;position: absolute;background:rgba(0,29,255,0);left:25px;top:25px;transform: translate(0%, 0%);}

	
	
/*footer*/
#footer_block{width:100%;height: auto; padding:1em 0;background: #000000}
#footer_info_block{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items: stretch;}
#footer_info_block .footer_Lblock{width:calc(100% - 35px);color: #ffffff;}

#footer_info_block .footer_Lblock .flink_block{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;}
#footer_info_block .footer_Lblock .flink_block .column{width:calc(450px/5);padding:0 0.5em 0 0; color:#ffffff;display:flex;flex-wrap: wrap;justify-content: flex-start;}
#footer_info_block .footer_Lblock .flink_block .column .title{font-size:1.5rem;font-weight: 400; color:#ffffff;width:auto;margin:0 }
#footer_info_block .footer_Lblock .flink_block .column .title a{color:#ffffff;}
#footer_info_block .footer_Lblock .flink_block .column .title a:hover{color:#ffffff;}

#footer_info_block .footer_Rblock{width:35px;text-align: left;}	
#footer_block .Copy_block{width:100%;color:#ffffff;font-size:1.3rem;font-weight: 400;text-align: left;padding:0 0.5em;}		
	
	
	
/*product*/
#products_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
#products_block .prolist{width:calc((100%/2) - 1em);margin:0.5em;}	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
/*prolist*/

#Ptext_block .Ptext_content{width:80%;font:2rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;margin:0 auto;padding:4em 0 0 0}	
	
#bottom_block{width:100%;}
#bottom_block .bottom01_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;padding:2vw 0}
#bottom_block .bottom01_block .img_block{width:50%;text-align: right}
#bottom_block .bottom01_block .text_block{width:50%;position: relative;}
#bottom_block .bottom01_block .text_block .content{width:100%;position: absolute;background:rgba(0,29,255,0);left:-25px;top:25px;transform: translate(0%, 0%);}
#bottom_block .bottom02_block{with:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction:row-reverse;padding:2vw 0}
#bottom_block .bottom02_block .img_block{width:50%;}
#bottom_block .bottom02_block .text_block{width:50%;position: relative;}
#bottom_block .bottom02_block .text_block .content{width:100%;text-align: right;position: absolute;background:rgba(0,29,255,0);left:25px;top:25px;transform: translate(0%, 0%);}
	
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/*prolist*/

#Ptext_block .Ptext_content{width:80%;font:2rem  "Noto Serif TC", serif;font-weight: 500;text-align: center;margin:0 auto;padding:4em 0 0 0}	
}
@media only screen and (max-width: 730px) {
	
}