/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: '微軟正黑體', sans-serif; overflow-x: hidden; font-weight: 400;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { /*margin:0; padding:0; list-style:none;*/
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}
/*ol > li {list-style: auto; margin-left: 30px;}*/

h1, h2, h3, h4, h5, h6 {font-family: '微軟正黑體', sans-serif; letter-spacing: 0.05rem;}

td, li, label {font-weight: 400; line-height: 32px;}

.content-Box { max-width:1200px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 17px; line-height:32px; color: #333; padding-top: 100px; letter-spacing: 0.05rem; background: url(../images/main-bg.jpg) repeat-y top center; background-size: cover;}
#content p{ padding-bottom: 30px;}

#path { padding:10px 40px; margin-bottom: 30px; text-align: left; background: linear-gradient(0deg, #ffffff 0%, #f6f6f6 100%);}
#path li { display: inline-block; vertical-align: top; font-size: 15px; font-weight: 400; line-height: 32px;}
#path li:after { content:"/"; display: inline-block; vertical-align: top; padding: 0 0 0 4px;}
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #404040;}
#path li a:hover { opacity: 0.6;}

.main-section { padding: 0 20px;}
.main-section ul > li {list-style: disc; /*margin-left: 30px;*/}
.title01 { padding-bottom: 15px; margin-bottom: 15px; position: relative;border-bottom: 1px solid #dcdcdc;}
.title01 h1 { font-size: 30px; line-height: 110%; font-weight: 600; padding: 0; margin: 0;}
.title01 h1:after { content:"";position: absolute;left:0;bottom:-1px;width: 3em;height: 2px;background: #e03e25;}
.title02 h1:after { left:calc(50% - 1.5em)}


/*about*/
.about-section { display:flex; flex-direction: column; flex-wrap: nowrap;}
.about-section > div { padding-bottom: 150px;display:flex; flex-direction: row; flex-wrap: wrap; line-height: 30px; }
.about-section > div > div { width: 50%; font-weight: 400;}
.about-section > div > div p {font-size: 17px; font-weight: 400; line-height: 30px; letter-spacing: 0.05rem; margin: 0;}
.about-section > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
.about-section > div:nth-child(even) > div:nth-of-type(2) { order: 1;}
.organization { padding: 5% 0 10% 0;}

.about-title {  line-height: 100%; font-size: 60px; padding-bottom:15px; font-weight: bold;}
.about-title2 {  font-size: 30px;}
.about-data-1 { padding-right: 80px;}
.about-data-2 { padding-left: 80px;}
.about-pto-1 { line-height: 0; text-align: center;}
.about-pto-1 img { }
.about-pto-1 img { box-shadow: -60px 60px 30px 0px rgba(0,0,0,0.2);}
.about-pto-1 > div{width:calc(50% - 10px);margin-right: 20px;margin-bottom: 10px;}
.about-pto-1 > div:nth-child(2n+2){width:calc(50% - 10px);margin-right: 0;}
.about_pto_flex {display: flex;align-items: flex-end;flex-wrap: wrap;}
.about_pto_flex a:hover {opacity: 0.8;}
.about-pto-2 { display: flex; flex-direction: row; flex-wrap: nowrap; position: relative;}
.about-pto-2:before, .about-pto-2:after { content: ""; position: absolute; }
.about-pto-2:before { height:492px;width: 90%; /*background: linear-gradient(-53deg, #eb5c22 0%, #e72a28 100%);*/ left: -94px; top:50px;}
.about-pto-2:after { height: 468px;width: calc(90% - 24px); z-index: 2; left: -82px; background: #fff; top:62px;}
.about-pto-2 > div { box-shadow: -50px 50px 30px 0px rgba(0,0,0,0.3); position: absolute; z-index: 3; line-height: 0;border: 8px solid #fff;}
.about-pto-2 > div img { width: 100%; }
.about-pto-2 > div:nth-of-type(1) { width: 60%; }
.about-pto-2 > div:nth-of-type(2) { width: 60%; z-index: 4; top:80px; right: -10px;}
.about-pto-2 > div:nth-of-type(3) { width: 60%; z-index: 4; top:240px; left: 50px;}
.no-shadow { box-shadow:none !important;}

.history {margin-top: 5%; padding-bottom: 20%;}
.history > div {margin: 0 auto 10px 0;display: flex;flex-flow: row;width:calc(50% + 1px);justify-content: flex-end;text-align: right;position: relative;}
.history > div::before {content: '';position: absolute;top: 34px;right: -4px;width: 10px;height: 10px;border-radius: 100%;background: #a50e0b;z-index: 3;}
.history > div::after {content: '';position: absolute;top: 44px;right: 0;bottom: 0;background: #9e9e9e;width: 1px;z-index: 2;}
.history > div:last-child::after {height: 150%;}
.history > div .text {width: 100%; padding: 0 95px 0 0;margin-bottom: 62px;}
.history > div .text span {color: #0d5da8;font-weight: 600;}
.history > div .year {color: #a50e0b;font-weight: 600;text-align: center;font-size: 24px;width: 80px;position: absolute; top: 0; right: -40px;}
.history > div .year::before {content: '';position: absolute; top: 15px;right: 75px;width: 50px;height: 1px;background: #9e9e9e;}
.history > div:nth-child(2n+2) {margin: 0 0 10px auto;flex-flow: row-reverse;text-align: left;position: relative;}
.history > div:nth-child(2n+2)::before {right: auto; left: -4px;}
.history > div:nth-child(2n+2)::after {right: auto;left:0;}
.history > div:nth-child(2n+2) .text {padding: 0 0 0 95px;}
.history > div:nth-child(2n+2) .year {color: #a50e0b;font-weight: 600;text-align: center;font-size: 24px;width: 80px;position: absolute; top: 0; left: -40px;}
.history > div:nth-child(2n+2) .year::before {left: 75px;right: auto;}



/*products*/
.pro-section { padding: 0px 20px 60px 20px; /*margin-left: -20px;*/ margin-top: -30px; width: 100%; overflow-x: auto;}
.pro-list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 30px 0 60px 0;}
.pro-list > div { width: 33.33%; box-shadow: 0 0 1px rgba(0,0,0,0.5); transition: all 0.4s ease-out 0s; background: #e3e3e3;}
.pro-list > div:hover .pro-data { height: 100%; background: rgba(0,0,0,.8)}
.pro-content {position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 85px 0; height: 100%;}
.pro-pto { line-height: 0;}
.pro-pto img { width: 100%;}
.pro-data { position: absolute;z-index: 2; bottom: 0; left: 0; width: 100%; height: 40px; background: rgba(0,0,0,.3); color: #fff; font-size: 18px;font-weight: bold; display: flex; flex-direction: row; flex-wrap: nowrap;  align-items: center; justify-content: center;transition: all 0.4s ease-out 0s;}

/*products-list*/
.pro-list2 { display: flex; flex-direction: row; flex-wrap: wrap; }
.pro-list2 > div { width: 25%; padding: 0 25px 40px 25px;}
.pro-list2-pto { line-height: 0; border-bottom: 1px solid #9a9a9d; margin-bottom: 12px; overflow: hidden;}
.pro-list2-pto img { width: 100%;}
.pro-list2-name { text-align: center;}

#page { text-align: center; padding:0px 0 60px 0;}
#page a { width: 24px; height: 24px; line-height: 22px; border: 1px solid #333333; text-align: center; color: #333; font-size: 16px; font-weight: normal; background: #fff; margin: 0 6px 12px 6px; display: inline-block; border-radius: 100%; }
#page a:hover, #page a.current { color: #fff;background: #194b7a;}

/*products-detail*/
.products-detail-section { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-bottom: 50px; }
.products-detail-section > div { width: 50%; }
.products-detail-section > div:nth-of-type(2) { padding: 0 20px; }

.loop .owl-dots { }
.loop .owl-item {position: relative; }
.loop .owl-item > div {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.loop .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop .owl-prev, .loop .owl-next { position:absolute; z-index:100; top:calc(50% - 40px); background:none !important;}
.loop .owl-prev { left:0px; }
.loop .owl-next { right:0px;}
.loop .owl-prev:before, .loop .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.3;transition: all 0.4s ease-out 0s;width: 107px; height: 107px; background-size: contain; display: block;}
.loop .owl-prev:before { background-image:url(../images/left-arrow.png); content: ""; }
.loop .owl-next:before { background-image:url(../images/right-arrow.png); content: ""; }
.loop .owl-prev:hover:before, .loop .owl-next:hover:before { opacity: 1;}
.loop .owl-stage-outer {z-index: 2;}
.loop .owl-dots { position: absolute; z-index: 100; bottom: -25px; width: 100%; text-align: center !important; padding: 0 50px; }
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: #dcdcdc !important; width: 30px !important; height: 5px !important; border-radius: 3px;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: #eb5c22 !important; }

.p-detail-info { max-width: 466px; margin: 0 auto; text-align: left;box-shadow:inset 0px 0px 40px 0px rgba(0,0,0,0.1); padding: 55px 45px 40px 45px;}
.p-detail-title { font-size: 22px; font-weight: bold; padding-bottom: 25px;}
.p-detail-info-bottom { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-top: 10px;}
.p-detail-info-bottom > div { padding-bottom: 20px;}
.p-detail-info-bottom > div:nth-of-type(1) { margin-left: -57px; padding-left: 12px; background: url(../images/contact-btn-bg.png) no-repeat top left; height: 56px;}
.btn-contact {display: inline-block;line-height: 40px; color: #fff !important; font-size: 15px; font-weight: bold; background: #065daf; padding: 0 16px; width: 140px;}
.p-detail-info-bottom-back { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-top: 10px;}
.p-detail-info-bottom-back > div { padding-bottom: 20px;}
.p-detail-info-bottom-back > div:nth-of-type(1) { margin-left: -57px; padding-left: 12px; background: url(../images/contact-btn-back-bg.png) no-repeat top left; height: 56px;}
.btn-contact2 {display: inline-block;line-height: 40px; color: #fff !important; font-size: 15px; font-weight: bold; background: #cd300c; padding: 0 16px; width: 140px;}
.btn-contact:hover, .btn-contact2:hover {width: 150px;}

/*service*/
ul.resp-tabs-list { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin-bottom: 30px; border-bottom: 2px solid #dbdbe0; padding-top: 10px; background: #fff;}
.resp-tabs-list li { text-align: center; position: relative; color: #777; padding-bottom: 15px; margin-right: 24px;  font-size: 15px; cursor: pointer; line-height: 110%; letter-spacing: 0;}
.resp-tabs-list li a { color: #777;}
.resp-tabs-list li:before { content: "";position: absolute; right:-20px; top:20px; background: url(../images/arrow.png); background-size: 16px 16px; opacity: 0.3; width: 16px; height: 16px;}
.resp-tabs-list li:nth-last-child(2):before { right:-15px; top:0px; width: 2px; height: 100%; background: #888;}
.resp-tabs-list li:last-child {margin-right: 0; }
.resp-tabs-list li:last-child:before { display: none;}

.resp-tabs-pto { text-align: center; line-height: 0; margin-bottom: 16px;}
.resp-tabs-pto img { height: 45px;}
.scrollfixed img { height: 25px;}
.resp-tabs-list li:after { content: ""; position: absolute;bottom: -2px; left: 0; width: 100%; height: 0px; background: #e72828; display: block;}
.resp-tabs-list li.current:after, .resp-tabs-list li:hover:after { height: 2px;}

.service-section { max-width: 1000px; margin: 0 auto; text-align: left;}
.service-section .resp-tabs-list {padding: 10px 0 0 0;}
.service-section .resp-tabs-list li {margin-left: 30px;}
.idx-service-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-bottom: 30px;}
.idx-service-content > div:nth-of-type(1) { width: 85%; line-height: 0;border-radius: 10px; overflow: hidden;}
.idx-service-content > div:nth-of-type(1) img {  width: 100%;}
/*.idx-service-content > div:nth-of-type(2) { width: 34%; border-radius: 0 10px 10px 0; background: #194b7a; padding: 30px; color: #fff;}*/
.idx-service-title { text-align: center; padding: 0 0 20px 0; color: #194b7a;}
.idx-service-title2 { text-align: center; font-size: 22px; padding-bottom: 25px;color: #194b7a;}
.idx-service-info { display: flex; flex-direction: row; flex-wrap: wrap;justify-content: center; margin-top: 10px;}
.idx-service-info li { display: flex; flex-direction: row; flex-wrap: nowrap;padding:0 6px 12px 6px; min-width: 190px;}
.idx-service-info li > div:nth-of-type(1) { width: 34px; font-size:22px;}
.idx-service-info li > div:nth-of-type(2) { width: calc(100% - 34px); font-size: 22px;}
.align-center { text-align: center;}

.link-1 { text-align: center; padding-bottom: 35px; display: flex;justify-content: center;flex-wrap: wrap;}
.link-1 a { font-size: 15px; color: #0d5da8; display: inline-block; position: relative; border: 1px solid #0d5da8; width: 90px; height: 90px; line-height: 80px; text-align: center; border-radius: 100%; letter-spacing: 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;line-height: 1.5;}
/*.link-1 a:after { content: ""; position: absolute; bottom: -3px; left: 0; width: 0; height: 1px; background: #0d5da8; transition: all 0.4s ease-out 0s;}
.link-1 a:hover:after { width: 100%;}*/
.link-1 a:hover { background: #0d5da8; color: #fff; }

.one_stop {font-weight: 400; font-size: 17px; line-height: 32px;}
.one_stop p {font-weight: 400; font-size: 17px; line-height: 32px; margin: 0;}
.one_stop a {color: #0d5da8;}
.one_stop a:hover {color: #a50e0b;}
.one_stop ul,.one_stop ol {padding-left: 20px;margin-bottom: 20px;}
.one_stop ul ol,.one_stop ol ul {margin-bottom: 0}
.one_stop ul li {list-style-type: disc; font-weight: 400; font-size: 17px; line-height: 32px; margin-left: 30px;}
.one_stop ol li {list-style-type: decimal; font-weight: 400; font-size: 17px; line-height: 32px; margin-left: 30px;}
.one_stop h2 {font-size: 24px;color: #a50e0b;font-weight: 600;line-height: 32px; position: relative;z-index: 1;margin: 34px 0 26px 0;}
.one_stop h2::before {content: '';position: absolute;bottom: -15px;left: 0;width: 100%;background: #dcdcdc;height: 1px;z-index: 2;}
.one_stop h2::after {content: '';position: absolute;bottom: -15px;left: 0;width: 80px;height: 2px;background: #e72828;z-index: 3;}
.one_stop h3 {color: #0d5da8;font-size: 20px;font-weight: 600; line-height: 32px; display: flex;flex-flow: row;align-items: center;margin-top: 0;margin-bottom: 10px;}
.one_stop h3 > span {border: 1px solid #0d5da8;padding: 0 5px;border-radius: 100%;width: 35px;display: block;height: 35px;text-align: center;margin-right: 10px;}
.one_stop h4 {font-size: 17px;color: #194b7a;line-height: 32px;font-weight: 600;position: relative;z-index: 1;margin: 0 0 10px 0;}
.one_stop h4::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(90deg, #dcdcdc, transparent);height: 1px;z-index: 2;}
.one_stop h4::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background: #0d5da8;z-index: 3;}
.one_stop .blue { color: #0d5da8;}
.one_stop .strong {font-size: 20px;font-weight: 600;padding: 10px 0 !important;}
.one_stop .ali_center {align-items: center!important;}
.one_stop .no_mrn_30 {margin-bottom: 0!important;}
.one_stop .mrn_60 {margin-bottom: 60px!important;}
.one_stop .width_85 {width: 85%!important;margin: 0 0 30px auto;}
.one_stop .flex_55 {display: flex;flex-flow: row wrap;margin-bottom: 30px;}
.one_stop .flex_55 > div {width: 49%;margin: 0 2% 30px 0;}
.one_stop .flex_55 > div:nth-child(2n+2) {margin: 0 0 60px 0;}
.one_stop .flex_46,.one_stop .flex_64,.one_stop .flex_64_2 {display: flex;flex-flow: row wrap;margin-bottom: 30px;}
.one_stop .flex_46 > div {width: 38%;margin: 0 5% 30px 0;}
.one_stop .flex_46 > div:nth-child(2n+2) {width: 57%; margin: 0 0 30px 0;}
.one_stop .flex_64 > div {width: 57%;margin: 0 5% 30px 0;}
.one_stop .flex_64 > div:nth-child(2n+2) {width: 38%; margin: 0 0 30px 0;}
.one_stop .flex_64_2 > div {width: 53%;margin: 0 4% 30px 0;}
.one_stop .flex_64_2 > div:nth-child(2n+2) {width: 43%;margin: 0 0 30px 0;}
.one_stop .flex_row {display: flex;flex-flow: wrap row;margin-bottom: 30px;}
.one_stop .flex_row > .pic {width: 262px;margin: 0 0 30px 60px;}
.one_stop .flex_row > .pic::before {width: 94.658%;height: 93.956%;top: 13%;left: -10.5%;}
.one_stop .pic {width: 93.88%;margin: 0 0 0 auto;position: relative;z-index: 1;line-height: 0;box-shadow: -15px 20px 20px rgb(0 0 0 / 35%);display: block;}
.one_stop .pic::before {content: '';position: absolute;top: 11%;left: -6.5%;border: 7px solid #e72828;width: 96.959%;height: 95.285%;z-index: -1;}
.one_stop .pic_100 {width: 100%;margin: 0 0 70px 0;position: relative;z-index: 1;line-height: 0;box-shadow: -15px 20px 20px rgb(0 0 0 / 35%);display: block;}
.one_stop .pic_100::before {content: '';position: absolute;top: 13%;left: -3%;border: 7px solid #e72828;width: 98.6%;height: 93.43%;z-index: -1;}
.one_stop .red_border {display: flex;flex-flow: row wrap; justify-content: space-between;align-items: center;margin: -30px 0 20px 0; position: relative;z-index: 1;}
.one_stop .red_border::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 7px solid #e72828;width: 80%;height: 70%;z-index: -1;}
.one_stop .red_border > div:nth-child(1) {width: 37%;}
.one_stop .red_border > div:nth-child(2) {width: 26%;}
.one_stop .red_border > div:nth-child(3) {width: 37%;}
.one_stop .red_border > div:nth-child(2) {padding: 0 2.5%;}
.one_stop .red_border > div > div {line-height: 0;margin: 30px 0;}
.one_stop .red_border > div img {box-shadow: -15px 20px 20px rgb(0 0 0 / 35%);}


/*manufacture-and-quality*/
.Quality {margin: 2% 0;}
.Quality h2 {font-size: 24px;color: #a60e0b;font-weight: 600;line-height: 32px;margin: 0;margin-bottom: 10px;}
.Quality .resp-tabs-container {max-width: unset;}
.Quality .resp-tabs-container .pic {display: flex;flex-flow: row wrap;}
.Quality .resp-tabs-container .pic > div {width: 32%;margin: 0 2% 30px 0;}
.Quality .resp-tabs-container .pic > div:nth-child(3n+3) {margin: 0 0 30px 0;}
.Quality .resp-tabs-list { background: none; border-bottom: none;}
.Quality .resp-tabs-list li {list-style: none; font-size: 17px; color: #333333;padding: 10px 15px;margin: 12px;}
.Quality .resp-tabs-list li:last-child{margin-right: 12px;}
.Quality .resp-tabs-list li:hover,.Quality .resp-tabs-list li.resp-tab-active {background: #a50e0b; color: #fff!important;}
.Quality .resp-tabs-list li:before,.Quality .resp-tabs-list li:after{display: none;}

/*product-text-show*/
.pro-text-show p{margin: 0!important; padding: 0 20px!important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 18px; font-weight: 600;}
.pro-list > div:hover .pro-text-show p{overflow: hidden;text-overflow: inherit; white-space: inherit;}

@media only screen and (max-width:  1279px) {
	td, li, label {font-size: 16px; line-height: 28px;}
    #content { padding-top: 70px; font-size: 16px; line-height: 28px;}
	
	#path { padding:10px 20px; margin-bottom: 0px;}
    #path li {line-height: 28px;}
    
    .about-section > div > div p, .main-section ul > li {font-size: 16px;}
	
	.pro-section { margin-top: 0; padding: 0px 0px 40px 0px;}
	
	.pro-list {margin: 30px 0 40px 0;}
}
@media only screen and (max-width: 980px) {
	.title01 { padding-bottom: 15px;}
	.title01 h1 { font-size: 22px; }
	
	.about-title {  font-size: 36px; padding-bottom: 15px;}
	.about-title2 {  font-size: 25px;}
	.about-section > div { padding-bottom: 30px;}
	.about-section > div > div { width: 100%;}
	.about-section > div:nth-child(odd) > div:nth-of-type(1) { order: 2;}
	.about-section > div:nth-child(odd) > div:nth-of-type(2) { order: 1;}
	.about-pto-1 {margin-bottom: 25px;}
	.about-pto-1 img {box-shadow:none;}
	.about-data-1 { padding-right: 0px;}
	
	.about-data-2 { padding-left: 0px;}
	.about-pto-2 { margin-bottom: 65px;}
	.about-pto-2:before, .about-pto-2:after { display: none;}
	.about-pto-2 > div { position: static; box-shadow:none;margin-right: 2%;border: 0;}
	.about-pto-2 > div:nth-of-type(1) {width: 32%;}
	.about-pto-2 > div:nth-of-type(2) {width: 32%;}
	.about-pto-2 > div:nth-of-type(3) {width: 32%;margin-right: 0;}
	
	.pro-list > div { width: 50%; }
	.pro-content {padding: 50px 0;}
	
	.products-detail-section > div { width: 100%; }
	.products-detail-section > div:nth-of-type(1) { margin-bottom: 50px; }
	.products-detail-section > div:nth-of-type(2) { padding: 0; }
	.p-detail-info { max-width: 100%; padding: 40px 30px 30px 30px;}
	.p-detail-info-bottom, .p-detail-info-bottom-back { flex-direction: column; }
	.p-detail-info-bottom > div:nth-of-type(1), .p-detail-info-bottom-back > div:nth-of-type(1) { margin-left: -42px; margin-bottom: 20px; }
	.p-detail-info-bottom > div:nth-of-type(2) { text-align: right; }
    .p-detail-info-bottom-back > div:nth-of-type(2) {display: none;}
	
	.idx-service-content > div:nth-of-type(1) { width: 100%; border-radius: 10px 10px 0 0;}
	.idx-service-content > div:nth-of-type(2) { width: 100%; border-radius: 0 0 10px 10px; padding: 20px;}
	
	ul.resp-tabs-list { padding-top: 30px; /*margin-left: -20px; width: calc(100% + 40px);*/ }
}
@media only screen and (max-width: 768px) {
	.history > div,.history > div:nth-child(2n+2) {margin: 10px 0 0 0;flex-flow: row-reverse;width:100%;justify-content: flex-start;text-align: left;position: relative;}
	.history > div::before,.history > div:nth-child(2n+2)::before {left: 25px;right: auto;}
	.history > div::after,.history > div:nth-child(2n+2)::after {left: 29.5px;}
	.history > div .year,.history > div:nth-child(2n+2) .year {position: relative;top: 0;left: 0;width: 130px;text-align: left;margin-bottom: 90px;}
	.history > div .year::before,.history > div:nth-child(2n+2) .year::before { left: 70px;}
	.history > div .text,.history > div:nth-child(2n+2) .text {padding: 0;min-height: auto;width: calc(100% - 130px);}
	.history > div:last-child::after {height: 100%;}
	
	.one_stop .pic::before,.one_stop .pic_100::before {border: 5px solid #e72828;}
	.one_stop .red_border {flex-flow: column wrap;margin: 0 0 20px 0;}
	.one_stop .red_border::before {display: none;}
	.one_stop .red_border > div:nth-child(1),.one_stop .red_border > div:nth-child(2),.one_stop .red_border > div:nth-child(3) {width: 100%;display: flex;flex-flow: row wrap;justify-content: space-around;}
	.one_stop .red_border > div:nth-child(2) {order: 3;padding: 0;}
	.one_stop .red_border > div:nth-child(3) {order: 2;}
	.one_stop .red_border > div > div {width: 48%;margin: 0 0 30px 0;}
	
	.pro-list2 > div { width: 50%; }

	ul.resp-tabs-list { flex-wrap: wrap; padding-top: 0; }
	.resp-tabs-list li { /*margin-bottom: 20px; width: calc(20% - 36px);*/ font-size: 14px;}
	.resp-tabs-pto img { height: 35px; display: none;}
	
	.Quality .resp-tabs-container .resp-accordion {margin-top: 20px;}
	.Quality .resp-tabs-container .resp-tab-active {color: #a60e0b;}
	.Quality .resp-tabs-container .resp-tab-active .resp-arrow:after {color: #a60e0b;}
}
@media only screen and (max-width: 640px) {
	
	.one_stop .flex_46 {flex-flow: column-reverse wrap;}
	.one_stop .width_85 {width: 100%!important;margin: 0 0 30px 0;}
	.one_stop .flex_46 > div,.one_stop .flex_46 > div:nth-child(2n+2),
	.one_stop .flex_55 > div,.one_stop .flex_55 > div:nth-child(2n+2),
	.one_stop .flex_64 > div,.one_stop .flex_64 > div:nth-child(2n+2),
	.one_stop .flex_64_2 > div,.one_stop .flex_64_2 > div:nth-child(2n+2) {width: 100%;margin: 0 0 60px 0;}
	.one_stop .width_85 > div {margin: 0 0 60px 0!important;}
	
	.Quality .resp-tabs-container .pic > div {width: 48%;margin: 0 4% 30px 0;}
	.Quality .resp-tabs-container .pic > div:nth-child(3n+3) {margin: 0 4% 30px 0;}
	.Quality .resp-tabs-container .pic > div:nth-child(2n+2) {margin: 0 0 30px 0;}
}
@media only screen and (max-width: 570px) {
	
	.pro-list > div { width: 100%; }
	.pro-content {padding: 50px 0px;}
	.pro-list2 > div { width: 100%; padding: 0 0 25px 0;}
	
	.about-pto-2{flex-wrap: wrap;margin-bottom: 45px;}
	.about-pto-2 > div{margin-right: 20px;margin-bottom: 20px;}
	.about-pto-2 > div:nth-of-type(1) {width: calc(50% - 10px);}
	.about-pto-2 > div:nth-of-type(2) {width: calc(50% - 10px);margin-right: 0;}
	.about-pto-2 > div:nth-of-type(3) {width: calc(50% - 10px);margin-right: auto;}
}

@media only screen and (max-width: 430px) {
	.history {padding-bottom: 30%;}
	.history > div .year,.history > div:nth-child(2n+2) .year {width: 80px;}
	.history > div .year::before,.history > div:nth-child(2n+2) .year::before { display: none;}
	.history > div .text,.history > div:nth-child(2n+2) .text {width: calc(100% - 80px);}

	.one_stop .red_border > div > div {width: 100%;margin: 0 0 30px 0;}
	
	.about-pto-2 > div{margin-right: 0;}
	.about-pto-2 > div:nth-of-type(1) {width: 100%;}
	.about-pto-2 > div:nth-of-type(2) {width: 100%;}
	.about-pto-2 > div:nth-of-type(3) {width: 100%;}
}

@media only screen and (max-width: 320px) {

}