@charset "UTF-8";
a, button, input{ outline:none !important;}
/*Font size*/
.fs_inherit{ font-size:inherit !important;}.fs_12{ font-size:.8rem;}.fs_15{ font-size:1rem;}.fs_18{ font-size:1.2rem}.fs_20{ font-size:1.33rem}.fs_22{ font-size:1.47rem}.fs_24{ font-size:1.6rem;/*color:#fff;*/}.fs_28{ font-size:1.87rem}.fs_30{ font-size:2rem}.fs_33{ font-size:2.2rem}.fs_36{ font-size:2.4rem}.fs_40{ font-size:2.67rem}.fs_45{ font-size:3rem;color:#fff;}.fs_48{ font-size:3.2rem}.fs_50{ font-size:3.33rem}.fs_60{ font-size:4rem}.fs_68{ font-size:4.5rem}.fs_72{ font-size:4.8rem}.fs_80{ font-size:4.5rem}.fs_150{ font-size:10rem}.fs_240{ font-size:16rem}

.fs_30,.fs_33,.fs_36,.fs_40,.fs_45,.fs_48,.fs_50,.fs_60,.fs_68,.fs_72,.fs_80,.fs_150,.fs_240{ line-height:1;}

.fc_blue{color:#0070cd;}.fc_white{color:#fff;}

/* Margin */
.mt0{margin-top: 0px;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 1rem;}.mt20{margin-top: 1.3rem;}.mt25{margin-top: 1.6rem;}.mt30{margin-top: 2rem;}.mt35{margin-top: 2.3rem;}.mt40{margin-top: 2.6rem;}.mt45{margin-top: 3rem;}.mt50{margin-top: 3.3rem;}.mt55{margin-top: 3.6rem;}.mt60{margin-top: 4rem;}.mt65{margin-top: 4.3rem;}.mt70{margin-top: 4.6rem;}.mt75{margin-top: 5rem;}.mt80{margin-top: 5.3rem;}.mt85{margin-top: 5.6rem;}.mt90{margin-top: 6rem;}.mt95{margin-top: 6.3rem;}.mt100{margin-top: 6.6rem;}.mt105{margin-top: 7rem;}.mt110{margin-top: 7.3rem;}.mb0{margin-bottom: 0px;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 1rem;}.mb20{margin-bottom: 1.3rem;}.mb25{margin-bottom: 1.6rem;}.mb30{margin-bottom: 2rem;}.mb35{margin-bottom: 2.3rem;}.mb40{margin-bottom: 2.6rem;}.mb45{margin-bottom: 3rem;}.mb50{margin-bottom: 3.3rem;}.mb55{margin-bottom: 3.6rem;}.mb60{margin-bottom: 4rem;}.mb65{margin-bottom: 4.3rem;}.mb70{margin-bottom: 4.6rem;}.mb75{margin-bottom: 5rem;}.mb80{margin-bottom: 5.3rem;}.mb85{margin-bottom: 5.6rem;}.mb90{margin-bottom: 6rem;}.mb95{margin-bottom: 6.3rem;}.mb100{margin-bottom: 6.6rem;}.mb105{margin-bottom: 7rem;}.mb110{margin-bottom: 7.3rem;}
/* Padding */
.pl0{ padding-left:0;}.pr0{ padding-right:0;}.pt0{padding-top: 0px;}.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 1rem;}.pt20{padding-top: 1.3rem;}.pt25{padding-top: 1.6rem;}.pt30{padding-top: 2rem;}.pt35{padding-top: 2.3rem;}.pt40{padding-top: 2.6rem;}.pt45{padding-top: 3rem;}.pt50{padding-top: 3.3rem;}.pt55{padding-top: 3.6rem;}.pt60{padding-top: 4rem;}.pt65{padding-top: 4.3rem;}.pt70{padding-top: 4.6rem;}.pt75{padding-top: 5rem;}.pt80{padding-top: 5.3rem;}.pt85{padding-top: 5.6rem;}.pt90{padding-top: 6rem;}.pt95{padding-top: 6.3rem;}.pt100{padding-top: 6.6rem;}.pt105{padding-top: 7rem;}.pt110{padding-top: 7.3rem;}.pt130{padding-top: 8.6rem;}.pt150{padding-top: 10rem;}.pb0{padding-bottom: 0px;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 1rem;}.pb20{padding-bottom: 1.3rem;}.pb25{padding-bottom: 1.6rem;}.pb30{padding-bottom: 2rem;}.pb35{padding-bottom: 2.3rem;}.pb40{padding-bottom: 2.6rem;}.pb45{padding-bottom: 3rem;}.pb50{padding-bottom: 3.3rem;}.pb55{padding-bottom: 3.6rem;}.pb60{padding-bottom: 4rem;}.pb65{padding-bottom: 4.3rem;}.pb70{padding-bottom: 4.6rem;}.pb75{padding-bottom: 4rem;}.pb80{padding-bottom: 5.3rem;}.pb85{padding-bottom: 5.6rem;}.pb90{padding-bottom: 6rem;}.pb95{padding-bottom: 6.3rem;}.pb100{padding-bottom: 6.6rem;}.pb105{padding-bottom: 7rem;}.pb110{padding-bottom: 7.3rem;}.pb130{padding-bottom: 8.6rem;}.pb150{padding-bottom: 10rem;}
.hidden{ display:none !important;}

.page{ font-weight:300; color:#595757; line-height:1.2; letter-spacing:.05rem;}
.container:before, .container:after{ content:''; display:table; clear:both;}
.caret {    display: inline-block;    width: 0;    height: 0;    margin-left: 2px;    vertical-align: middle;    border-top: 4px dashed;    border-top: 4px solid\9;    border-right: 4px solid transparent;    border-left: 4px solid transparent;}
.dropdown .dropdown-menu{ height:0; overflow:hidden; opacity:0;display:block; padding:0; margin:-2px 0 0;}
.dropdown.show .dropdown-menu{  height:auto; opacity:1;}
.dropdown .dropdown-menu li:first-child{padding-top: .5rem;}
.dropdown .dropdown-menu li:last-child{padding-bottom: .5rem;}
.tparrows{ background: rgba(0,112,205,1)}
p:last-child{ margin-bottom:0}
.hover_zoom{ display:block; overflow:hidden;}
.hover_zoom img{ width:100%;}
.hover_zoom:hover img{transform: scale(1.1, 1.1);}
.font-weight-thin{ font-weight:300;}
.font_helve{ font-family:Helvetica Neue, Arial, "Microsoft JhengHei", sans-serif}
.line-height11{ line-height:1.1;}
button, input[type="submit"], input[type="button"], input[type="reset"]{    -webkit-font-smoothing: inherit;}
.ttm-btn{ font-size:inherit}
.text-black{ color:#000;}
.section-title h2.title{ line-height:1;}
#totop{ border-radius:0;}

.ttm-topbar-content .topbar-right *{ line-height:3.33rem;}
.ttm-bgcolor-darkgrey, .ttm-topbar-wrapper.ttm-bgcolor-darkgrey{ background:#fff;}
.ttm-topbar-wrapper .social-icons li>a{ width:auto; color:#333;}
.ttm-topbar-wrapper .dropdown.show .dropdown-menu{ background:#0070cd; z-index:999; margin:0; border-radius:0; border:none; width:100%;}
.ttm-header-style-infostack .ttm-header-top-wrapper .site-branding:after, .ttm-header-style-infostack .ttm-header-top-wrapper .site-branding:before,.ttm-header-style-infostack .ttm-header-top-wrapper .site-branding{ background:none;}
.site-branding img{ height:2.6rem;}

.top-contact *{ font-weight:300;-webkit-font-smoothing:auto}
.top-contact li{ float:left; z-index:99;}
.ttm-topbar-content .topbar-right .list-inline{ display:block; float:right;}
.ttm-topbar-wrapper .social-icons li+li{ position:relative; margin:0 0 0 8px; padding:0 0 0 12px; }
.ttm-topbar-wrapper .social-icons li>a{ line-height:3.33rem; height:3.33rem; border-radius:0; border:none;}
.ttm-topbar-wrapper .social-icons li+li:before{ content:'|'; position:absolute; left:0; color:#333; top:0; display:block; line-height:3.33rem;}
.ttm-social-links-wrapper .social-icons li{ margin-bottom:0;}
.top-contact.ttm-highlight{ float:right;}
.top-contact.ttm-highlight>li>img{ margin-right:.8rem}
.top-contact.ttm-highlight button{ background:none; padding:0; border:none; display:block; padding-left:.8rem;}
.top-contact.ttm-highlight .dropdown li:first-child{ padding-top:.4rem;}
.top-contact.ttm-highlight .dropdown li:last-child{ padding-bottom:.4rem;}
.top-contact.ttm-highlight .dropdown li{ float:none; line-height:1.2; padding:0;}
.top-contact.ttm-highlight .dropdown li a{ padding:.4rem .8rem; display:block; line-height:1.1;} 
.top-contact.ttm-highlight .dropdown li a:hover{ color:#fff; padding-left:1.2rem;}

.ttm-header-icon{ margin-left:0;}
.ttm-header-icons .ttm-header-search-link>a{ line-height:36px; height:105.5;font-size:24px; display:block; padding-top:36px;color: #0070cd !important; }
.ttm-header-icons .ttm-header-search-link .sclose .fa{ background:url(../images/icon/gobal_m.svg) no-repeat center; background-size:auto 100%; line-height:24px;}
.ttm-header-icons .ttm-header-search-link .sclose .fa:before{opacity:0;}

#site-header-menu #site-navigation .menu > ul.dropdown > li:after{ display:none;}
.ttm-search-overlay{ background:#0070cd; line-height:1.2; width:10rem; z-index:99; }
.ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link li a{ color:#fff !important; width:auto; height:auto; display:block; padding:0 1rem;text-align:left;}
.ttm-header-style-infostack .ttm-header-icons .ttm-header-search-link ul{ margin:.5rem 0;}
.footer .second-footer{ background:#515151;}
.footer *, .footer .widget a{ font-weight:300;}
.second-footer .container .row>.widget-area:first-child, .second-footer .container .row:first-child>.widget-area:before{ background:none;}
.footer .second-footer .widget ul>li{ line-height:1.15; padding-bottom:.8rem; letter-spacing:0;}
.footer-nav-menu li{ font-size:12px;  line-height:1.15;}

.featured-box.style5{ position:inherit; padding:0 1.33rem 2rem; z-index:inherit;min-height: 260px;}
.featured-box .featured-icon.icon-shape-square i{ border:none; background:#0070cd no-repeat center; background-size:45%;}
.featured-box .featured-icon.icon-shape-square{ margin-bottom:.8rem; position:relative; z-index:11;}
.featured-box .featured-title *{ font-weight:300;line-height:1.5;}
.featured-box.style5 .featured-desc p{ color:#000; line-height:1.2;}
.featured-item{ padding-bottom:10px;}
.featured-item .hover_zoom{ position:relative; z-index:10; border-bottom:1px solid #eee;}
.featured-item:hover .featured-box .featured-icon.icon-shape-square i{ background-color:#eee;}
.featured-item:hover .hover_zoom img{transform: scale(1.1, 1.1);}
.featured-item .featured-box .featured-icon .icon_news{ background-image: url(../images/icon/news_w.svg);}
.featured-item:hover .featured-box .featured-icon .icon_news { background-image:url(../images/icon/news.svg);}
.featured-item .featured-box .featured-icon .icon_app{ background-image: url(../images/icon/app_w.svg);}
.featured-item:hover .featured-box .featured-icon .icon_app { background-image:url(../images/icon/app.svg);}
.featured-item .featured-box .featured-icon .icon_prod{ background-image: url(../images/icon/product_w.svg);}
.featured-item:hover .featured-box .featured-icon .icon_prod{ background-image:url(../images/icon/product.svg);}
.featured-item .featured-box .featured-icon .icon_video{ background-image: url(../images/icon/video_w.svg);}
.featured-item:hover .featured-box .featured-icon .icon_video{ background-image:url(../images/icon/video.svg);}
.featured-item .featured-box .featured-icon .icon_download{ background-image: url(../images/icon/pdf_w.svg);}
.featured-item:hover .featured-box .featured-icon .icon_download{ background-image:url(../images/icon/pdf.svg);}
.featured-item.ttm-portfolio-view-topimage:not(.owl-carousel), .col-md-4:not(:last-child) .featured-item.ttm-box-view-topimage{ margin-bottom:20px;}
.btm_news .featured-item .hover_zoom{ border:1px solid #eee;}
.btm_news .featured-box .featured-title *{ line-height:1.6rem; height:3.2rem; overflow:hidden;}
.btm_news .featured-box .featured-desc{ line-height:1.2rem; height:3.6rem; overflow:hidden; margin-bottom:1.2rem;}
.btm_prod .featured-box .featured-title *{ line-height:1.6rem; height:3.2rem; overflow:hidden;}

.home_news .featured-box .featured-title *{ height:3.2rem; overflow:hidden; line-height:1.6rem;}
.home_news .featured-box.style5 .featured-desc{height:2.8rem; overflow:hidden;}
.home_news .featured-box.style5 .featured-desc p{ line-height:1.4rem; }

#video .featured-content{ min-height:5.7rem;}
#video .featured-box .featured-title *{ max-height:4rem; overflow:hidden;}
#video .featured-content .link_more{ display:block;}
#products .featured-box .featured-title *{ max-height:4.8rem; overflow:hidden;}
#products .featured-content{ min-height:7.5rem;}

.section-title h2.title{ font-family:Arial, Helvetica, "Microsoft JhengHei", sans-serif; font-weight:bold;}
.section-title.style2{ line-height:1.25; margin-bottom:1.6rem;}
.section-title.style2:after{ display:none;}
.section-title.style2 h2{ width:33%; padding-right:15px; line-height:1; font-size:2.4rem;}
.section-title.style2 p{ width:52%; padding-top:0; vertical-align:top; padding-left:15px;}
.section-title.style2 a{ display:table-cell; width:15%; text-align:right; vertical-align:top; text-align:right; color:#fff;}
.link_more{  line-height:2rem;}
.link_more img{ vertical-align:top; height:2rem;}
.link_more:hover img{ margin-left:.5rem;}
.ttm-textcolor-dark{color:#595757;}

.tp-caption.haeding-slide{ font-family:Arial, Helvetica, "Microsoft JhengHei", sans-serif; text-shadow:3px 2px 3px rgba(0,0,0,.4)}
.tp-caption.desc-slide{ color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.page.sub_wrapper .site-branding{ padding-left:14px; }

.app_house{ background:#cee8f7 url(../images/product/house_sky.png) no-repeat top center; background-size:100%; }
.app_house .title{ line-height:1}
.app_house .separator .sep-line{ border-color:#0070cd;}
.index_div.app_house .title{ font-size: 2.3rem; }
.index_div.app_house .title.fs_36{ font-size: 1.8rem; }

.house_area{ position:relative;}
.house_area .house_pc .tab-content{ position:absolute; left:0; top:0; width:100%;} 
.house_area .nav { margin:0;}
.house_area .nav li{ position:absolute; z-index:99;transform:translate(-50%,-50%);} 
.house_area .nav li a{ display:block; width:2.4rem; height:2.4rem; /*border:1px solid #fff;*/ background:#b1b1b2 ; /*box-shadow:0 0 5px rgba(0,0,0,.6);*/ border-radius:50%; position:relative;animation: circle 1s infinite alternate;}
.house_area .nav li:nth-child(odd) a{animation: circle2 1s infinite alternate;}
@keyframes circle{0%{box-shadow:0 0 5px rgba(0,0,0,.6);}25%{box-shadow:0 0 6px rgba(0,0,0,.61);}75%{box-shadow:0 0 9px rgba(0,0,0,.69);}100%{box-shadow:0 0 10px rgba(0,0,0,.7);}}
@keyframes circle2{0%{box-shadow:0 0 10px rgba(0,0,0,.7);}25%{box-shadow:0 0 9px rgba(0,0,0,.69);}75%{box-shadow:0 0 6px rgba(0,0,0,.61);}100%{box-shadow:0 0 5px rgba(0,0,0,.6);}}

.house_area .nav li.active a,.house_area .nav li a.active,.house_area .nav li a:hover{ background:#0070cd;}
.house_area .nav li a span{ text-indent:-9999px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.8rem; height:.8rem; border-radius:50%;}
.house_area .house_moblie{}
.app_item .app_img img{ /*border:.2rem solid #fff;*/ box-shadow:4px 15px 20px rgba(0,0,0,.1); border-radius:50%;}
.app_item { line-height:1.3;}
.fancybox-close-small {    width: 30px;    height: 30px;}
.fancybox-close-small:after,.fancybox-close-small:before {    content: '';    position: absolute;    height: 2px;    width: 100%;    top: 50%;    left: 0;    background: #595757;    border-radius: 5px; transition:none;}
.fancybox-close-small:hover:after,.fancybox-close-small:hover:before{ background:#fff;}
.fancybox-close-small:before{    transform: rotate(45deg);}
.fancybox-close-small:after {    transform: rotate(-45deg);}
.fancybox-navigation button{background:none !important;}
.fancybox-navigation button:hover:before{ background:#0070cd;}
.fancybox-button--play,.fancybox-button--fullscreen,.fancybox-button--thumbs{ display:none;}

.fancybox-app .fancybox-button--play,.fancybox-app .fancybox-button--fullscreen,.fancybox-app .fancybox-button--thumbs,.fancybox-button--share{ display:none !important;}
.fancybox-app .fancybox-button--close{ background:none; padding:0; color:#595757;}	
.fancybox-app .fancybox-close-small{ display:none;}
.fancybox-app .app-modal {  overflow: hidden; width:100vw; height:100vh;}
.fancybox-app.fancybox-is-open .fancybox-bg{ background:#fff; opacity:1;}
.fancybox-app .fancybox-slide>*{ margin:0; padding-top:50px;}
.fancybox-app .fancybox-infobar, .fancybox-app .fancybox-toolbar{ display:block !important; opacity:1; visibility:visible;}
.fancybox-app .fancybox-navigation{ display:block;}
.fancybox-app .fancybox-navigation .fancybox-button, .fancybox-app .fancybox-navigation .fancybox-button:link, .fancybox-app .fancybox-navigation .fancybox-button:visited{  color:#0070cd;}
.fancybox-app .fancybox-navigation button{ padding:5px; cursor:pointer;}
.fancybox-app .fancybox-navigation button:before{ background:none}

.owl-theme .owl-controls .owl-nav div.owl-next:before{content: "\e649"; font-family: 'themify';}
.owl-theme .owl-controls .owl-nav div.owl-prev:before{content: "\e64a"; font-family: 'themify';}

/*index*/
.tp-caption.haeding-slide{ display:table-cell; height:450px; vertical-align:middle;}
.tp-caption.haeding-slide *{ line-height:1.25;}
.tp-caption.haeding-slide .title, .tp-caption.haeding-slide .title *{ line-height:1;}

.home_adv .image-overlay-content .shakeimage.ttm-top-view-overlay{ animation:none; top:auto; bottom:-60px;}
.home_adv .ttm-left-span .ttm-col-wrapper-bg-layer{ /*top:-60px;*/ height:auto; bottom:0;}
.home_adv { line-height:1.35; padding:0;}
.home_adv .section-title h2.title{ font-size:2.66rem; padding-bottom:1.2rem;}
.home_adv .heading-seperator:after,.home_adv .heading-seperator span:after{ display:none;}
.home_adv .ttm-fid-contents h4{ font-size:3.6rem; line-height:1;}
.home_adv .ttm-fid sub{ font-size:inherit;}
.home_adv .ttm-fid-contents h3{ font-weight:300; line-height:1.1;}
.home_adv .link_more{ color:#fff ;}
.home_adv .index_div.about-content .section-title h2.title{ font-size: 2.2rem; }

body .site-main{ padding-top:0;}
.home_brand .section-title{ margin-bottom:0;}
.home_brand .section-title h2.title{ color:#595757; font-size:3rem; line-height:1; }
.home_brand .row-title p.style2{ font-size:inherit; padding-bottom:0; margin-bottom:1.6rem; line-height:1.5;}
.home_brand.index_div .section-title h2.title{ font-size: 2.5rem; }

/*inside*/
.ttm-page-title-row{ position:relative; z-index:9; background-size:100%; background-image:none;}
.ttm-page-title-row .breadcrumb-wrapper{ color:#717071; position:absolute; width:100%; top:20px; text-align:right;}
.ttm-page-title-row .breadcrumb-wrapper *{ font-size:12px; line-height:15px;vertical-align:top;  font-weight:300;color:#717071;}
.ttm-page-title-row .title-box{ display:table-cell; width:100vw; height:17vw; vertical-align:middle; padding-bottom:7rem;}
.ttm-page-title-row h1{ text-transform:none; font-size:3rem;}

#appilcation_i .ttm-page-title-row .breadcrumb-wrapper *{ color:#fff;}

#products .intro-content .section-title{ display:inline-block; padding:1.4rem 1.33rem; position:relative; z-index:9; margin:0;}
#products .intro-content .section-title *{ line-height:1; margin:0;}
#products .intro-content .data_area{ margin:-2.4rem -1px 0;}
#products .intro-content .data_area>*{ padding:0 1px;}
#products .intro-content .data_area .ttm-fid{ background:#f7f7f7; padding:2.6rem 0 2rem; color:#3e3a39;}
#products .ttm-fid-contents .ttm-fid-title{ color:#0070cd; font-weight:300;}
#products .ttm-fid-contents .ttm-fid-title br{ display:none;}
#products .featured-item{ padding-bottom:30px;}
#product_i .ttm-page-title-row{ background-position:top center; background-color: #fff}
#product_i .ttm-page-title-row .title-box{ height:auto; padding-bottom:0;}
.prod_pc{ max-width:1440px; position:relative;}
.prod_pc .nav{ margin:0;}
.prod_pc .nav li{ position:absolute;transform:translate(-50%,-50%);}
.prod_pc .nav li>a{ display:block; width:2rem; height:2rem; background:#0070cd; position:relative;}
.prod_pc .nav li>a:hover{ background:#000;}
.prod_pc .nav li>a:before, .prod_pc .nav li>a:after{ content:''; display:block; position:absolute; transform:translate(-50%,-50%); background:#fff; border-radius:1px; left:50%; top:50%;}
.prod_pc .nav li>a:before{width:1rem; height:2px;}
.prod_pc .nav li>a:after{width:2px; height:1rem;}
.prod_app{ margin-bottom:4px;}
.prod_btn .row{ margin:0 -2px 4px;}
.prod_btn .row>*{ padding:0 2px;}
.prod_btn .btn{ display:block; border-radius:0; background:#0070cd; color:#fff; width:100%; height:10rem; text-align:center; padding:1.4rem 10% 0; line-height:1; font-weight:300; border:none; vertical-align:top; font-size:inherit; white-space:normal;	}
.prod_btn .btn:hover{ background:#000;}
.prod_btn .btn img{ vertical-align:top; margin-bottom:.8rem;}
.prod_video{ position:relative; margin-bottom:30px;}
.prod_video a:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6) url(../images/icon/video_play.svg) no-repeat center; background-size:4rem;}
.prod_video a:hover:before{ background-color:rgba(0,0,0,.4) }
.prod_text{ line-height:1.3;}
.prod_tab{}
.fancybox-prod .fancybox-close-small{ width:2.8rem; height:2.8rem; top:-2.8rem; right:-2.8rem;}
.fancybox-prod .fancybox-close-small:hover{ background:none;}
.fancybox-prod .fancybox-close-small:hover:after, .fancybox-prod .fancybox-close-small:hover:before{ background:#0070cd;}
.fancybox-prod .fancybox-close-small:after, .fancybox-prod .fancybox-close-small:before{ background:#fff;}
.fancybox-prod .fancybox-slide>*{ overflow:visible;}
#product_i .ttm-tabs.element-tab-style-horizontal ul.tabs li{ margin-right:3px; margin-bottom:3px;}
#product_i .ttm-tabs.element-tab-style-horizontal ul.tabs li a{ background:#d8d9d9; border-radius:0; color:#595757; padding:0 1.2rem; font-size:inherit;}
#product_i .ttm-tabs.element-tab-style-horizontal ul.tabs li.active a{ color:#fff;background:#0070cd;}
#product_i .ttm-tabs.element-tab-style-horizontal ul.tabs li a h2{ font-size:inherit; margin:0; font-weight:300; line-height:4.8rem;}
#product_i .ttm-tabs.element-tab-style-horizontal .content-tab{ background:#f7f7f7; padding:2rem 1.6rem;}
#product_i .products_i_text{ line-height:1.23}
#product_i .ttm-tabs.element-tab-style-horizontal .products_i_text ul{ margin:0; padding:0; display:block;}
#product_i .ttm-tabs.element-tab-style-horizontal .products_i_text li,.prod_text li{ display:block; width:100%; position:relative; padding:.4rem 0 .4rem 1rem; list-style:none;}
#product_i .ttm-tabs.element-tab-style-horizontal .products_i_text li:before, .prod_text li:before{ content:''; display:block; position:absolute; width:.5rem; left:0; top:.8rem; height:.5rem; background:#0070cd; border-radius:50%;}
.prod_spec{ position:relative;}
.prod_spec .table th,.prod_spec .table td{ line-height:1.2rem; padding:1rem; font-weight:300; vertical-align:middle;}
.prod_spec .table th,.prod_spec .table td,.prod_spec table tbody tr,.prod_spec table thead tr{ border:none;}
.prod_spec table thead .hidden-sm-down{ display:inline;}
.prod_spec table thead tr{ background:#00a6e7;}
.prod_spec table tbody tr:nth-child(even){ background:#ebebec; color:#595757;} 
.prod_spec .table td .form-check{ margin:0;}
.prod_spec .ttm-btn{ font-size:inherit; font-weight:300;padding:0 1rem 0 2.8rem; line-height:3rem;    color: #0070cd;}
.prod_spec .ttm-btn i{ font-size:20px; right:auto; left:16px;}
.prod_spec .ttm-btn:hover{ background:#000; color:#fff;}

#news .ttm-page-title-row { background-size:cover;}
#news .ttm-page-title-row h1{ font-size:1.6rem; color:#3e3a39;}
#news .ttm-page-title-row .title-box{ height:auto;display:block;padding:0; color:#3e3a39; position:relative; z-index:2;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div{ width:3.2rem; height:3.2rem; margin:0; transform:translateY(-50%); line-height:3.2rem; top:50%; margin-top:-3rem;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div.owl-prev{ right:auto; left:2rem;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div.owl-next{ right:2rem;}
#news .ttm-page-title-row .post.post-topimage{ position:relative; color:#3e3a39; line-height:1.2;}
#news .ttm-page-title-row .post.post-topimage:hover .post-image img{    transform:none;}
#news .ttm-page-title-row .post.post-topimage .post-desc{  z-index:9; width:100%; padding-top:0;min-height:18.75vw;}
#news .section-overlay{ position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 60%); z-index:1;}
.exhibitions_list{ background:#f4f4f4;}
.exhibitions_list .post .post-desc{ padding:0;height:7.2rem;}
.exhibitions_list .post .post-desc .container{ width:auto;}
.exhibitions_list .post-title>*{ font-weight:300;}
.exhibitions_list .post.post-topimage{ border-left:1px solid #0070cd; }
.exhibitions_list .post-text{ color:#3e3a39;}
.exhibitions_list .owl-theme .owl-controls .owl-nav{ position:absolute; right:100%; bottom:0;}
.exhibitions_list .owl-theme .owl-controls .owl-nav div{ margin:0; bottom:0; width:1.6rem; height:1.6rem; line-height:1.6rem; transform:none; top:auto;}
.exhibitions_list .owl-theme .owl-controls .owl-nav div:before{ font-size:.5rem;}
.exhibitions_list .owl-theme .owl-controls .owl-nav div.owl-next{ right:.5rem;}
.exhibitions_list .owl-theme .owl-controls .owl-nav div.owl-prev{ right:2.1rem; margin-right:4px;}
.news_list li{ display:none;}
.news_list .btn_more img{ transform:rotate(90deg); cursor:pointer;}
#news_i .ttm-page-title-row{ line-height:1;}
#news_i .ttm-page-title-row .title-box{ height:auto;display:block;padding:0; color:#3e3a39; position:relative; z-index:2;}
#news_i .ttm-page-title-row .ttm-btn{ font-size:inherit; padding:.7rem; text-align:center; height: 5.33rem;width:6.33rem; float:right; margin-left:1px;margin-bottom: 1px;}
#news_i .ttm-page-title-row .ttm-btn img{ width: 2rem;margin-bottom:3px;}
#news_i .ttm-page-title-row .ttm-btn:hover{ background:#000;}
.news_gallery{ padding:0 1px;}
.news_gallery .ttm-box-col-wrapper{ margin-bottom:0; padding:0 1px;}
.news_gallery .ttm-box-view-overlay .featured-iconbox a,.ttm-box-view-overlay .featured-iconbox a i{ width:auto; height:auto; background:none;}
.news_gallery .ttm-box-view-overlay .featured-iconbox a:hover{ color:#0070cd !important;}
.news_gallery .ttm-box-view-overlay .featured-iconbox a i{ font-size:3.2rem;}
.news_gallery .ttm-box-view-overlay{ background:rgba(0,0,0,.8)}
.news_gallery .featured-item:hover .ttm-box-view-overlay .featured-iconbox.ttm-media-link{    top:50%;}

#video .ttm-page-title-row .title-box .btn_video img{ width:5rem;}
.fancybox-video .fancybox-close-small:hover{ background:none;}
.fancybox-video .fancybox-close-small:hover:after, .fancybox-video .fancybox-close-small:hover:before{ background:#0070cd;}
.fancybox-video .fancybox-close-small:after, .fancybox-video .fancybox-close-small:before{ background:#fff;}
.download_list{ margin:0; height:15.6rem;}
.download_list li{ position:relative; box-shadow:inset 0 -1px 0 #b1b1b2; }
.download_list li a{ display:block; padding:0 6rem 0 .8rem; line-height:2.6rem;}
.download_list .download_text{ position:absolute; right:0; color:#595757; display:block; padding-right: 0.8rem; top:0;}
.download_list .download_text:after{/*background:url(../images/icon/arrow_right_b.svg) no-repeat;*/ content:''; display:block; position:absolute; right:0; top:50%; width:2rem; height:2rem; transform:rotate(90deg); margin-top:-1rem; }
.download_list li:hover a{ background:#0070cd;}
.download_list li:hover *{color:#fff;}
.download_list li:hover .download_text:after{ /*background-image:url(../images/icon/arrow_right.svg);*/ }
#download .featured-box .featured-title *{ line-height:1.6rem; height:3.2rem; overflow:hidden; margin-bottom:0;}
#download .featured-item .featured-thumbnail{ border:1px solid #b1b1b2;}
.mapTooltip {position:absolute;background-color : #fff;padding : 0 1.33rem; line-height:2.4rem;z-index: 1000;display:none;color:#0070cd;box-shadow:0 1px 2px rgba(0,0,0,.3); font-size:1.2rem;
}


.zoomIn, .zoomOut {background-color:#fff;border:1px solid #ccc;color:#000;width:2.4rem; height:2.4rem;line-height: 2.4rem;text-align:center;cursor:pointer;position:absolute;font-weight:bold;right : 20px; padding:0;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; : none;user-select: none; font-size:1.4rem; overflow:hidden; color:#000;}
.zoomIn:hover, .zoomOut:hover{ background:#0070cd; color:#fff; border-color:transparent;}
.zoomReset{ display:none;}
.zoomIn{border-radius:3px 3px 0 0;bottom : 4.8rem; margin-bottom:-1px; }
.zoomOut {bottom:2.4rem;border-radius:0 0 3px 3px ; }
.zoomIn:before, .zoomOut:before{font-family: 'themify';width:2.4rem; display:block; text-align:center; margin:-1px; color:inherit;}
.zoomIn:before{content: "\e61a";}
.zoomOut:before{    content: "\e622";}
.map {position:relative; overflow:hidden;}
.map svg{ overflow:visible !important;}

.ww_presence{ position:relative;}
.ww_presence:before,.ww_presence:after{ content:''; display:block; position:absolute;background:#fff; left:50%;}
.ww_presence:before{ width:1.74rem; height:1.74rem; bottom:2.6rem; transform:translateX(-50%); border-radius:50%; }
.ww_presence:after{ width:1px; height:2.6rem; bottom:0;}
.ww_list.wrap-acadion{ position:relative;}
.ww_list.wrap-acadion:before{ width:1px; height:3rem; background:#b1b1b2; content:''; display:block; left:50%; top:0;position:absolute;}
.accordion .toggle{ border-bottom: 1px solid #b1b1b2; margin-bottom:1.2rem;}
.accordion .toggle:last-child{ border:none; padding-bottom:0; margin-bottom:0;}
.accordion .toggle .toggle-title{ background:none !important;padding:0 0 1.2rem; margin:0;}
.accordion .toggle-title a{ color:#000; line-height:2rem; }
.accordion .toggle-content{ padding: 0 0 1.2rem;}
.accordion .toggle .toggle-title:after{ color:#0070cd !important;font-family: 'themify';content: "\e61a"; font-size:1.8rem; top:50%; line-height:2rem; top:0; }
.accordion .toggle.active .toggle-title:after{font-family: 'themify'; content: "\e622";}
.ww_info { position:relative;}
.ww_info .photo{ position:absolute; top:0;}
.ww_info .box{ padding:3rem 2.66rem; min-height:30rem;}
.ww_map{ }
.ww_map #map{ height:24vw; display:block;}

.company_info .featured-box{ padding:1.6rem 0 0;}
.company_info .featured-box .featured-title *{ line-height:1;}

#contact .company_info{ padding:3rem 2.66rem;}
#contact .side_map #map{ height:18vw;}
.contactform .item{ position:relative; padding-left:6rem; margin-bottom:1.2rem;}
.contactform .form_tit{position: absolute;    color: #231815;    left: 0;    top: 0;    line-height: 3.2rem;}
.contactform .form-control {    height: 3.2rem;   background: #eee; border:none; line-height:1.6rem; padding:.8rem;}
.contactform .form_tit.two_line{ line-height:1.4rem; padding-top:.2rem;}
.contactform .red{ color:red}
.contactform .form-check-inline{ line-height:1.6rem; }
.contactform .form-check-label{ padding-left:1.2rem; position:relative; margin:0;padding-top:.8rem; padding-bottom:.8rem;}
.contactform .form-check-input{ margin-left:-1.2rem; position:absolute; top:50%; transform:translateY(-50%); margin:0; left:0;}
.contactform .input-group-addon { border:none;}
.contactform .btn-area .row{ margin:0 -5px;}
.contactform .btn-area .row>*{ padding:0 5px;}
.contactform .btn-area .ttm-btn{ text-align:center; font-weight:300; font-size:inherit;}
.contactform .btn-area #btn_reset.ttm-btn{ background:#b1b1b2;}
.contactform textarea.form-control{ border-radius:0; height:7.2rem;}
.inquiry_list .li_head {   border-bottom: 4px solid #eee;    padding-top: 0;}
.inquiry_list .li_head .item_del{ top:50%; transform:translateY(-50%)}
.inquiry_list li {    position: relative;    border-bottom: 1px solid #eee;    padding: 0 5.4rem 0 0;    line-height: 1.6rem;}
.inquiry_list li+li .item_del {   top: 50%;    margin-top: -1.1rem;}
.inquiry_list .item_name,.inquiry_list .item_spec{ padding: .8rem;} 
.inquiry_list .item_del {    position: absolute;    right: 0;    top: 0;    width: 5.4rem;    text-align: center;}
.inquiry_list .item_del .ttm-btn{ width:1.8rem; line-height:1.8rem; padding:0; height:1.8rem; text-align:center; font-size:1rem;}
.inquiry_list .item_del .ttm-btn i{ position:relative; top:auto; transform:none;}
.information_area *{ line-height:1.2;color:#3e3a39}

.about_nav a{ display:block; font-weight:300; line-height:1; padding:1rem 0 1.6rem;}
.about_nav a img{ margin-bottom:.8rem !important;}
.about_nav a+a{ border-left:1px solid #fff;}


.about_profile{ line-height:1.4;}
.about_profile .about-img{ float:right; width:45%; margin-left:2rem; margin-bottom:1rem;}
.about_advantages.ttm-row.about-section{line-height:1.4; margin-bottom:-60px; position:relative; z-index:9; padding-top:84px;}
.about_advantages .col-bg-img-twell.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ background-image:url(../images/blog/about_adv.jpg) !important ;}
.about_advantages .ttm-right-span .ttm-col-wrapper-bg-layer{ margin-left:-160px;}
.about_adv_btm{ position:relative;}
.about_adv_btm .post.post-topimage{background: no-repeat center; background-size:cover;}
.about_adv_btm .post-box{ display:table-cell; height:35vw; vertical-align:middle;line-height:1.4; padding-top:4rem; }
.about_adv_btm .owl-theme .owl-controls .owl-nav div.owl-prev{ right:auto; left:2rem;}
.about_adv_btm .owl-theme .owl-controls .owl-nav div.owl-next{ right:2rem;}
.about_adv_btm .owl-theme .owl-controls .owl-nav div{ top:50%; margin:0; transform:translateY(-50%); overflow:hidden;}
.about_adv_btm .owl-theme .owl-controls .owl-nav div:before{font-size:12px; }
.about_brand.ttm-row.intro-section.style2{ margin-top:0; padding-top:0;}
.about_history .testimonial-slide .testimonials .testimonial-content{ margin:0;}
.about_history .owl-theme .owl-controls .owl-nav div{ top:100px;}
.about_history .testimonial-slide .testimonials .testimonial-content p{ font-style:normal; font-size:inherit; color:inherit; font-weight:300;}
.about_history .intro-content *{ line-height:1.14;}
.history_nav{ position:relative;}
.history_nav .slick-list{ z-index:9}
.history_nav:after{ content:''; display:block; position:absolute; width:100%; left:0; bottom:.8rem; height:1px; background:#fff; z-index:1;}
.history_nav .year_item{ color:#c5c6c7; text-align:center;  cursor:pointer;}
.history_nav .disc{ display:block; width:1.6rem; height:1.6rem; border-radius:50%; border:1px solid #fff; background:#b1b1b2; position:relative; margin:.8rem auto 0; z-index:99;}
.history_nav .disc:before{ content:''; display:block;width:.5rem; height:.5rem; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;}
.history_nav .slick-current .year_item, .history_nav .year_item:hover{ color:#fff;}
.history_nav .slick-current .year_item .disc, .history_nav .year_item:hover .disc{ background:#0070cd; box-shadow:0 0 6px rgba(0,0,0,.6)}
.history_content .year_item{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); position:relative; padding-left:50%; min-height:23rem; color:#000; line-height:1.29; margin:0 1.3rem;}
.history_content .year_item .photo{ position:absolute; left:0; width:50%; top:0; background:no-repeat center; background-size:cover; height:100%;}
.history_content .year_item .inner{ padding:3rem 1.6rem 2rem; }
.history_content .year_item .inner p{color:#000;}

.about_traget{ position:absolute; margin-top:-200px;}

.error-404{ background-image:none;}

/*
color
blue	#0070cd
rgba(229,0,18,.5)
#3e3a39
#595757
#717071
#b1b1b2
gray	#e9e6e4


font-size
15
18	1.2rem
20	1.33rem
22	1.47rem
24	1.6rem
28	1.87rem
30	2rem
33	2.2rem
40	2.67rem
45	3rem
50	3.33rem
68	4.5rem
line-height:150%
*/



@media (max-width: 1200px){
.page.sub_wrapper .site-branding{ padding-left:0px; }
}
@media (min-width: 768px){
}

@media (min-width: 992px){
.home_news .section-title.style2:before, .home_news .section-title.style2:after{ content:''; display:table; clear:both;}
.home_news .section-title.style2>*{ float:left; display:block;}
#news .ttm-page-title-row .owl-controls{ opacity:0;}
#news .ttm-page-title-row:hover .owl-controls{ opacity:1;}
}
@media (min-width: 1200px){
body,html{ font-size:15px;}
.ttm-header-style-infostack #site-header-menu{ float:none; position:relative; bottom:auto;}
.ttm-header-style-infostack .site-navigation{ box-shadow:none;-webkit-box-shadow:none;}
.home-link{ display:block;}
.ttm-header-style-infostack .ttm-top-info-con > ul, .ttm-header-style-infostack .site-branding,.ttm-header-style-infostack #site-header-menu #site-navigation .menu ul.dropdown > li > a, .ttm-header-style-infostack .ttm-header-icons, .ttm-header-style-infostack .ttm-header-icon{ height:7.2rem; line-height:7.2rem; font-weight:300;}
.ttm-header-style-infostack #site-header-menu #site-navigation .menu ul.dropdown > li > a { padding:3rem 2rem 0; margin:0; font-size:20px; color:#333; line-height:2rem;}
.ttm-header-style-infostack #site-header-menu #site-navigation .menu > ul > li > a:hover{ color:#0070cd;}
.ttm-header-style-infostack #site-header-menu .fixed-header #site-navigation .menu ul.dropdown > li > a{ padding:2.2rem 2rem 0; height:6rem;}
.ttm-header-style-infostack .fixed-header .ttm-top-info-con > ul, .ttm-header-style-infostack .fixed-header .site-branding, .ttm-header-style-infostack .fixed-header .ttm-header-icons, .ttm-header-style-infostack .fixed-header .ttm-header-icon{ height:6rem; line-height:6rem; }
.ttm-header-style-infostack #site-header-menu #site-navigation .menu ul.dropdown > li > a { padding: 2.3rem 2rem 0; height: 6rem; }
.ttm-header-style-infostack .site-branding{ height: 6rem; line-height: 6rem; }

.ttm-header-style-infostack .site-navigation{ float:right}
.ttm-header-style-infostack .site-navigation .ttm-menu-toggle{ display:none;}
.ttm-header-style-infostack .site-branding{  height: 6rem; }
#site-navigation .menu ul.dropdown > li > a:before{ display:none;}
.ttm-topbar-content .topbar-right{ height:3.33rem;}
.lang_m{ display:none;}

/*inside*/
.ttm-page-title-row{ background-size:auto}
#product_i .ttm-tabs.element-tab-style-horizontal .content-tab{ min-height:21.4rem;}
}
@media (max-width: 1440px){
.prod_pc{ max-width:90%;}
}
@media (max-width: 1199px) {
.fs_20{ font-size:1.22rem}.fs_22{ font-size:1.24rem}.fs_24{ font-size:1.26rem}.fs_28{ font-size:1.3rem}.fs_30{ font-size:1.5rem}.fs_33{ font-size:1.7rem}.fs_36{ font-size:1.9rem}.fs_40{ font-size:2.2rem}.fs_45{ font-size:2.4rem}.fs_48{ font-size:2.5rem}.fs_50{ font-size:2.6rem}.fs_60{ font-size:3rem}.fs_68{ font-size:3.2rem}.fs_72{ font-size:3.3rem}.fs_80{ font-size:3.5rem;}.fs_150{ font-size:5rem}.fs_240{ font-size:8rem}

.ttm-menu-toggle label{ top:45px;}
.ttm-menu-toggle .toggle-block,#site-header-menu #site-navigation .menu > ul{ background:#0070cd}
#site-header-menu #site-navigation .menu ul li a{ color:#fff;}
#site-navigation .menu > ul li:not(:last-child){ border-color:rgba(255,255,255,.15)}

/*index*/
.home_news.ttm-row .container > .row{ margin:0 -15px;}

/*inside*/
.ttm-menu-toggle{ float:right; margin:0 15px;}
.ttm-page-title-row .breadcrumb-wrapper{ display:none;}
#products .ttm-page-title-row{ background-size:150%;}
.about_history .col-md-5,.about_history .col-md-7{flex: 0 0 50% !important; max-width:50% !important;}
.about_history .about-content{ height:100%; padding:30px 0;}
.about_history .testimonial-slide .testimonials{ padding:40px 0 40px 20px; margin:0;}
.about_history .testimonial-slide .testimonials .testimonial-content{ padding:20px;}
.about_history .testimonial-slide .testimonials .testimonial-content p{ padding-top:0}
.about_history .owl-theme .owl-controls .owl-nav div{ top:80px;}
.about_history .owl-theme .owl-controls .owl-nav div.owl-prev{ right:70px;}
.about_history .owl-theme .owl-controls .owl-nav div.owl-next{ right:30px;}
.about_history .mt-60.testimonial-box,.about_history .mt-60.testimonial-box .ml_170{ height:100%;}
.prod_spec .table th, .prod_spec .table td{ font-size:1rem; padding:1rem .5rem;}
}

@media (min-width:1200px) and (max-width: 1440px) {
body,html{ font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
body,html{ font-size:14px;}
.footer .second-footer .widget ul.row>li{ padding-left:10px; padding-right:10px;}

/*index*/
.app_house .app_img{ width:22vw; margin-top:10px;}
.home_adv .about-content{ padding:30px 0 30px 60px !important;}
.tp-caption.haeding-slide {    width: 75vw;padding: 0 90px !important;}
/*inside*/
#product_i .ttm-page-title-row{ background-size:120%;}
.contactform .form-check-inline{ display:block;}
.contactform .form-check-label{ padding-top:0; padding-bottom:0;}
.contactform .form-check-inline + .form-check-inline{ margin-left:0;}
.res-1200-mr-0{ margin-right:-30px !important;}
.about_profile .about-img{ margin-right:0 !important;}
.about_adv_btm .post.post-topimage .col-md-6{flex: 0 0 75% ; max-width:75%;}
.about_brand.break-1199-colum .row .col-lg-3.col-md-4{flex: 0 0 40% !important; max-width:40% !important;}
.about_brand.break-1199-colum .row .col-lg-9.col-md-8{flex: 0 0 60% !important; max-width:60% !important; padding-left:30px;}
}
@media (max-width: 991px){
body,html{ overflow-x:hidden; font-size:14px;}
/* Padding */
.pb35{padding-bottom: 2.2rem;}.pb40{padding-bottom: 2.4rem;}.pb45{padding-bottom: 2.6rem;}.pb50{padding-bottom: 3.1rem;}.pb55{padding-bottom: 3.2rem;}.pb60{padding-bottom: 3.3rem;}.pb65{padding-bottom: 3.4rem;}.pb70{padding-bottom: 3.5rem;}.pb75{padding-bottom: 3.6rem;}.pb80{padding-bottom: 3.7rem;}.pb85{padding-bottom: 3.8rem;}.pb90{padding-bottom: 3.9rem;}.pb95{padding-bottom: 4rem;}.pb100{padding-bottom: 4.1rem;}.pb105{padding-bottom: 4.2rem;}.pb110{padding-bottom: 4.3rem;}.pb130{padding-bottom: 4.5rem;}.pb150{padding-bottom: 5rem;}.pt35{padding-top: 2.2rem;}.pt40{padding-top: 2.4rem;}.pt45{padding-top: 2.6rem;}.pt50{padding-top: 3.1rem;}.pt55{padding-top: 3.2rem;}.pt60{padding-top: 3.3rem;}.pt65{padding-top: 3.4rem;}.pt70{padding-top: 3.5rem;}.pt75{padding-top: 3.6rem;}.pt80{padding-top: 3.7rem;}.pt85{padding-top: 3.8rem;}.pt90{padding-top: 3.9rem;}.pt95{padding-top: 4rem;}.pt100{padding-top: 4.1rem;}.pt105{padding-top: 4.2rem;}.pt110{padding-top: 4.3rem;}.pt130{padding-top: 4.5rem;}.pt150{padding-top: 5rem;}

/* Margin */
.mb35{margin-bottom: 2.2rem;}.mb40{margin-bottom: 2.4rem;}.mb45{margin-bottom: 2.6rem;}.mb50{margin-bottom: 3.1rem;}.mb55{margin-bottom: 3.2rem;}.mb60{margin-bottom: 3.3rem;}.mb65{margin-bottom: 3.4rem;}.mb70{margin-bottom: 3.5rem;}.mb75{margin-bottom: 3.6rem;}.mb80{margin-bottom: 3.7rem;}.mb85{margin-bottom: 3.8rem;}.mb90{margin-bottom: 3.9rem;}.mb95{margin-bottom: 4rem;}.mb100{margin-bottom: 4.1rem;}.mb105{margin-bottom: 4.2rem;}.mb110{margin-bottom: 4.3rem;}.mt35{margin-top: 2.2rem;}.mt40{margin-top: 2.4rem;}.mt45{margin-top: 2.6rem;}.mt50{margin-top: 3.1rem;}.mt55{margin-top: 3.2rem;}.mt60{margin-top: 3.3rem;}.mt65{margin-top: 3.4rem;}.mt70{margin-top: 3.5rem;}.mt75{margin-top: 3.6rem;}.mt80{margin-top: 3.7rem;}.mt85{margin-top: 3.8rem;}.mt90{margin-top: 3.9rem;}.mt95{margin-top: 4rem;}.mt100{margin-top: 4.1rem;}.mt105{margin-top: 4.2rem;}.mt110{margin-top: 4.3rem;}
/*Font size*/
.fs_12{ font-size:14px;}.fs_15{ font-size:14px}.fs_18{ font-size:15px}.fs_20{ font-size:16px}.fs_22{ font-size:17px}.fs_24{ font-size:18px}.fs_28{ font-size:19px}.fs_30{ font-size:20px}.fs_33{ font-size:21px}.fs_36{ font-size:22px}.fs_40{ font-size:23px}.fs_45{ font-size:24px}.fs_48{ font-size:25px}.fs_50{ font-size:26px}.fs_60{ font-size:28px}.fs_68{ font-size:30px}.fs_72{ font-size:30px}.fs_80{ font-size:30px;}.fs_150{ font-size:10rem}.fs_240{ font-size:16rem}

.footer .second-footer .widget ul>li{ flex: 0 0 100%; max-width:100%; padding-bottom:10px; line-height:1.2;}
.footer .second-footer .widget ul.row>li{ padding-left:10px; padding-right:10px;}
.footer .widget-area:nth-child(1),.footer .widget-area:nth-child(2),.footer .widget-area:nth-child(3){ display:none;}
.footer .widget-area:nth-child(4){     flex: 0 0 100%;    max-width: 100%;}
.footer .widget-area .title,.footer .social-icons{ display:inline-block; margin:0 10px 0 0; line-height:32px; vertical-align:top;}

.section-title.style2 h2.title{ width:100%; padding-right:0;}
.section-title.style2 p{ padding-left:0;}
.app_house .app_img{ width:25vw; margin-top:10px;}
.house_area .nav li a{ width:24px; height:24px;}
.featured-box.style5 .featured-icon{ margin:-23px 0 5px;}
.featured-box .featured-icon.icon-shape-square.icon-size-md i{ width:45px; height:45px; line-height:45px; background-size:55%;}
.featured-box.style5{ padding:0 15px 18px }
.row,.ttm-row .container > .row, .ttm-page-title-row .container > .row, footer .container .row, .element-row .container > .row {   margin-right: -10px;    margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.owl-carousel .owl-item{padding-left:10px; padding-right:10px;}
.featured-item.ttm-portfolio-view-topimage:not(.owl-carousel), .col-md-4:not(:last-child) .featured-item.ttm-box-view-topimage{ margin-bottom:10px;}

.section-title.style2 h2,.home_brand .section-title h2.title,.home_adv .section-title h2.title,.ttm-page-title-row h1{ font-size:30px; line-height:1.2;}
/*index*/
.tp-caption.haeding-slide{ height:57.8vw; padding:0 15px !important; width:100vw; }
.tp-caption.haeding-slide *{white-space:normal;}
.tp-parallax-wrap, .tp-loop-wrap, .tp-mask-wrap{ display:block !important; transform:none; width:100%; height:100%; }
.tp-caption.haeding-slide p br{ display:none;}
.home_brand .row-title p.style2{ max-width:50vw; line-height:1.2; margin:10px 0;}
.home_news.ttm-row.blog-section{ padding:30px 0 20px !important;}
.home_news.ttm-row.blog-section .container{ padding:0 15px;}
.home_adv .ttm-fid-contents h4{ font-size:36px;}
.home_adv.ttm-row .container{ padding:0;}
.rev_slider_wrapper .tparrows{ display:block !important; visibility:visible !important; top:auto !important; bottom:20px; left:50% !important; }
.rev_slider_wrapper .tparrows.tp-rightarrow{ transform:translate(1%, 0) !important;}
.rev_slider_wrapper .tparrows.tp-leftarrow{ transform:translate(-101%, 0) !important;}
/*inside*/
.ttm-row .container, .ttm-page-title-row .container, footer .container, .element-row .container{ padding-left:15px; padding-right:15px}
.ttm-page-title-row{ padding-top:30px; background-size:130%}
.ttm-page-title-row .title-box{ padding-bottom:30px;}
.ttm-page-title-row .title-box .fs_24{ /*margin-bottom:5px;*/}
.section-title{ margin-bottom:10px;}
.btm_prod{ padding:30px 0 !important;}

#products .intro-content .section-title{ padding:0 10px; }
#products .intro-content .section-title *{ line-height:40px;}
#products .intro-content .data_area{ margin-top:-20px;}
.prod_text{ margin-bottom:30px}
#product_i .ttm-tabs.element-tab-style-horizontal ul.tabs li a h2{ line-height:3rem;}
#product_i .ttm-tabs.element-tab-style-horizontal .content-tab{ padding:20px 20px;}
.prod_btn .btn{ height:8rem;}
.prod_btn .btn img{ width:30px;}
.prod_btn .row>*{flex: 0 0 50%; max-width:50%;}
.prod_pc .nav li>a{ width:24px; height:24px;}
#contact .container.pt70>.row>*,#contact .layer-content>*{ flex: 0 0 100%;    max-width: 100%;}
#contact .container.pt70 .padding-8{ padding:20px 15px; margin-bottom:30px;}
#contact .layer-content{ height:auto;}
#contact .container.pt70>.row .ml_170{ margin-left:0 !important;}
#contact .company_info{ padding:30px 20px;}
.map{ padding:15px;}
.zoomIn, .zoomOut{ width:30px; height:30px; line-height:28px; right:10px;}
.zoomIn:before, .zoomOut:before{ width:28px; margin:0; font-size:16px;}
.zoomIn{ bottom:40px;}
.zoomOut{ bottom:10px;}
.ww_presence:before{ width:16px; height:16px; bottom:20px;}
.ww_presence:after,.ww_list.wrap-acadion:before{ height:20px;}
.ww_info .photo{ position:relative;}
.ww_info .box{flex: 0 0 100%; max-width:100%; min-height:inherit; left:auto; padding:30px 20px;}
.ww_map #map,#contact .side_map #map{ height:40vw;}
.about_profile .pt-65{ padding-top:40px !important;}
.about_advantages.ttm-row.about-section{ margin-bottom:0}
.about_adv_btm{ padding:0 !important;}
.about_adv_btm .container{ padding:0 80px;}
.about_adv_btm .col-md-6{flex: 0 0 100%; max-width:100%;}
.about_adv_btm .post-box{ height:50vw; padding:30px 0;}
}

@media (min-width: 576px) and (max-width: 991px) {
.tp-caption.haeding-slide{ width:75vw;}
.app_house .title, .app_house p{ margin-bottom:10px;}
.app_house .app_img{ width:20vw;}
.app_item{  flex: 0 0 36%;    max-width: 36%;}

/*index*/
.home_adv .container{ width:100%;}
.home_adv .ttm-col-bgimage-yes{ display:none;}

/*inside*/
#products .ttm-fid-contents .ttm-fid-title{ font-size:13px;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div{ width:30px; height:30px; line-height:30px;}
#news .ttm-page-title-row .container{ padding:0 55px;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div.owl-prev{ left:15px;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div.owl-next{ right:15px;}
#news .featured-box .featured-title *{ line-height:18px; height:54px; overflow:hidden;}
#video .ttm-page-title-row .title-box .btn_video img{ width:50px;}
.about_advantages .col-bg-img-twell.ttm-col-bgimage-yes{ height:100% !important;}
.about_advantages .col-bg-img-twell.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer{ margin: 0 -160px 0 -10px !important;}
.about_history .ttm-left-span .ttm-col-wrapper-bg-layer{ margin-left:-150px;}
.about_history .ttm-right-span .ttm-col-wrapper-bg-layer{ margin-right:-150px;}
.history_content .year_item{ min-height:18rem;}
}


@media (min-width: 768px) and (max-width: 991px) {

/*index*/
.home_adv .layer-content{ width:750px; margin:0 auto; padding:0 15px;}

/*inside*/
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div{ margin-top:-2rem;}
.about_advantages.break-991-colum .row .col-md-8{flex: 0 0 60% !important; max-width:60% !important; }
.about_advantages.break-991-colum .row .col-md-4{flex: 0 0 40% !important; max-width:40% !important; }
.about_brand.break-1199-colum .row .col-lg-3.col-md-4{flex: 0 0 30% !important; max-width:30% !important;}
.about_brand.break-1199-colum .row .col-lg-9.col-md-8{flex: 0 0 70% !important; max-width:70% !important; padding-left:60px;}
.about_brand.break-1199-colum .about-img{ margin-right:-60px !important;}
.about_history .about-content .layer-content{ padding-right:30px;}
.prod_spec .table th, .prod_spec .table td{ padding:1rem .5rem;}
}
@media (min-width: 576px) and (max-width: 767px) {
.about_nav a{  flex: 0 0 25%;    max-width: 25%;}
.about_history .testimonial-slide .testimonials{ padding:30px 5px 30px 10px;}
.about_history .owl-theme .owl-controls .owl-nav div{ top:65px;}
#product_i .ttm-page-title-row{ background-size:170%;}
}
@media (max-width: 767px){

.ttm-row .container, .ttm-page-title-row .container, footer .container, .element-row .container{padding-left: 20px;    padding-right: 20px;}
/*index*/
.home_adv .layer-content{ padding:0 20px;}
.home_adv .ttm-left-span .ttm-col-wrapper-bg-layer{ top:0;}
.house_area .nav li a{ width:20px; height:20px;}
.house_area .nav li a span{ width:6px; height:6px;}


/*inside*/
.exhibitions_list .title{ line-height:1.6rem;}
.exhibitions_list .owl-theme .owl-controls .owl-nav{ right:0; bottom:100%;}
.exhibitions_list .post.post-topimage{ border:none;}
.exhibitions_list .post-slide-news{    border-left: 1px solid #0070cd;}
.exhibitions_list .row .row{ margin:0;}
.exhibitions_list .owl-carousel .owl-item{ padding:0;}
#news_i .ttm-page-title-row .col-md-8,#news_i .ttm-page-title-row .col-md-4{  flex: 0 0 50%;    max-width: 50%;}
.ww_info{ margin:0 -20px; padding:0 !important;}
#about .ttm-page-title-row{ background-size:160%;}
.about_advantages .container{ padding:0; }
.about_advantages .padding-2{ padding:30px 20px;}
.about_advantages .break-991-colum .row .col-md-4{}
.about_advantages .ttm-right-span .ttm-col-wrapper-bg-layer{ height:60vw; margin:0 !important; position:relative;}
.about_advantages .ttm-col-bgimage-yes .layer-content{ display:none;}
.about_brand .ttm-left-span .ttm-col-wrapper-bg-layer{ margin-right:-100px;}
.about_brand .about-content{ padding:30px 0!important;}
.about_brand.break-1199-colum .about-img{ margin-bottom:0 !important;}
.about_brand.break-1199-colum .row .col-lg-9.col-md-8 .pl-15{ padding-top:30px !important; padding-left:0 !important; }
.prod_btn{ margin-bottom:2rem;}
}
@media (max-width: 575px){
.ttm-stickable-header-w{ padding:0 20px;}
.site-branding,.ttm-stickable-header-w, .ttm-header-icon{ height:75px; line-height:75px !important;  text-align:left;}
.site-branding{padding:0 ;}
.site-branding img{ height:25px;}
.ttm-menu-toggle label{ top:34px;}
#site-header-menu #site-navigation .menu > ul{ top:75px;}
#site-header-menu #site-navigation .menu > ul > li:hover > a, #site-header-menu #site-navigation .menu > ul > li > a: hover; { color: white}
.ttm-header-icons .ttm-header-search-link>a{  height:75px; padding-top:26px; }
.ttm-header-icons .ttm-header-search-link a img{ padding-top:5px;}
.container{ padding-left:20px; padding-right:20px;}
.footer .second-footer{ padding:0 0 20px;}

.section-title.style2 h2,.home_brand .section-title h2.title,.home_adv .section-title h2.title,.ttm-page-title-row h1{ font-size:24px;}
#totop{ bottom:15px; right:15px;}
.app_item .app_img{ width:70vw; margin-left:auto; margin-right:auto;}
.btm_prod .featured-box .featured-title *,.btm_news .featured-box .featured-desc{ height:auto;}
.fancybox-slide--video .fancybox-content{ height:45vw;}

/* Padding */
.pb35,.pb40,.pb45{padding-bottom: 30px;}.pb50,.pb55,.pb60{padding-bottom: 35px;}.pb65,.pb70,.pb75{padding-bottom: 40px;}.pb80,.pb85,.pb90{padding-bottom: 45px;}.pb95,.pb100,.pb105{padding-bottom: 50px;}.pb110,.pb130{padding-bottom: 55px;}.pb150{padding-bottom:60px;}.pt35,.pt40,.pt45{padding-top:  30px;}.pt50,.pt55,.pt60{padding-top: 35px;}.pt65,.pt70.pt75,{padding-top: 40px;}.pt80,.pt85,.pt90{padding-top: 45px;}.pt95,.pt100,.pt105{padding-top: 50px;}.pt110,.pt130{padding-top: 55px;}.pt150{padding-top:60px;}

/* Margin */
.mb35,.mb40.mb45,{margin-bottom: 30px;}.mb50,.mb55,.mb60{margin-bottom: 35px;}.mb65,.mb70.mb75,{margin-bottom: 40px;}.mb80,.mb85,.mb90{margin-bottom: 45px;}.mb95,.mb100,.mb105{margin-bottom: 50px;}.mb110{margin-bottom: 55px;}.mt35,.mt40,.mt45{margin-top: 30px;}.mt50,.mt55,.mt60{margin-top: 35px;}.mt65,.mt70,.mt75{margin-top: 40px;}.mt80,.mt85,.mt90{margin-top: 45px;}.mt95,.mt100,.mt105{margin-top: 50px;}.mt110{margin-top: 55px;}

/*index*/
.tp-caption.haeding-slide{ height:73vw; padding-bottom:50px !important; }
.home_brand.bg-img6{    background-position: 40% center;}
.home_news .section-title.style2 p,.home_news .section-title.style2 a{ width:100%; display:block; text-align:left;}
.home_news.ttm-row.blog-section .container{ padding:0 25px }

/*inside*/
.ttm-page-title-row{ background-size:120%;}
.ttm-page-title-row .title-box{ max-width:60vw;}
#products .ttm-fid-contents .ttm-fid-title{ font-size:inherit;}
#products .intro-content .data_area .ttm-fid{ padding:30px 0 20px;}
#products .intro-content .data_area .col-md-4+.col-md-4 .ttm-fid{ margin-top:2px; padding-top:20px;}
#products .featured-content{ min-height:inherit;}
#product_i .ttm-page-title-row{  background-position:center bottom; background-image:url(../images/product/producut_i_m.jpg) !important;background-size:100%;}
#product_i .ttm-page-title-row .title-box{ max-width:100vw;}
body #product_i .site-main { padding-top:2rem;}
.prod_pc .nav li>a{ background:rgba(0,113,206,.6)}
.prod_app{ margin-bottom:4px;}
.prod_spec .table tr{ position:relative;}
.prod_spec .table tr>*:last-child{ position:absolute; top:50%; transform:translateY(-50%); right:0; width:80px; padding:0;}
.prod_spec .table tr,.prod_spec .table tr>*{ display:block;}
.prod_spec .table tr>th{ display:none;}
.prod_spec .table thead tr>th:last-child{ display:block; position:relative; transform:none; padding:10px 7px; text-align:right;}
.prod_spec .table thead th{ font-size:16px; padding:10px 7px;}
.prod_spec .table tbody td:first-child{ padding-top:15px;}
.prod_spec .table tbody td:last-child{ padding-bottom:15px;}
.prod_spec .table tbody td{ line-height:1.1; padding:7px}
.prod_spec .table tbody th{ font-weight:bold; font-size:18px; padding-top:20px;}
.prod_spec .table td .title{  margin-bottom:5px; font-size:15px;}
#video .ttm-page-title-row{ background-size:cover;}
#video .ttm-page-title-row .title-box .btn_video img{ width:36px;}
#video .featured-content{ min-height:inherit;}
.inquiry_list .li_head .item_spec{ display:none;} 
.inquiry_list .item_spec{ padding-top:0; line-height:1.1;}
.inquiry_list .item_spec span{     color: #0070cd; display:block; margin-bottom:5px}
.inquiry_list .item_name, .inquiry_list .item_spec{ padding-left:0; padding-right:0;}
.contactform .form-check-inline{ display:block;}
.contactform .form-check-label{ padding-top:0; padding-bottom:0;}
.contactform .form-check-inline + .form-check-inline{ margin-left:0;}
.contactform .item.btn-area{ padding-left:0;}
.contactform .btn-area .row>*{flex: 0 0 50%;    max-width: 50%;}
body #contact .site-main .container{ padding-bottom:0;}
#contact .container.pt70>.row .ml_170{ margin-left:-20px !important; margin-right:-20px !important;}
#contact .container.pt70 .padding-8{ padding:0; box-shadow:none;}
.contactform .item{ padding-left:0;}
.contactform .form_tit{ position:relative;}
.contactform .form_tit.two_line br{ display:none;}
.contactform .form_tit.two_line,.contactform .form_tit{ line-height:1.4; padding:0 0 10px;}
.download_list{ height:auto;}
#worldwide .ttm-page-title-row{ background-size:cover}
.ww_map #map,#contact .side_map #map{ height:60vw;}
.about_nav {display: flex;    flex-wrap: wrap; margin-left:-20px; margin-right:-20px;}
.about_nav a{ font-size:14px; line-height:1.2; padding:10px 5px 15px; max-width: 50%;    flex: 0 0 50%; border-right:1px solid #fff; margin-bottom:2px;}
.about_nav a+a{ border-lefr:none}
.about_nav a img{ margin-bottom:5px !important;}
.about_profile{ box-shadow:none;}
.about_profile .pt-65{ padding:0 !important;}
.about_profile .about-img{ float:none; width:100%; margin-left:0;}
.about_adv_btm .container{ padding:0 50px;}
.about_adv_btm .owl-theme .owl-controls .owl-nav div.owl-prev{ left:10px;}
.about_adv_btm .owl-theme .owl-controls .owl-nav div.owl-next{ right:10px;}
.about_adv_btm .post-box{ height:100vw;}
.about_history .col-md-5, .about_history .col-md-7{flex: 0 0 100% !important; max-width:100% !important;}
.about_history .about-content, .about_history .testimonial-slide .testimonials{ padding:30px 20px !important;}
.about_history .owl-theme .owl-controls .owl-nav div{ top:65px; margin-right:10px;}
.history_content .year_item{ padding:0; margin:0 1rem;}
.history_content .year_item .photo{ position:relative; width:100%; height:50vw;}
.history_content .year_item .inner{ padding:2rem 1.6rem;}
#news .ttm-page-title-row .post.post-topimage .post-desc{ padding-bottom:5rem;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div{ top:auto; bottom:.8rem; margin:0; left:20px !important; right:auto !important; transform:translate(0,0); width:30px ; height:30px; line-height:30px; font-size:16px;}
#news .ttm-page-title-row .owl-theme .owl-controls .owl-nav div.owl-next{ left:52px !important; }
.exhibitions_list .post .post-desc{ height:auto;}
.exhibitions_list .owl-theme .owl-controls .owl-nav{ margin-bottom:.5rem;}

}
a, button,.top-contact.ttm-highlight .dropdown li a,.dropdown .dropdown-menu,.tparrows,.section-title.style2 a, .link_more img,.prod_video a:before,#news .ttm-page-title-row .owl-controls,.history_nav .year_item{-o-transition:all .20s linear;-webkit-transition: all .20s linear;-moz-transition: all .30s linear;transition: all .20s linear;}



/* 2021.10.07 Penny for news_i */
#news .information_area img{
	max-width: 100%;
    height: auto;
}

.blue_btn{
	background: #0076c0;
	color: #fff;
	padding: 10px;
	margin-right: 5px;
}
.blue_btn:hover{
	color: #fff;
	background: #000;
}


.app-info{
	width: 50%;
}
@media (max-width: 575px){
	.app-info{
		display: none;
	}
}


/* Overlay */
.bg-overlay {
  position: relative;
  color: white;
}
.bg-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.bg-overlay.white::before, .bg-overlay.white-hover:hover::before {
  background: white;
}
.bg-overlay.opacity-70::before, .bg-overlay.opacity-70-hover:hover::before {
  opacity: 0.7;
}
.bg-overlay.opacity-50::before, .bg-overlay.opacity-50-hover:hover::before {
  opacity: 0.5;
}
.bg-overlay.opacity-40::before, .bg-overlay.opacity-40-hover:hover::before {
  opacity: 0.4;
}
.bg-overlay.opacity-20::before, .bg-overlay.opacity-20-hover:hover::before {
  opacity: 0.2;
}
.bg-overlay.opacity-10::before, .bg-overlay.opacity-10-hover:hover::before {
  opacity: 0.1;
}
.bg-overlay.opacity-00-hover:hover::before {
  opacity: 0;
}
.bg-overlay .top {
  position: relative;
  z-index: 2;
}