@charset "utf-8";
input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"] {background:none;border:0;border-bottom:1px solid #888888;background-repeat: no-repeat;background-position: 14px center;padding:10px 15px;
}
input[type="submit"],input[type="reset"],input[type="button"]   {-webkit-appearance: none;}
select {border: 0;color: #888888;-webkit-appearance: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.png) no-repeat right center;;border:1px solid #888888;padding: 5px 20px 5px 5px;font-size: 14px;cursor:pointer;}
h1{color: #666666;vertical-align: top;font-size: 20px;z-index: 10;position: relative;}
h2{font-weight:100;}
#content{margin: 40px auto 75px auto;max-width: 1200px;padding: 0 30px;}
#main{margin: 0 auto;color: #333333;}
aside ~ #main{display: inline-block;vertical-align: top;width: calc(100% - 331px - 5px);}
#content_bg.active #content{margin-bottom: 0;padding-bottom: 40px;}
#content_bg.fullVersion #content{padding: 0; max-width: inherit; margin: 0;}


/*path*/
.path1{background: #62A696;position: relative;}
#path{max-width: 1200px;margin: auto;text-align: right;}
#path li:before{content:"/";margin-right: 10px;display: inline-block;}
#path li:first-child:before{display: none;}
#path li{display: inline-block;vertical-align: top;margin-right: 5px;}
#path,#path a, #path a:hover{color: #fff;font-size: 13px;padding: 11px 0;}
#path a:hover{text-decoration: underline;}

/*star.aside*/
aside .navTitle > ul > li > a, .subNav li a {border: 0px;}
aside{width: 281px;margin-right: 50px;display: inline-block;vertical-align: top;/*background: url(../images/lefttop.png) no-repeat;*/}
aside ul,aside ul li{list-style: none;}
#asideNav{width: inherit;display: block;color: #787878;border: 1px solid #787878;border-radius: 20px;background: #666666;overflow: hidden;}
.asideTop{color: #ffffff;font-size: 22px;background: #62A696;border-radius: 35px;padding: 6px 62px;padding-top: 15px; text-align: center;}
.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 li  a:hover{color: #62A696;}
#asideNav.navTitle > ul > li.mainShow{width: inherit;float: none;background: none;border: 0;margin: auto;}
#asideNav.navTitle > ul > li.mainShow:hover,#asideNav.navTitle > ul > li.mainShow.current{background: #62A696;}
#asideNav.navTitle > ul > li.mainShow > a img:hover{margin-top:-3px;}
#asideNav.navTitle > ul > li.mainShow a.menu{display: inline-block;border-bottom: 0;position: absolute;top: 7px;right: 4px;padding: 0;line-height: 0;z-index: 99;width: 24px;height: 24px;/*min-width: inherit;z-index: 99;*/ border-radius: 50%!important;}
#asideNav.navTitle > ul > li.mainShow a.menu::before{content: ""; position: absolute; right: 9px; top:7px; width: 7px; height: 7px; display: block; border-width: 2px 2px 0 0;border-style: solid; border-color: #62A696; background: transparent; margin: 0; box-shadow: none; transform: translateY(0px) rotate(45deg); transition: all 0.5s ease 0s;}
#asideNav.navTitle > ul > li.mainShow a.active{transform:rotate(90deg);}
#asideNav.navTitle > ul > li.mainShow > a.menu::before{border-color: #fff;}
#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:before,
#asideNav.navTitle > ul li a.menu:after{display:none;}
#asideNav.navTitle > ul li a.menu.active:after{opacity:0;}
#asideNav.navTitle > ul li a.menu:before {display:none;}
/*#asideNav.navTitle > ul li a.menu.active:before {display:none;}*/
#asideNav.navTitle > ul > li > a,#asideNav.navTitle .subNav li a{color:#ffffff; /*padding: 10px;*/ margin-left: 0;padding: 10px 30px 10px 20px; line-height: 18px; font-size: 15px; text-decoration: none; border-radius: 0; border-bottom: 1px solid #cbcbcb; text-align: left;}
#asideNav.navTitle > ul > li > a.current, #asideNav.navTitle > ul > li > a.current:hover{color: #fff; background: #0051ac;}
#asideNav.navTitle > ul > li:last-child > a {border: 0;}
#asideNav li .subNav{display:block;max-height:0;overflow:hidden;}
#asideNav li .active ~ .subNav{max-height:5000px;}
.subNav li a {min-width: inherit;}
#asideNav.navTitle .subNav{background-color: #e1e6eb; position: inherit;top: 0;left: 0; }
#asideNav.navTitle .subNav .subNav > li {background: #F3FFFC;}
#asideNav.navTitle .subNav li{background:#fff; border-radius: 0; border-bottom: 1px dashed #cbcbcb;}
#asideNav.navTitle .subNav li:last-child{ border-bottom: none; }
#asideNav.navTitle .subNav li.current a{text-decoration:underline;color: #62A696;}
#asideNav.navTitle .subNav li a{display: block;border-bottom: 0;color: #666666;}
#asideNav.navTitle .subNav li a:hover{text-decoration:underline;}
#asideNav.navTitle .subNav li a i{display: none;color: #333 !important;}
#asideNav.navTitle .subNav li ul.subNav{margin-left: 0;}
#asideNav.navTitle .subNav li a.menu{display:none;}
#asideNav.navTitle > ul > li:first-child > a:before{left: inherit;}
#asideNav.navTitle > ul > li.mainShow:last-child a,
#asideNav.navTitle > ul > li.mainShow:last-child .subNav, 
#asideNav.navTitle > ul > li.mainShow:last-child .subNav li:last-child{ /*border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;*/ }


/*editor*/
.editor{color:#58523F;font-size: 15px;line-height: 1.5;}
.editor .titleH{font-size: 22px;font-weight: bold;color: #62A696;margin-bottom: 30px; position: relative;}/*內文標題專用*/
.editor ul li {margin-left: 22px;position: relative;}
.editor .project li {list-style-type: decimal;}/*項目符號:1.2.3.*/



/*table*/
.table_scroll p:last-child{margin-bottom: inherit;}
.datatable{margin-bottom:20px;border-spacing:0;}
.datatable th{color: #fff; text-align: left;padding: 13px 12px; background: #62A696; }
.datatable td{border-bottom: 1px dotted #bbb;padding: 10px 12px;color: #666666;min-width: 68px}
.datatable tr:nth-child(odd) td{ background: #ededed; }
.datatable tr:last-child td{ border-bottom: 2px solid #62A696; }
.datatable td img{min-width:68px;}

.datatable tr td.tdbg1{ background: #62A696; color: #fff; border: 1px solid #fff; }
.datatable tr td.tdbg2{ background: #3082BE; color: #fff; border: 1px solid #fff; }
.datatable tr td.tdbg2-1{ background: #73B1DE; color: #fff; border: 1px solid #fff; }


/*about*/
.aboutH1 h1{margin: -29px auto 5px auto;color: #FFF;max-width: 1200px;}
.about .solgn_bg{background: url(../images/about_pic02.png) no-repeat bottom right;padding: 30px 0;min-height: 325px;}
.about .solgn_bg .title_solgn{color: #444444;font-size: 28px;position: relative;margin-bottom: 40px;}
.about .solgn_bg .title_solgn:before,.title_solgn:after{content: "";background: #005fa4;width: 20%;height: 12px;position: absolute;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.about .solgn_bg .title_solgn:before{left: 0;}
.about .solgn_bg .title_solgn:after{right: 0;}
.about .solgn_bg .title_solgn .in{width: calc(60% - 10px);margin: auto;text-align: center;font-weight: bold;}
.about .solgn_bg .text_solgn {text-align:center;color: #005fa4;font-size: 18px;}
.about .solgn_bg .text_solgn li.dib-{max-width: 468px;width: calc(100% / 2 - 65px);text-align:left;position: relative;margin-bottom: 15px;margin-right: 60px;line-height: 1.3;}
.about .solgn_bg .text_solgn li.dib-:before{content:"";position: absolute;top: 5px;left: -18px;background: #005fa4;width: 10px;height: 10px;}
.about .solgn_bg .text_solgn li.dib-:nth-child(2n){margin-right:0;}

.about .year_bg{color: #FFF;text-align: center;background: url(../images/about_year_bg.jpg) no-repeat top center,#15527e;padding: 70px 30px 0 30px;min-height: 390px;word-break: keep-all;padding-bottom: 68px;}
.about .year_bg p{text-align: left;}
.about .year_bg .title{font-size: 30px;margin-bottom: 30px;font-weight: bold;}
.about .year_bg .title span{background: #005fa4;padding: 8px;font-size: 27px;border: 6px solid #FFF;}
.about .year_bg .title span{border-radius: 50%;font-size: 40px;}

.about .year_bg2{color: #444;text-align: center;background: url(../images/about_year_bg2.jpg) repeat-y top center;padding: 0 30px 30px 30px;min-height: 90px;-moz-box-shadow: 1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;-webkit-box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.5) inset;font-size: 22px;}
.about .year_bg2 li{width: calc(100% / 4 - 43px);max-width: 250px;margin: -158px 50px 50px 0;}
.about .year_bg2 li:nth-child(4n){margin-right: 0;}
.about .year_bg2 li .img{border-radius: 50%;border: 14px solid #FFF;overflow: hidden;margin-bottom: 30px;}



/*prouducts*/
.listTitle{color: #878787; font-size: 16px;margin: auto;}
.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;}

.seo_text{padding: 0 45px;margin: 45px auto;font-size: 16px;line-height: 1.5;color: #555;font-family: "Kanit", sans-serif;color: #232942;font-weight: 300;}

.innovative_box1{font-family: "Kanit", sans-serif; font-weight: 300; border-bottom: 1px solid #62a696; margin-bottom: 35px;}
.innovative_box1 > div{margin-bottom: 45px;}
.intro{display: flex; flex-wrap: wrap; align-items: center;}
.intro .photo{width: 37.732%;margin-right: 4.052%;}
.intro .writing{width: 58.216%; display: flex; flex-wrap: wrap; gap: 20px;}
.intro .writing .title{font-size: 32px; color: #232942;}
.intro .writing .topic{font-size: 20px; color: #232942; font-weight: 400;}
.intro .writing .des{color: #232942;line-height: 1.5;}

.intro2{display: flex; flex-wrap: wrap; align-items: center;}
.intro2 .photo{width: 37.732%; order: 2;}
.intro2 .writing{width: 51.271%; margin: 0 6.945% 0 4.052%; display: flex; flex-wrap: wrap; gap: 20px; order: 1;}
.intro2 .writing .title{font-size: 32px; color: #232942;}
.intro2 .writing .des{color: #232942;line-height: 1.5;}

.trends{background: url("../images/trends-bg.jpg")no-repeat center; background-size: cover; padding: 100px 50px;}
.trends .title {font-size: 26px;color: #232942; margin-bottom: 18px;}
.trends .content {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px;}
.trends .item {background: #dfece9; border: 1px solid #c7d4d1; padding: 15px; border-radius: 5px;}
.trends .item .topic{font-size: 20px; color: #232942; font-weight: 400; margin-bottom: 10px;border-radius: 5px;}
.trends .item .des{color: #232942;line-height: 1.5;}

.product-detail{background: url("../images/trends-bg.jpg")no-repeat center; background-size: cover; padding: 45px 40px; font-family: "Kanit", sans-serif;}
.product-detail .header{margin-bottom: 15px;}
.product-detail .header .title{font-size: 28px;color: #232942;letter-spacing: 0px;margin-bottom: 20px;}
.product-detail .header .scope{font-size: 14px;color: #232942;font-weight: 300;}
.product-detail .content{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 30px 20px;}
.product-detail .content .item .icon{display: flex;align-items: center;flex-wrap: wrap;height: 50px;}
.product-detail .content .item .icon img{height: 48px;}
.product-detail .content .item .icon.h-40 img{height: 40px;}
.product-detail .content .item .icon.capability img{height: 40px;}
.product-detail .content .item .icon.costs img{height: 40px;}
.product-detail .content .item .icon.integrated img{height: 40px;}
.product-detail .content .item .title{font-size: 14px;font-weight: 500;color: #232942;margin: 10px 0 8px 0;}
.product-detail .content .item .des{font-size: 12px;font-weight: 300;color: #232942;}

.innovative_box2{font-family: "Kanit", sans-serif; font-weight: 300;border-top: 1px solid #62a696;margin-top: 35px;padding-top: 45px;}
.innovative_box2 > div{margin-bottom: 45px;}
.innovative_box2 > div:last-child{margin-bottom: 0px;}
.comparison{background: url("../images/comparison-bg.jpg")no-repeat center; background-size: cover; padding: 45px 40px;}
.comparison .title{font-size: 28px;color: #232942;margin-bottom: 20px;}
.comparison .content{border: 1px solid #e7e7e7;}
.table_scroll2{overflow-x: auto;}
.table_scroll2 > table{min-width: 600px;}
.datatable{width: 100%;}
.table_scroll2 .datatable2 thead th{font-size: 12px;font-weight: 500;color: #232942;text-align: left;padding: 12px 10px;vertical-align: top;}
.table_scroll2 .datatable2 tbody td{font-size: 12px;color: #232942;text-align: left;padding: 12px 10px;vertical-align: top;}
.table_scroll2 .datatable2 tbody tr:nth-child(odd) td{background: #e3e8e6;}

.tailored{background: url("../images/tailored-bg.jpg")no-repeat center; background-size: cover; padding: 45px 40px;}
.tailored > .title{font-size: 32px;margin-bottom: 30px;}
.tailored .content{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px 30px;align-items: center;}
.tailored .content .stop {display: flex;flex-wrap: wrap;}
.tailored .content .stop .item {display: grid;grid-template-columns: 68px 1fr;gap: 18px;}
.tailored .content .stop .item .des{font-size: 20px;color: #232942;margin-top: 20px;}
.tailored .content .narrate{display: grid;grid-template-columns: 1fr;gap:15px;}
.tailored .content .narrate .title{font-size: 25px;color: #232942;font-weight: 500;}
.tailored .content .narrate .txt{font-size: 20px;}

.package{display: grid;align-items: center;grid-template-columns: 37.848% 1fr;}
.package .photo{}
.package .content{padding: 0 6%;}
.package .content > .title{font-size: 28px; color: #232942;margin-bottom: 15px;text-align: center;}
.package .content > .des{font-size: 13px; color: #232942;line-height: 1.5;}
.package .content .kind{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 50px;gap: 50px 0;}
.package .content .kind .item{width: 46%;text-align: center;}
.package .content .kind .item .title{font-size: 22px;color: #232942;}
.package .content .kind .item .title::first-letter{font-size: 45px;}
.package .content .kind .item .des{font-size: 12px; color: #232942;line-height: 1.5;}

@media screen and (min-width: 999px) and (max-width: 1280px) {
.intro .writing{gap:12px;}
.intro .writing .title{font-size: 28px;}
.intro .writing .topic{font-size: 18px;}
	
.intro2 .writing {gap:12px;}
.intro2 .writing .title{font-size: 28px;}
	
.tailored > .title{font-size: 28px;}
	
.package .content > .title{margin-bottom: 10px;font-size: 22px;}
.package .content .kind{margin-top: 10px;gap: 10px 0;}
.package .content .kind .item .title::first-letter{font-size: 28px;}
.package .content .kind .item .title{font-size: 20px;}
}

@media print, screen and (max-width:768px){
.intro .writing{gap:12px;}
.intro .writing .title{font-size: 28px;}
.intro .writing .topic{font-size: 18px;}
	
.intro2 .writing .title{font-size: 28px;}
	
.tailored > .title{font-size: 28px;}

.package .content > .title{margin-bottom: 10px;font-size: 22px;}
.package .content .kind{margin-top: 10px;gap: 10px 0;}
.package .content .kind .item .title::first-letter{font-size: 28px;}
.package .content .kind .item .title{font-size: 20px;}
}

@media print, screen and (max-width:570px){
.seo_text{padding: 0;}
	
.intro .photo{width: 100%;margin: 0 0 20px 0;}
.intro .writing{width: 100%;}
	
.trends{padding: 40px 25px;}
.trends .content{grid-template-columns: 1fr;}
	
.intro2 .photo{width: 100%;order: 1;margin: 0 0 20px 0;}
.intro2 .writing{width: 100%;margin: 0;order: 2;gap:12px;}

.product-detail{padding: 40px 25px;}
.product-detail .content{grid-template-columns: 1fr;}
	
.comparison{padding: 45px 25px;}
	
.tailored{padding: 45px 25px;}
.tailored .content{grid-template-columns: 1fr;gap: 30px;}
	
.package{grid-template-columns:1fr;}
.package .photo{margin-bottom: 20px;}
.package .content{padding: 0;}
.package .content > .title{font-size: 28px;}
.package .content .kind{margin-top: 20px;gap: 20px 0;}
.package .content .kind .item .title::first-letter{font-size: 32px;}
.package .content .kind .item .title{font-size: 22px;}

}

@media print, screen and (max-width:430px){
.intro .writing .title{font-size: 24px;}
.intro2 .writing .title{font-size: 24px;}
.tailored .content .stop {gap:30px;}
.tailored .content .stop .item{grid-template-columns: 1fr;gap: 12px;}
.tailored .content .stop .item .number{width: 68px;margin: 0 auto;}
.tailored .content .stop .item .des{margin: 0;text-align: center;}

.package .content > .des{text-align: center;}
.package .content .kind .item{width: 100%;max-width: 260px;}
	
.product-detail .header .title{font-size: 24px;}
}


/*productsList*/
#productsList > ul > li{width: calc(100% / 3 - 20px);display: inline-block;vertical-align: top;margin: 25px 25px 25px 0;position:relative;text-align:center;}
#productsList > ul > li > a > .title {border: 1px solid rgba(255, 255, 255, 0);padding: 11px 15px;}
#productsList > ul > li:hover > a > .title {color: #62A696;border: 1px solid;}
#productsList > ul > li > a > span{display: block;margin-top: 30px;text-align: center;font-family: "Kanit", sans-serif;color: #232942;font-size: 18px;font-weight: 300;}
#productsList ul > li:nth-child(3n){margin-right:0;}

#productsList ul > li a{text-decoration:none;color:#888888;font-size:16px;font-weight:bold;}
#productsList > ul > li a .img{overflow:hidden; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; justify-content: center; margin: auto;}
#productsList > ul > li a .img img{-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;max-height: 293px;margin:auto;}
#productsList > ul > li a:hover .img img{-webkit-transform: scale3d(1.3, 1.3, 5);;transform: scale3d(1.3, 1.3, 5);;}
#productsList > ul > li.title{margin-top:15px;}


/*page*/
#page{text-align: center;margin:30px auto 0 auto;font-size: 16px;}
#page li{display:inline-block;vertical-align:top;margin-top: 15px;}
#page a, #page a:hover,#page{color: #a5a5a5; text-decoration: none; padding: 2px 10px; margin-top:40px;}
#page a:hover{text-decoration: underline;color: #232323;}
#page a:hover.current, #page a.current{color: #232323;border: 1px solid #232323;}
/*#page li:last-child a{margin-top: 2px;text-indent: 9999999px;overflow: hidden;position: relative;display: inline-block;width: 13px;height: 14px;}
#page li:last-child a:before{content: "";width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 13px;border-color: transparent transparent transparent #a0a1a3;position: absolute;left: 0;top: 0;margin-left: 20px;}
#page li:first-child a{margin-top: 2px;text-indent: 9999999px;overflow: hidden;position: relative;display: inline-block;width: 13px;height: 14px}
#page li:first-child a:before{content: "";width: 0;height: 0;border-style: solid;position: absolute;left: 0;top: 0;border-color: transparent #a0a1a3 transparent transparent;border-width: 7px 13px 7px 0;}*/


/*prouducts_show*/

#prouductsShow > .imgLeft{margin: 0px auto 0px auto;}
#prouductsShow > #contentSpecial{margin-bottom: 30px;}
#prouductsShow > #contentSpecial > .tit55 {margin: 100px 0;}
#prouductsShow .tit55 .title{font-size: 22px;font-weight: bold;color: #62A696;margin-bottom: 8px;position: relative;margin-left: 18px;}
#prouductsShow .tit55 .title:before{content:"";background: #62A696;width: 10px;height: 10px;display: block;position: absolute;left: -18px;top: 11px;}
#prouductsShow .flexslider{width: 80%;position: relative;overflow: inherit;margin-top: 58px;}
#prouductsShow .flex-viewport,#prouductsShow .flex-control-nav .img img{border: 2px solid rgb(210, 210, 210);border-radius: 10px;}
#prouductsShow .flex-viewport img{width: calc(100% - 58px);}
#prouductsShow .flex-control-nav{width: 20%;position: absolute;right: calc(-20% - 15px);top: 0;display: block;}
#prouductsShow .flexslider_pic .slides{  display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#prouductsShow .flexslider_pic .slides > li{ -webkit-backface-visibility: hidden;-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;}
#prouductsShow .flex-control-thumbs li {width: calc(100% - 4px);display: block;float: none;margin-bottom: 15px;}
#prouductsShow .flex{display: flex;flex-direction: row;align-items: center;}
#prouductsShow .flex [class*=dib-]{margin-top: 15px;}

.project2 li{list-style-type: decimal;margin-bottom: 8px;}

/*prouducts_show按鈕*/
.buy11 .buy{font-size: 18px;margin: 0 0 30px 0;width: 100%;display: inline-block;text-align: center;font-weight: bold;padding: 5px 15px;text-decoration: none;}
.buy11 .buy.buy2{background-color: #ffffff;color: #666666;border: 1px solid #666666;max-width: 98px;}
.buy11{margin-top: 35px;}
.buy11 .buy.buy3{background-color: #F3A243;color: #ffffff;border: 1px solid #666666;max-width: 185px;}
.buy11 .buy.explanation{width: calc(98% + 5px);background-color: #A0A0A0;}
.buy11 .buy img{margin-bottom: -4px;}
.buy11 .buy:hover {background: #a2a2a2;color: #fff;}
.buy11 a:hover .buy{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-khtml-opacity: 0.8;}

#productsList.ebook > ul > li > a > .title{text-align:center;}

/* Inquiry Cart */
.shop_btn{ width: auto !important; height: auto !important; text-align: center; padding: 1px 8px; display: inline-block; -webkit-appearance: none; }

/* ContactUs Style */
form#formID{ max-width: 700px; margin: 0 auto; }
form#formID .contact_table{ border-top: none; border-left: none; }
form#formID .contact_table th{ background: #62A696; color: #fff; border-right: none; border-bottom: 1px solid #fff; }
form#formID .contact_table td{ border-right: none; border-bottom: none; padding: 8px 0 8px 5px; }
form#formID .contact_btn{ background: #666; border-radius: 0px; border: 1px solid #666; color: #fff; box-shadow: none; text-shadow: none; font-weight: bold; transition: all .2s; }
form#formID .contact_btn:hover{ background: #fff; color: #666; }
.formular select{ padding: 8px 20px 8px 8px }
.formular .contact_table textarea{ width: calc(100% - 38px); }
.formular table input.search_product{ width: auto; }
.formular input[type="text"], .formular input[type="password"], .formular input[type="tel"], .formular input[type="number"], .formular input[type="email"], .formular input[type="password"]{
	width: calc(100% - 50px);
	border: 1px solid #888;
	padding: 6px 8px;
}

@media print, screen and (max-width:1280px){
#path,#content{max-width: 960px;padding-right: 15px;padding-left: 15px;}
#content{margin-top:20px;}

/*about*/
.aboutH1 h1{max-width: 960px;}

}

@media print, screen and (max-width: 999px){
.navTitle > ul > li.mainShow:hover {border-bottom: 1px solid #ababab;}
aside ~ #main   {width: 100%;}
h1  {margin-top: 0;}
#content_bg.active{background: none;}
#content_bg.active:before{display: none;}


/*aside*/
aside{width: 100%;position:relative;margin: 0 0 15px 0;padding: 0;}
.asideTop{margin: 0;background: #62A696;padding: 8px 10px;color: #FFF;font-size: 20px;text-align: center;}
.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: 13px;right: 25px;*/ margin: 0;}
.asideTop .collapse-button2::before {content: ""; position: absolute; right: 15px; top:15px; width: 7px; height: 7px; display: block; border-width: 2px 2px 0 0;border-style: solid; border-color: #fff; background: transparent; margin: 0; box-shadow: none; transform: translateY(0px) rotate(45deg); transition: all 0.5s ease 0s;}
.asideTop.active .collapse-button2::before {transform: translateY(0px) rotate(135deg);}
#asideNav.navTitle > ul > li.mainShow a.active{transform:rotate(90deg);}
.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;background: #a2a2a2;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(255,255,255,0.7);}
nav ul li:first-child{border-top: 1px solid rgba(255,255,255,0.7);}
#asideNav.navTitle > ul > li > a,.asideTopNav > li > a{display: inline-block;vertical-align: top;box-sizing: border-box !important;}
#asideNav.navTitle li a{width: calc(100% - 39px);}
#asideNav.navTitle li li a{width: calc(100% - 72px);}
.asideTopNav > li{width: auto !important;border:0;}
.asideTopNav li.phone{display:inline-block;}
li a.active + .subNav{max-height: 5000px;}
#asideNav.navTitle .subNav{position: relative;overflow: hidden;width:100%;padding: 0;margin-bottom: 0;}
#asideNav.navTitle ul li:first-child{border-top: 1px solid rgb(203, 203, 203);}
#asideNav.navTitle .subNav li{margin: 0;border-radius: 0px;background-color: #f9f9f9;border-bottom: 1px dashed #cbcbcb;}
#asideNav.navTitle .subNav li a.menu,
#asideNav.navTitle .subNav li a i{display: inline-block;margin: 0 10px;}
#asideNav.navTitle > ul > li.mainShow  a.menu {top: 7px;right: 9px; min-width: 24px; max-width: 24px; max-height: 24px; min-height: 24px; margin: 0;}
#asideNav.navTitle > ul > li.mainShow > a.menu{right: 9px;}
#asideNav.navTitle .subNav li li{background-color: rgb(253, 253, 253);}
#asideNav {border: 0;}
.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{border: 0;font-size: 15px;padding: 10px;height: inherit !important;}
#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;}
#main .prod11 {width: calc(100%);}
#path {text-align: left;}

/*about*/
.aboutH1 h1{margin-top: 6px;margin-left: 15px;color: #666666;}
.about .year_bg{min-height:inherit;padding: 30px 0;}
.about .year_bg2{padding: 30px 0 0 0;}
.about .year_bg2 li{margin-top: 0;margin-right: 20px;width: calc(100% / 4 - 20px);}
.about .year_bg2 li .img{border: 8px solid #FFF;}


/*page*/
#page   {padding-top: 30px;}


/*prouducts_show*/
#prouductsShow > .imgLeft, #prouductsShow > #contentSpecial{width:inherit;display:block;}
#prouductsShow > .imgLeft {margin-right:0;}
#prouductsShow .flexslider{width:inherit;margin-top: 28px;}
#prouductsShow .flex-control-nav{width: inherit;position: inherit;right:0;top: 0;;}
#prouductsShow .flex-control-thumbs li{display:inline-block;width: calc(100% / 5 - 4px);margin: 8px;}

.formular table input{ width: calc(100% - 50px); }
.formular table textarea{ width: calc(100% - 20px); }

}

@media only screen and (max-width: 768px) {
#productsList > ul > li {width: calc(100% / 2 - 29px);}

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

.about .solgn_bg{background: none;}
.about .solgn_bg .text_solgn{text-align:left;}
.about .solgn_bg .text_solgn li.dib-{width: inherit;max-width: inherit;margin-right: 0;}
.about .solgn_bg .title_solgn:before,.title_solgn:after{display:none;}
.about .solgn_bg .title_solgn .in{width:inherit;font-size: 23px;text-align: left;}
.about .year_bg2{font-size: 18px;}

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

/*prouducts*/
#productsList > ul > li{width: calc(100% / 2 - 9px);margin: 25px 12px 0px 0;}
#productsList ul > li:nth-child(3n){margin-right: 12px;}
#productsList ul > li:nth-child(2n){margin-right: 0;}


.about .year_bg2 li{width: calc(100% / 2 - 14px);}
.about .year_bg2 li:nth-child(2n){margin-right:0;}

}

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

#productsList > ul > li{width: calc(100% / 1 - 9px);}
.buy11 .buy.buy2,#contentSpecial .buy.buy3 {max-width: inherit;width: calc(100% / 2  - 35px);margin-bottom: 8px;}
.buy11 .buy.buy3 {float: none;max-width: calc(100% - 1px);padding: 8px 0;}
#prouductsShow .flex{display: block;}
#prouductsShow .flex .dib-mr {margin-right: 0;}

}

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

}


/* cart table */
.cart_table{ 
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	border: none; 
}
.cart_table th, .cart_table td{ padding: 8px 5px; }
.cart_table th{
	background: #62A696;
	color: #fff;
}
.cart_table td{ 
	background: #fff; 
	border-bottom: 1px dotted #ccc;
}
.cart_table tr:nth-child(even) td{ background: #ededed; }
.cart_table tr:last-child td{ border-bottom: 1px solid #666; }
.cart_table td a img{ width: 30px; }

.cart_table input[type="text"]{ 
	padding: 0px; 
	border-bottom: 0px;
}

.shop_btn{
	background: #62A696;
	color: #fff;
	border: none;
	padding: 5px 8px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.shop_btn:hover{
	background: #666;
	box-shadow: 0 2px 5px #000 inset;
}

/* member table */
.member_table{ border: none; }

.member_table th{ 
	background: #62A696; 
	color: #fff;
	border: none;
	border-bottom: 1px dotted #ccc;
}
.member_table td{
	background: #fff;
	border: none;
	border-bottom: 1px dotted #ccc;
	padding: 8px;
}
.formular .member_table select,
.formular .member_table input[type="text"]{ 
	margin: 5px 0px;
	display: block;
}
.formular .member_table input[type="text"]{
	padding: 5px 8px;
	font-size: 16px;
	color: #333;
}
.member_table td textarea{ 
	width: calc(100% - 50px);
	margin: 5px 0; 
	padding: 5px 8px;
	font-size: 16px;
}

.member_table  #m_country{ width: calc(100% - 50px); }