@import url(../fonts/kyico01/style.css);
@import url('magic-check.css');
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body{font-family:"Noto Sans TC","Microsoft JhengHei",Arial,Helvetica,sans-serif;overflow-x:hidden}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,Helvetica,sans-serif}
a{transition:all linear 0.2s}
a:hover{text-decoration:none}
ul{list-style:none;padding-left:0;}
ul.type-01 > li{padding-left:30px;position:relative;margin-bottom:5px;}
ul.type-01 > li:before{content:"";display:block;width:5px;height:5px;position:absolute;background-color:#00A8FF;top:15px;left:10px;}
ul.type-01 > li > .subheader{ /*color: #3ab31c;*/ margin-right:10px;}
.btn{border-radius:0;color:#fff;background-color:#00A8FF;font-size:0.9rem;padding:10px 20px;transition:all linear 0.2s;border:1px solid #00A8FF}
.btn img{width:20px!important;display:inline-block!important;margin:0 5px;max-width:20px!important;min-width:20px!important;vertical-align:middle;margin-top:-7px!important;}
.btn:hover{color:#fff;transform:scale(1.1)}
.btn.focus,.btn:focus{box-shadow:none}
.btn.btn-white-outline{color:#fff;background-color:transparent;border-color:#fff;padding: 6px 12px;}
.btn.btn-white-outline.product{color:#fff;background-color:#202627;border-color:#FFFFFF;float: right; margin-top: 0;font-size:0.9rem;position: absolute; top: 15px;right: 0;padding: 6px 12px;}
.btn.btn-white-outline.product:hover{transform:scale(1.1)}
.btn.btn-blue-outline{color:#00a8ff;background-color:transparent;border-color:#00a8ff}
.btn.btn-grey-outline{color:#727f8a;background-color:transparent;border-color:#727f8a}
.btn.btn-s{padding:6px 12px;font-size:0.9em}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d;}
.btn.btn-xs{padding:3px 12px;font-size:0.9em}
.btn.btn-sprimary{padding:2px 10px;font-size:14px;background-color:#00a0ec;margin-right:3px;vertical-align:middle;}
.btn.btn-green{background-color:#86ba2d;border-color:#86ba2d;}
.btn-outline-primary{display:block;padding:3px 20px;border:1px solid #00A8FF;background-color:transparent;color:#007bff;}
.bg-white{background-color:#fff!important}
.text-blue{color:#00a0ec}
.text-green{color:#86ba2d;}
.text-grey{color:#595959;line-height: 0.8em;}
#main-menu{transition:all linear 0.2s;opacity:0;position:fixed;height:100%;width:80%;max-width:400px;min-width:200px;z-index:0;top:0;left:0;background:rgb(56,189,254);background:-moz-linear-gradient(top,rgba(56,189,254,1) 0%,rgba(0,169,255,1) 100%);background:-webkit-linear-gradient(top,rgba(56,189,254,1) 0%,rgba(0,169,255,1) 100%);background:linear-gradient(to bottom,rgba(56,189,254,1) 0%,rgba(0,169,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#38bdfe',endColorstr='#00a9ff',GradientType=0)}
.main-frame{position:relative;z-index:1;background-color:#fff;box-sizing:border-box;min-height:100vh;transition:all linear 0.2s}
#main-menu .menu-frame{position:relative;padding-top:50px;padding-bottom:40px}
#main-menu .menu-frame #close-menu{position:absolute;width:60px;height:60px;background-color:transparent;font-size:1.5rem;color:#fff;top:0;left:0;border:none}
#main-menu .menu-frame ul{list-style:none;padding-left:0}
#main-menu .menu-frame ul li{padding:0 15%}
#main-menu .menu-frame ul li a{color:#fff;font-size:1.5rem;display:block;text-align:center;letter-spacing:2px;padding:15px 30px;border-bottom:1px solid rgba(255,255,255,0.3)}
#main-menu .menu-frame ul li a:hover{text-decoration:none;transform:scale(1.1)}
#main-menu .social-link{text-align:center;margin-top:40px}
#main-menu .social-link a{display:inline-block;width:60px;margin:0 10px}
.wrapper.openmenu  #main-menu{opacity:1;}
.wrapper.openmenu{overflow:hidden}
.wrapper.openmenu .main-frame{transform:translate3d(400px,0,0);z-index:-1}
.wrapper.closingmenu{overflow:hidden}
header{height:50px;display:block;width:100%;border-top:4px solid #00A8FF;border-bottom:1px solid #eee;}
header .menu-toggle{display:inline-block;float:left;width:50px;height:46px;background-color:#00A8FF;cursor:pointer;text-align:center;font-size:2em;color:#fff;line-height:46px}
header .header-logo{display:inline-block;float:left;line-height:0;width:90px;margin-top:10px;margin-left:20px}
header .header-logo a img,header .header-logo-02 img{width:90px;height:30px;}
header .header-right{display:inline-block;float:right}
header .header-logo-02{display:inline-block;width:90px;margin-top:10px;margin-right:10px}
header .lang-select{display:inline-block;margin-left:10px;vertical-align:top}
header .lang-select .btn{background-color:#fff;color:#333;font-size:.9em;font-weight:400;border-left:1px solid #ddd;height:45px;padding-right:20px;padding-left:20px;border-bottom:none;border-top:none}
header .lang-select .btn:hover{transform:none}
header .lang-select .dropdown-toggle::after{border-bottom:1px solid #999;border-right:1px solid #999;border-top:none;height:10px;width:10px;border-left:none;transform:rotate(45deg);transition:all linear 0.2s;position:relative}
header .lang-select .dropdown.show .dropdown-toggle::after{transform:rotate(-135deg);top:5px}
.dropdown-menu{border-radius:0;box-shadow:0 0 10px #ddd;border:none}
.dropdown-menu:before{border-width:.5rem .5rem .5rem .5rem;position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-bottom-color:#fff;top:-15px;right:10px;z-index:1}
.dropdown-menu:after{border-width:.5rem .5rem .5rem .5rem;position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-bottom-color:#ddd;top:-16px;right:10px;z-index:0}
.dropdown-item{padding:.35rem 1.5rem;font-size:.85rem;font-family:"Microsoft JhengHei",Helvetica,Arial,sans-serif}
.dropdown-item.active,.dropdown-item:active{background-color:#00A0EC}
.dropdown-item:focus,.dropdown-item:hover{background-color:#00A0EC;color:#fff}
.container-main{height:calc(100vh - 50px);padding-bottom:50px}
.nav-dot{position:absolute;left:0;top:50px;bottom:0;width:50px;background-color:#373E44}
.nav-dot ul{list-style:none;padding:0;padding-left:15px;padding-top:20px;position:absolute;bottom:0}
.nav-dot ul li{margin-bottom:20px}
.nav-dot ul li a{width:20px;height:20px;background-color:#0179B6;border-radius:30px;transition:all linear 0.2s;padding:0;border:none}
.nav-dot ul li.active a{background-color:#fff}
.nav-dot ul li a:hover{background-color:#86ba2d;transform:scale(1.2)}
.popover{border-radius:0;border:none;font-size:1.4em;font-family:"AvantGarde CE","Noto Sans TC","Microsoft JhengHei",Helvetica,sans-serif}
.popover-body{padding:.5rem 2rem}
.slimScrollBar,.slimScrollRail{border-radius:0!important;width:12px!important}
.contain-body{height:calc(100vh - 100px);width:calc(100vw - 50px)}
.scroll{position:fixed;bottom:30px;right:30px;z-index:999}
.scrollToTop{display:block;background-color:rgba(0,0,0,.3);width:40px;height:40px;text-align:center;font-size:2em;color:#fff;text-align:center}
.main-slider{height:100%;width:45%;float:left;overflow:hidden;}
.main-slider .owl-carousel .owl-stage-outer{transform:scale(1.01);left:-1px;}
.main-slider .slider-item .item-frame{display:block;width:100%;height:100%;color:#fff;text-align:left;overflow:hidden}
/*.main-slider .slider-item .item-frame:before{content:"";position:absolute;width:100%;height:100%;left:0;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(20,75,128,100) 0%,rgba(139,184,224,0) 56%);z-index:1;bottom:0;}*/
.main-slider .slider-item .item-frame>a img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 75%}
.main-slider .slider-item .item-frame .slider-text-frame{content:"";position:absolute;width:100%;height:20%;left:0;background:rgb(0,0,0);background:linear-gradient(180deg,rgba(20,60,85,1) 0%,rgba(255,255,255,0) 100%);z-index:1;top:0;}
.main-slider .slider-item .slider-text-frame .slider-text{position:absolute;z-index:2;top:20%;width: 90%; color:#fff;left:50px;}
.main-slider .slider-item .slider-text-frame .slider-text .btn{position: absolute; top:0; right: 0px;border-color: #fff;background-color: transparent;}
.main-slider .slider-item .slider-text-frame .slider-text h2{padding-bottom:4px;margin-bottom:10px;position:relative;font-weight:900}
.main-slider .slider-item .slider-text-frame .slider-text h2:after{content:"";display:block;width:70px;border-top:1px solid #fff;position:absolute;bottom:0;left:0;}
.main-slider .owl-item{height:calc(100vh - 100px)}
.main-slider .owl-nav {position:absolute;top:35px;right:35px}
.main-slider .animated{animation-duration:2500ms;animation-fill-mode:both}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{background-color:rgba(0,0,0,.4);border:1px solid;color:#fff;padding:5px 8px!important;font-size:1.5em;margin-left:10px;bottom:0; transition:all linear 0.2s}
.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover{background-color:#373E44}
/*.main-slider .slider-item .slider-text-frame .slider-text{max-width:90%}*/
.main-slider .slider-item .slider-text-frame .slider-text h5{font-size:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.5);letter-spacing:0.04em;font-weight:500}
.main-slider .slider-item .slider-text-frame .slider-text h2{font-weight:900;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:2.5rem}
.main-slider .slider-item .slider-text-frame .slider-text p{text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:1rem;letter-spacing:0.04rem}

.index-brick{display:block;float:left;width:27.5%}
/*.index-brick.b01{background-color: rgba(0, 0, 0, .5); background-blend-mode: multiply;background-image: url(../img/IAKV_1_H0.jpg); background-repeat: no-repeat; background-position: bottom center;background-size:cover;height:50%;transition:all linear .3s}*/
.index-brick.b01{background-image: url(../img/IAKV_1_H0.jpg); background-repeat: no-repeat; background-position: bottom center;background-size:cover;height:50%;transition:all linear .3s}
/* .index-brick.b02{background-image: url(../img/IAKV_2_H.jpg); background-repeat: no-repeat; background-position: bottom center;background-size:cover;height:50%;transition:all linear .3s} */
.index-brick.b01 .brick-frame{background:linear-gradient(180deg,rgba(250,250,250,.8) 0%,rgba(255,255,255,0) 140%);z-index:1;top:0;}
.index-brick.b01 p{color:#001226;font-size:1.1em;width:65%;letter-spacing:0.04em}
.index-brick.b02{height:50%}
/* .index-brick.b03 .brick-frame{height:80px;background-color:#202627}
.index-brick.b03 .service-frame{position:relative;height:calc(100% - 80px);background-color:#fff}
.index-brick.b03 .service-frame img{width:50px}
.index-brick.b03 .service-frame a:after{content:"";transition:all linear 0.2s}
.index-brick.b03 .sf-spot{position:absolute;width:50%;height:50%;left:0;top:0;padding:0px;padding-top:0;padding-left:0}
.index-brick.b03 .sf-spot img{width:80%;}
.index-brick.b03 .sf-contact{position:absolute;width: 50%;left:0;top:50%;padding:1px 1px 1px 1px;padding-left:0;padding-bottom:0;padding-right:0;height:50%}
.index-brick.b03 .sf-contact a{overflow:hidden;position:relative;transition:all linear 0.3s}
.index-brick.b03 .sf-contact a:hover:after{transform:scale(1.2)}
.index-brick.b03 .service-frame a:hover:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,0.5)}
.index-brick.b03 .sf-tools{position:absolute;width:50%;height:33.34%;left:50%;top:0%;padding:1px;padding-right:0;padding-top:0}
.index-brick.b03 .sf-news{position:absolute;width:50%;height:33.34%;left:50%;top:33.3333%;padding:1px;padding-right:0;padding-top:0}
.index-brick.b03 .sf-training{position:absolute;width:50%;height:33.34%;left:50%;top:66.6666%;padding:1px;padding-bottom:0;padding-right:0;padding-top:0}
.index-brick.b03 .service-frame >div a{display:block;height:100%;width:100%;background-color:#ebebeb;color:#00a0ec;padding:15px;text-align:center;overflow:hidden}
.index-brick.b03 .service-frame >div a h6{font-size: 1.1em; font-weight:700;text-align:left;z-index:1;position:relative}
.index-brick.b03 .service-frame a img{transition:all linear 0.3s}
.index-brick.b03 .service-frame a:hover img{transform:rotate3d(0,1,0,360deg)}
.index-brick.b03 .service-frame .brick-icon{display:block;position:absolute;width:100px;top:40px;bottom:5px;left:35%;background-size:contain;background-repeat:no-repeat;background-position:center;transition:all linear .3s}
.index-brick.b03 .service-frame .sf-spot .brick-icon{display:block;position:absolute;width:85px;top:40px;bottom:5px;left:40%;background-size:contain;background-repeat:no-repeat;background-position:center;transition:all linear .3s}
.index-brick.b03 .service-frame a:hover .brick-icon{transform:scale(1.2)} */

.index-brick.b03{height:50%}
.index-brick.b03 .brick-frame{
	display: grid;
	height: 100%;
padding: 0;
grid-template-rows: auto 120px;
background-image: url(../img/page-head-banner-01.jpg);
	background-repeat: no-repeat; background-position: top center;background-size:cover;
}
.index-brick.b03 .brick-frame .top-brick{
	background: linear-gradient(180deg, rgba(20, 60, 85, 1) 15%, rgba(255, 255, 255, 0) 50%);
	padding: 20px;
	
}
.index-brick.b03 .brick-frame .service-frame{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	background-color: #fff;
	gap: 1px;
	border: 1px solid #fff;
}
.index-brick.b03 .brick-frame .service-frame .link-item a{
	background-color: #EBEBEB;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.index-brick.b03 .brick-frame .service-frame .link-item h6{
	font-size: 0.9em;
	color:#00a0ec;
	text-align: center;
}
.index-brick.b03 .brick-frame .service-frame .link-item .brick-icon{
	width: clamp(35px, 2.5vw, 45px);
	height: clamp(35px, 2.5vw, 45px);
	background-repeat: no-repeat; background-position: center;
	background-size: contain;
	transition:all linear .3s;
}
.index-brick.b03 .brick-frame .service-frame .link-item a:hover .brick-icon{transform:scale(1.2)}
.index-brick.b04{background-color:#86ba2d;height:50%}
.index-brick.b04 .brick-frame{height:calc(100% - 120px);position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,60,85,1) 0%,rgba(255,255,255,0) 50%);z-index:1;top:0;}
/*.index-brick.b04 .brick-frame .pic{width:50%;position:absolute;top:80px;left:30px;right:50%;bottom:15px;background-repeat:no-repeat;background-size:contain;background-position:left center}*/
.index-brick.b04{background-image: url("../img/success/s02.jpg"); background-repeat: no-repeat; background-position: top center;background-size:cover;}
.index-brick.b04 .brick-frame .action{position:absolute;right:30px;top:35px}
.index-brick.b04 .brick{display:inline-block;float:left;width:25%;height:120px;text-align:center}
.index-brick.b04 .brick a{display:flex;height:100%;flex-direction: column;align-items: center;justify-content: center;}
.index-brick.b04 .brick h5{text-align:center;color:#fff;font-size:0.9em}
.index-brick.b04 .brick img{width:clamp(35px, 2.5vw, 45px);transition:all linear 0.3s}
.index-brick.b04 .brick.bfb{background-color:#305095}
.index-brick.b04 .brick.byt{background-color:#cd2620}
.index-brick.b04 .brick.lnk{background-color:#2a6a94}
.index-brick.b04 .brick.line{background-color:#00b900}
.index-brick.b04 .brick a:hover img{transform:rotate3d(0,1,0,360deg) scale(0.9)}
.brick-frame{padding:20px}
.brick-frame:nth-child(2){padding:30px 20px}
.list-t01{list-style:none;padding:0;margin:0}
.list-t01 li{margin-bottom:10px}
.list-t01 li a{color:#484b4b;display: grid;grid-template-columns: 200px 1fr;align-items: center;}
.list-t01 li a:hover .list-pic{transform:scale(1.1)}
.list-t01 li a:hover .list-title{padding-left:20px}
.list-t01 li .list-pic{margin-top: 10px; display:inline-block;vertical-align:middle;width:100%;height:120px;background-repeat:no-repeat;background-size:cover;transition:all linear 0.2s}
.list-t01 li .list-title{display:inline-block;vertical-align:middle;padding-left:20px;transition:all linear 0.2s; font-size: 1.2rem}

/*解決方案大圖文字*/
.main-slider .t02 .slider-item .item-frame>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.main-slider .t02 .slider-item .item-frame:before{content:"";position:absolute;width:100%;height:100%;left:0;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(0,0,0,60) 0%,rgba(139,184,224,0) 50%);z-index:1;bottom:0;}
.main-slider .t02 .slider-item .slider-text-solut{position:absolute;z-index:2;bottom:50px;color:#fff;left:50px;}
.main-slider .t02 .slider-item .slider-text-solut h2{padding-bottom:4px;margin-bottom:10px;position:relative;font-weight:900}
.main-slider .t02 .slider-item .slider-text-solut h2:after{content:"";display:block;width:70px;border-top:1px solid #fff;position:absolute;bottom:0;left:0;}
.main-slider .t02 .slider-item .slider-text-solut{max-width:80%}
.main-slider .t02 .slider-item .slider-text-solut h5{font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,.5);letter-spacing:0.04em;font-weight:500}
.main-slider .t02 .slider-item .slider-text-solut h2{font-weight:900;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:2.5rem}
.main-slider .t02 .slider-item .slider-text-solut p{text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:1.2rem;letter-spacing:0.05rem}
.main-slider .t02 .slider-item .slider-text-solut{bottom:50px;right:auto;left:40px;text-align:left}
.main-slider .t02 .slider-item .slider-text-solut h2.text-left-solut:after{right:auto;left:0;}
.main-slider .t02 .slider-item .slider-text-solut a {font-size: 1.1em; padding: 6px 15px}
/*解決方案大圖文字--end*/
.solutions-block{width:55%;height:100%;overflow:hidden}
.solutions-block .block-item{height:33.33%;position:relative}
.solutions-column .block-item{height:50%;position:relative}
.solutions-block .block-item h3{color:#484b4b;z-index:1;font-size:2.2rem;font-weight:400}
.solutions-block .block-item p{color:#484b4b!important;color:#fff;font-size:1em;line-height:1.6em;position:relative;z-index:1;margin-bottom:0;letter-spacing:0.04em;width:70%;height: 11.2em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;}
.solutions-block .block-item a{height:100%;display:block;margin:0}f
.solutions-block .block-item.block-01 a{padding:20px 20px}
.solutions-block.case .block-item.block-01 a{padding:0px 0px}
.solutions-block .block-item.block-01{transition:background-size .7s ease-in-out;background-repeat:no-repeat;background-size:100%;background-position:center}
.solutions-block .block-item.block-01:hover{background-size:120%}
.solutions-block .block-item.block-01:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.40);transition:all linear .4s}
.solutions-block.case .block-item.block-01:after{display:none;}
.solutions-block .block-item.block-01:hover:after{background-color:rgba(0,0,0,0.60)}
.solutions-block .block-item.block-02 .text-brock{background:radial-gradient(500px, #fff,#d0d0d0); /*background: -moz-linear-gradient(top, #19bacd 0%, #00a8ff 100%); background: -webkit-linear-gradient(top, #19bacd 0%, #00a8ff 100%); background: linear-gradient(to bottom, #19bacd 0%, #00a8ff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19bacd', endColorstr='#00a8ff', GradientType=0);*/padding:20px 30px;width:50%;height:100%;display:block;float:left;position:relative;z-index:1}
.solutions-block .block-item.block-02 .text-brock:after{content:"";position:absolute;width:0;height:0;border-left:15px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;right:-14px;top:50%;margin-top:-15px;z-index:1}
/*.solutions-block .block-item.block-02 .bg-brick{transition:background-size .7s ease-in-out;background-repeat:no-repeat;background-size:cover;background-position:center;background-color: #fff; display:block;float:left;height:100%;width:50%}*/
.solutions-block .block-item.block-02 .bg-brick{transition:all linear 0.3s;background-repeat:no-repeat;background-size:cover;background-position:center;background-color: #fff; display:block;float:left;height:100%;width:50%;}
.solutions-block .block-item.block-02 .bg-brick:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;transition:all linear .4s}
.solutions-block .block-item.block-02:hover .bg-brick{transform: scale(1.05)}
.solutions-block .block-item.block-02:hover .bg-brick:after{background-color:rgba(0,0,0,0.5)}
.solutions-block.case .block-item.block-01 .text-brock,.solutions-block .block-item.block-03 .text-brock{background:radial-gradient(500px, #fff,#d0d0d0);padding:20px 30px;width:50%;display:block;float:left;height:100%;z-index:1}
/*.solutions-block.case .block-item.block-01 .bg-brick,.solutions-block .block-item.block-03 .bg-brick{transition:background-size .7s ease-in-out;background-repeat:no-repeat;background-size:130%;background-position:center;display:block;float:left;width:50%;height:100%;position:relative}*/
.solutions-block.case .block-item.block-01 .bg-brick,.solutions-block .block-item.block-03 .bg-brick{transition:all linear 0.3s;background-repeat:no-repeat;background-size:cover;background-position:center;display:block;float:left;width:50%;height:100%;position:relative}
.solutions-block.case .block-item.block-01 .text-brock:after,.solutions-block .block-item.block-03 .text-brock:after{content:"";position:absolute;width:0;height:0;border-right:15px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;left:-14px;top:50%;margin-top:-15px;z-index:1}

.solutions-block.case .block-item.block-01 .bg-brick:after,.solutions-block .block-item.block-03 .bg-brick:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0);transition:all linear .4s}
.solutions-block.case .block-item.block-01:hover .bg-brick,.solutions-block .block-item.block-03:hover .bg-brick{transform: scale(1.02)}
.solutions-block.case .block-item.block-01:hover .bg-brick:after,.solutions-block .block-item.block-03:hover .bg-brick:after{background-color:rgba(0,0,0,0.5)}
.solutions-block.case .block-item.block-01 h3,.solutions-block.case .block-item.block-01 p,.solutions-block .block-item.block-03 h3,.solutions-block .block-item.block-03 p{color:#484b4b}

.solutions-block.case .block-item.block-01 .bg-brick .btn,.solutions-block .block-item.block-02 .bg-brick .btn,.solutions-block .block-item.block-03 .bg-brick .btn{position:absolute;left:50%;top:50%;margin-top:-22px;margin-left:-65px;z-index:1;opacity:0;transition:all linear 0.3s}
.solutions-block.case .block-item.block-01:hover .bg-brick .btn,.solutions-block .block-item.block-02:hover .bg-brick .btn,.solutions-block .block-item.block-03:hover .bg-brick .btn{opacity:1}
.service .brick{float:left;height:50%}
.service .brick.first{width:50%}
.service .brick.first .title{width:50%;color:#fff;background-color:#00a8ff;position:relative;height:100%;float:left}
.service .brick.first .title h1{font-weight:700;font-size:3em;text-align:center;vertical-align:middle;position:absolute;top:50%;left:0;width:100%;margin-top:-50px;font-family:"Noto Sans TC","Microsoft JhengHei",Helvetica,Arial,sans-serif}
.service .brick.first .title h1 .subtitle{display:block;font-size:0.4em;font-weight:400;margin-top:5%}
.service .brick.first .item{position:relative;height:33.333%;padding-bottom:1px;width:50%;float:left}
.service .brick.first .item:last-child{padding-bottom:0}
.service .brick.first .item a{background-color:#eaeaea;display:block;height:100%;overflow:hidden;padding:30px}
.service .brick.first .item img{width:80px;position:absolute;right:30px;top:50%;margin-top:-30px;transition:all linear .3s}
.service .brick.first .item a:hover img{transform:rotate3d(0,1,0,360deg) scale(0.9)}
.service .brick.first .item p{color:#00a8ff; max-width: 60%; font-size: 1.1em;}
.service .brick.title{width:25%;color:#fff;background-color:#00a8ff;position:relative}
.service .brick.title h1{font-weight:700;font-size:3em;text-align:center;vertical-align:middle;position:absolute;top:50%;left:0;width:100%;margin-top:-50px}
.service .brick.title h1 .subtitle{display:block;font-size:0.5em;font-weight:400}
.service .brick.tools{width:25%;padding:0 1px 0px 1px;background-color:#fff}
.service .brick.tools .item{position:relative;height:50%;padding-bottom:1px}
.service .brick.tools .item:last-child{padding-bottom:0}
.service .brick.tools .item a{background-color:#eaeaea;display:block;height:100%;overflow:hidden;padding:30px}
.service .brick.tools .item img{width:60px;position:absolute;right:30px;top:50%;margin-top:-30px;transition:all linear .3s}
.service .brick.tools .item a:hover img{transform:rotate3d(0,1,0,360deg)}
.service .brick.download{width:50%}
.service .brick.download .download-slider{height:100%}
.service .brick.download .main-slider-02 .slider-text{position:absolute;top:0;left:0;color:#fff;z-index:1;padding:30px}
.service .brick.download .main-slider-02 .btn{position:absolute;right:20px;bottom:20px;z-index:1}
.service .brick.news{width:25%}
.service .brick.news .news-slider{height:100%}
.slider-item,.item-frame{height:100%}
.item-frame{background-repeat:no-repeat;background-size:cover;background-position:center}
.service .brick.e-Learning{width:25%;padding:30px;background-image:url('../img/service/e-Learning.jpg');background-size:cover;background-position:center;transition:all linear 0.2s;background-repeat:no-repeat;position:relative}
.service .brick.FAQ{width:25%;padding:30px;background-image:url('../img/service/pic-02.png');background-size:cover;background-position:center;transition:all linear 0.2s;background-repeat:no-repeat;position:relative}
.service .brick.e-Learning .btn{position:absolute;right:20px;bottom:20px}
.service .brick.e-Learning p{font-size:0.9em;width:50%;min-width:100px;color:#666;font-size:1.1rem;letter-spacing:0.08em;line-height:1.5em}
.service .brick.map{width:25%;padding:0px;padding-bottom:0}
/**.service .brick.map .map-frame{background-color:#d3dde1;height:100%;padding:30px;position:relative;overflow:hidden}
.service .brick.map .map-frame:hover img{transform:rotate3d(0,1,0,360deg) scale(1.2)}
.service .brick.map .map-frame .map-icon{display:block;position:absolute;top:20px;left:20px;right:20px;bottom:20px;background-position:center;background-repeat:no-repeat;background-size:contain;transition:all linear 0.3s}
**/
.service .brick.FAQ .map-frame:hover .map-icon{transform:scale(1.1)}
.service .brick.FAQ .btn{position:absolute;right:20px;bottom:20px}
.service .brick.social{width:25%;padding-top:0px}
.service .brick.social .sub-brick{height:25%;padding-bottom:0px;transition:all linear .3s}
.service .brick.social .sub-brick:last-child{padding-bottom:0}
.service .brick.social .sub-brick  img{width:40px;position:absolute;right:100px;top:50%;margin-top:-20px;transition:all linear .3s}
.service .brick.social .sub-brick:hover  img{transform:rotate3d(0,1,0,360deg) scale(1.1)}
.service .brick.social .sub-brick a{height:100%;display:block;color:#fff;position:relative}
.service .brick.social .sub-brick a h5{font-size: 1.5rem;position:absolute;top:50%;left:40px;margin-top:-12px;margin-bottom:0}
.service .brick.social .sub-brick.yt a{background-color:#cd2620}
.service .brick.social .sub-brick.fb a{background-color:#305095}
.service .brick.social .sub-brick.lk a{background-color:#2a6a94}
.service .brick.social .sub-brick.ln a{background-color:#00b900}
.contain-body.product{background-color:#e4e4e4}
.product-list{width:100%;padding:10px 30px;height:calc(100% - 60px)}
.cate-ls-frame .cate-list{padding-left:70px;}
.product-list ul{padding:0}
.product-slidee{height:100%;overflow:auto}
.product-slidee > ul{list-style:none;height:100%;white-space:nowrap;margin-bottom:0;padding-bottom:30px;padding-top:10px}
.hide{opacity:0!important;}
.hide a{cursor:default!important;}
.protool> ul{text-align:center;}
.protool> ul .header-01.color-01{text-align:left;}
.product-slidee > ul>li{display:inline-block;height:100%;width:auto;margin-bottom:0px}
.product-item{display:inline-block;background-color:#fff;box-shadow:0 10px 30px #ccc;height:100%;position:relative;width:350px;padding-bottom:200px;margin-right:30px;overflow:hidden}
.product-item h3{font-size:1.5em;font-weight:400;margin-left:30px;margin-top:30px;z-index:1;font-family:"Microsoft JhengHei",Helvetica,Arial,sans-serif}
.product-item p{color:#484848;margin-left:30px;font-size:.9rem;white-space:initial;width:85%;}
.product-item:hover{transform:scale(1.05)}
.product-item .product-pic{}
.product-item .product-pic .product-pic-frame{display:block;position:absolute;width:100%;top:100px;bottom:200px;background-size:contain;background-position:center;background-repeat:no-repeat;right:0px;}
.product-item .product-pic img{position:relative;right:-80px;bottom:0;width:300px;margin-top:30px}
.product-item .product-text{color:#fff;text-align:right;padding:20px;position:absolute;right:0;left:0;bottom:0}
.product-item .product-text:before{content:"";background:-moz-linear-gradient(left,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dffffff',endColorstr='#00ffffff',GradientType=1);position:absolute;left:0;top:0;width:100%;height:100%}
.product-item .product-text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:rgba(0,0,0,0.1)}
.product-item .product-text h4{margin-bottom:0;font-weight:700;position:relative;padding-bottom:15px;margin-bottom:15px;font-size:1.6em}
.product-item .product-text h4:after{content:"";display:block;width:50px;border-top:1px solid #fff;position:absolute;right:0;bottom:0}
.product-item.cate-01 .product-text{background-color:#0087dc}
.product-item.cate-02 .product-text{background-color:#00b8ee}
.product-item.cate-03 .product-text{background-color:#0075a9}
.product-item.cate-04 .product-text{background-color:#14a028}
.product-item.cate-05 .product-text{background-color:#86ba2d}
.product-item.cate-06 .product-text{background-color:#7dc058}
.product-item.cate-07 .product-text{background-color:#f08200}
.product-item.cate-08 .product-text{background-color:#f5ac3c}
.pages{display:block;width:100%;text-align:center}
.pages h4{display:inline-block;color:#4a4a4a;padding:4px 0px 4px 30px;font-weight:900;letter-spacing:6px;vertical-align:middle;font-size:2em;margin:15px 0 0;float:left}
.cate-list{list-style:none;display:inline-block;vertical-align:middle;margin:0;padding:0}
.cate-list li{float:left}
.cate-list li a{padding:15px 15px;color:#333;display:block;font-size:1em;font-family:"Microsoft JhengHei",Helvetica,Arial,sans-serif}
.cate-list li a:hover{background-color:#00a8ff;color:#fff}
.cate-list li.active a{background-color:#00a8ff;color:#fff}
.product-carousel{height:100%}
.product-carousel .owl-stage-outer{height:100%;overflow:hidden}
.product-carousel .owl-stage{height:100%}
.product-carousel .owl-item{height:100%;display:inline-block}
.product-carousel .owl-item .product-text img{width:auto;float:right}
.product-carousel .owl-nav{}
.product-xs-menutoggle{margin-left:15px;display:none;margin-top:15px}
.cate-ls-frame{display:inline-block;vertical-align:middle}
.main-slider-02 .slider-text{position:absolute;top:0;left:0;color:#fff;z-index:1;padding:30px}
.main-slider-02 .btn{position:absolute;right:20px;bottom:20px;z-index:1}
.main-slider-02.owl-carousel{height:100%}
.main-slider-02.owl-carousel .owl-stage-outer{height:100%}
.main-slider-02.owl-carousel .owl-item{height:100%}
.main-slider-02.owl-carousel .owl-item:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgb(0,0,0);background:linear-gradient(180deg,rgba(0,0,0,0.2945553221288515) 0%,rgba(0,0,0,0) 60%)}
.main-slider-02.owl-carousel .owl-stage{height:100%}
.main-slider-02.owl-theme .owl-dots{margin:0;position:absolute;bottom:20px;left:20px}
.owl-theme .owl-dots .owl-dot span{background-color:#fff}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:#00a8ff}
.header-01{color:#fff;position:relative;padding-bottom:10px;margin-bottom:7px;padding-top:15px;font-size:1.5em;font-weight:700}
.solutions-column .header-01{padding-bottom:5px;margin-bottom:7px;}
.header-01:after{content:"";display:block;width:50px;border-top:1px solid #fff;position:absolute;left:0;bottom:0}
	.header-01-dark{color:#001226;position:relative;padding-bottom:10px;margin-bottom:7px;padding-top:15px;font-size:1.5em;font-weight:700}
	.header-01-dark:after{content:"";display:block;width:50px;border-top:1px solid #001226;position:absolute;left:0;bottom:0}
.solutions-block .block-item .header-01:after{border-top:1px solid #484b4b}
.header-01 .btn{font-size:0.6em;float:right}
.header-01.thin{font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.2)}
.service .brick.download .main-slider-02 .slider-text p{text-shadow:1px 1px 3px rgba(0,0,0,.2);width:70%;font-size:1.1rem;line-height:1.5em;letter-spacing:0.08em}
.header-01.color-01{color:#484b4b}
.header-01.color-01:after{border-color:#484b4b}
.header-01.color-02{color:#00a0ec}
.header-01.color-02:after{border-color:#fffff}
.header-01.color-03{color:#727f8a}
.header-01.color-03:after{border-color:#727f8a}
.header-01 .subtitle{display:block;font-size:.6em;font-weight:600;margin-top:25px}
.header-01.noborder:after{content:none;}
.header-01.small{font-size:1em;}
footer{background-color:#EAEAEA;display:block;height:50px;position:absolute;bottom:0;left:50px;right:0}
footer .footer-logo{width:70px;display:inline-block;float:left;margin-top:10px;margin-left:20px}
footer .footer-slogan{display:inline-block;float:left;margin-top:20px;margin-left:20px;font-size:0.8rem}
footer .footer-slogan ul{margin:0;padding:0;list-style:none}
footer .footer-slogan ul li{display:inline-block;color:#00A8FF;padding-right:15px;position:relative;font-family:"Microsoft JhengHei",Helvetica,Arial,sans-serif}
footer .footer-slogan ul li:after{content:"";width:3px;height:3px;background-color:#00A8FF;position:absolute;top:50%;right:5px;margin-top:-1.5px}
footer .footer-slogan ul li:last-child:after{content:none}
footer .footer-rights{color:#696969;float:right;margin-top:20px;margin-right:15px;font-size:0.8rem;font-family:"Microsoft JhengHei",Helvetica,Arial,sans-serif}

/* service option */
.so-menu{display:block;height:100%;width:30%;float:left;}
.so-menu .menu-frame{background-color:#4e555a;}
.so-menu .menu-frame .nav-pills .nav-link{color:#fff;padding:15px;font-size:1.2em;position:relative;border-bottom:1px solid #62676b;}
.so-menu .menu-frame .nav-pills .nav-link:after{content:"";position:absolute;width:0;height:0;border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;margin-top:-10px;right:-15px;transition:all linear 0.3s;}
.so-menu .menu-frame .nav-pills .nav-link.active,.so-menu .menu-frame .nav-pills .nav-link:hover{background-color:#00A8FF;padding-left:15px;color:#fff;}
.so-menu .menu-frame .nav-pills .nav-link.active:after,.so-menu .menu-frame .nav-pills .nav-link:hover:after{right:0;}
.so-menu .slimScrollBar,.so-menu .slimScrollRail{width:4px!important;}
.so-content{display:block;height:100%;width:70%;float:left;border-left:1px solid #fff;position:relative;background-color:#fff;}
.so-content .tab-content{height:100%;}
.content-header-block{padding-top:10px;padding-left:40px;height:60px;background-color:#5c656d;color:#fff;background-image:url('../img/service_option/header_bg_01.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;}
.content-header-block h2{font-size:2em;}
.nav-pills .nav-link{border-radius:0;}
.page-action{text-align:right;padding:20px 40px;}
.page-action .action-btn{display:inline-block;}
.page-action .action-btn .btn{padding:0 10px;line-height:40px;margin-right:-4px;}
.font-size{display:inline-block;}
.font-size .btn{padding:0 10px;background-color:#fff;border-color:#e5e5e5;color:#2f8ef3;line-height:40px;margin-right:-4px;}
.font-size .btn.active{color:#fff;border-color:#f90;background-color:#f90;}
.font-small{font-size:0.8em}
.font-medium{font-size:1em}
.font-large{font-size:1.5em}
.font-en{font-family: sans-serif;}
.page-content{transition:all linear 0.3s;padding:0px 10px 30px 40px;line-height:2em;}
.page-content{max-width:75%;}
.page-content p{font-size: 1.2em; line-height:2em;margin-bottom:30px;}
.page-content img{max-width:100%;margin:0;display:inline-block;min-width:300px;}
.page-content ul{font-size: 1.2rem}
.page-content .r-3 img,.page-content .col-md-4 img{min-width:100%;margin-bottom:5px;}
.page-content .row{margin-bottom:50px;}
.inline-link{margin:0 5px;border-bottom:1px solid #007bff;}
.inline-link:hover{color:#324696;border-color:#324696;}
.collapseBtn{margin-bottom:15px;display:inline-block;}
.so-menu .xs-somenu-toggle{display:none;}
.logo-link{text-align:left;}
.logo-link a{display:inline-block;font-size:0.7em;color:#00a0ec;}
.logo-link a:hover{transform:scale(1.1)}
.logo-link a img{width:145px;}
.delta-tab10-slogan{width:250px;margin:0 auto;}
.delta-tab10-slogan img{width:250px;}
.page-content.solution-content img{min-width:0px;}
.page-content.solution-content a{display: flex;flex-direction: column;align-items: center;}
.page-content.solution-content a:hover{transform: scale(1.05);}
.page-content.solution-content a p{line-height: 1.5;}
/* where to buy */
.wtb-left{display:block;width:30%;height:100%;float:left;}
.wtb-right{display:block;width:70%;height:100%;float:left;}
.list-selector{background-color:#00a8ff;padding:20px;}
.form-control{border-radius:0;border:none;font-size:1em;line-height:1em;height:45px;-webkit-appearance：none;-moz-appearance:none;appearance:none;}
.list-selector .form-control{margin:20px 0;-webkit-appearance：none;-moz-appearance:none;appearance:none;}
.wtb-list-frame{height:calc(100% - 179px);}
.wtb-list-block{display:none;}
.wtb-list-block.active{display:block;}
.wtb-header{padding:20px;}
.wtb-list > ul{margin:0;}
.wtb-list > ul > li{padding:20px;border-bottom:1px solid #ddd;position:relative;cursor:pointer;}
.wtb-list > ul > li:before,.wtb-list > ul > li.active:before{content:"";position:absolute;width:0;height:100%;left:0;top:0;transition:all linear 0.2s;background-color:#86ba2d;}
.wtb-list > ul > li:hover:before,.wtb-list > ul > li.active:before{width:6px;}
.wtb-detail-info{color:#666;padding-bottom:5px;word-break:break-all;position:relative;padding-left:25px;}
.wtb-detail-info >i{display:inline-block;width:20px;line-height:20px;vertical-align:middle;position:absolute;left:0;top:3px;color:#86ba2d;}
.wtb-map-frame{padding:20px;width:100%;height:100%;background-image:url('../img/where_to_buy/wtb-bg-01.png');background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid #fff;border-right:none;border-top:none;position:relative;}
.wtb-map-frame .wtb-map{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../img/where_to_buy/wtb-taiwan-01.svg');background-repeat:no-repeat;background-position:center;background-size:contain;z-index:1;}
.wtb-spot{position:absolute;z-index:1;}
.wtb-spot.active{}
.wtb-spot.active .spot-info{display:block;}
.spot-mark{width:22px;height:22px;border:6px solid rgb(115,199,239);background-color:#00a0ec;border-radius:15px;cursor:pointer;transition:all linear 0.3s;}
.wtb-spot.active .spot-mark{background-color:#86ba2d;border-color:#cbdab2;transform:scale(1.6)}
.spot-info{position:absolute;width:300px;left:0;top:35px;margin-left:-134px;background-color:#fff;padding:15px;box-shadow:0 0 20px #ccc;transition:all linear 0.3s;display:none;z-index:10;}
.spot-info:before{content:"";position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-bottom-color:#fff;top:-15px;left:50%;border-width:.5rem .5rem .5rem .5rem;margin-left:-12px;}
.spot-info .wtb-list > ul > li{padding:0;border:none;}
.spot-info .wtb-list > ul > li:before{content:none;}
.spot-info .wtb-detail-info{padding-bottom:3px;}
.spot-info h6 a{color:#86ba2d;display:inline-block;vertical-align:middle;margin-left:8px;}
.spot-info h6 a:hover{transform:rotate(360deg)}
.close-info{position:absolute;right:5px;top:5px;}
.close-info a{color:#333;}
.close-info a:hover{color:#00a8ff;}
.wtb-spot#spot-01{left:52%;top:15%;}
.wtb-spot#spot-02{left:45%;top:32%;}
.wtb-spot#spot-03{left:39%;top:58%;}

/* global locations */
.wmap-frame{height:100%;position:relative;background-color:#ebebeb;border-bottom:1px solid #fff;}
.wmap-frame .header{font-size: 1.2rem; line-height: 30px}
.wmap-frame .header p{font-size: 1.2rem; margin:0; padding-top: 20px; max-width: 80%}
.wmap-frame .header ul{font-size: 1.2rem}
#worldmap{height:calc(100%);background-image:url('../img/where_to_buy/wtb-bg-02.svg');background-color:#ebebeb;}
.jvectormap-tip{z-index:999;background-color:#fff;border-radius:0;color:#333;padding:4px 8px;font-size:1.2em;}
.jvectormap-zoomin,.jvectormap-zoomout,.jvectormap-goback{border-radius:0;width:30px;height:30px;font-size:2em;line-height:30px;}
.jvectormap-zoomout{top:50px;}
.total-location{font-size:1.5em;}
.total-location span{color:#00a0ec;}

/*video*/
.vedioSet{display:block;vertical-align:top;padding:0;margin:0;height:100%;background-color:#fff;}
.box {display:block;vertical-align:top;padding:0;margin:0;position:relative;width:50%;height:100%;float:left;overflow:hidden;}
.vedioSet .box{height:50%;}
.bgblue{width: 100%}
.box.textblock{width: 100%;}
.texttopic h2{font-weight:750;font-size:2.6rem;text-align:left;vertical-align:left;position:absolute;top:5%;left:6%;width:90%;font-family:"Noto Sans TC","Microsoft JhengHei",Helvetica,Arial,sans-serif;text-shadow:1px 1px 3px rgba(0,0,0,.5); padding-bottom: 4px;}
.texttopic h2:after{content:"";display:block;width:70px;border-top:1px solid #fff;position:absolute;bottom:0;left:0;}
.vedioSet .box .videoblock-text{font-size: 1.3em; font-weight: 500; margin-bottom: 10%;  padding: 10px; color: #fff;background:rgba(0,0,0,.5);}
.box.textblock h3{font-weight:500;font-size:2.6rem;margin-top: 20px; margin-left: 10px}
/*.btn p{font-size: 0.5em; font-weight: 400; padding: 10px 0px; color: #fff; text-shadow:1px 1px 3px rgba(0,0,0,.8); text-align: left;}*/
.box.textblock p{font-size: 1.2em; font-weight: 400; padding: 10px 0px; margin-left: 10px;color: #fff; text-shadow:1px 1px 3px rgba(0,0,0,.8); text-align: left;}


/* 聯絡我們lightBox */
.modal-header{padding:10px 20px;}
.modal-body{padding:20px;}
.modal.show{display:flex!important;align-items:center;/* justify-content:center; */}
.formBox h4{color:#86BA2D;letter-spacing:4px;margin:0 0 8px 0;}
.formBox h3{color:#000;margin:0;font-size:1em;color:#fff;background:#00A8FF;padding:10px 15px;text-align:center;line-height:1.4;width:100%;}
.mainBox{padding:15px 0 0px 0;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.formBox .leftBox{width:40%;float:left;border-right:2px solid #BCBCBC;}
.formBox .leftBox .wtb-detail-info{margin:0 20px 10px 0!important;white-space:nowrap;}
.formBox .rightBox{width:60%;float:right;padding:0 0 0 20px;}
.formBox form{overflow:hidden;width:100%;}
.form-group label{position:relative;color:#212529!important;margin:0 0 0px 0;}
.form-group label span{color:#d62121;position:absolute;right:-17px;top:-2px;font-size:1.5em;z-index:2;}
.form-group  input{border:1px solid #00A0EC!important;height:32px;box-shadow:none!important;}
.form-group  textarea{border:1px solid #00A0EC!important;box-shadow:none!important;padding:12px;}
.form-group{width:calc(50% - 22px);display:inline-block;}
.form-group:nth-of-type(even){margin:0 18px 8px 0;}
.form-group:nth-of-type(odd){margin:0 0px 8px 18px;}
.form-group:nth-of-type(1),.form-group:nth-of-type(8),.form-group:nth-of-type(6){width:100%;margin:0 0 8px 0;}
.form-group h5{text-align:justify;margin:0 0 5px 0;}
.form-group p{font-size:.8em;color:#777;text-align:justify;margin:0;font-weight:normal;}
.checkbox a:active,.form-check{padding:0px;}
.form-group .checkbox input{height:auto;margin-left:0px;}
.magic-checkbox{display:block;}
.magic-checkbox + label:after{left:10px;border-color:#d62121;width:10px;height:18px;}
.magic-checkbox:checked + label:before,.magic-checkbox + label:before{border:#00A0EC 1px solid!important;background:#FFF;width:20px;height:20px;border-radius:0;top:4px;}
.magic-checkbox + label{padding:0px 0 0 40px;line-height:1.3;text-align:justify;font-size:1em;}
.buttonBox{text-align:center;padding:15px 15px 0 15px;margin:-15px -15px 0 0;}
.buttonBox button,.modal-footer button{min-width:120px;}
.buttonBox .btn-blue{background:#00A8FF;}
.formBoxB h5{text-align:justify;margin:0 0 20px 0}
.formBoxB p{margin:0;color:#777;text-align:justify;line-height:1.7;}
.contactModalOk .formBoxB h5{text-align:center;}
.contactModalOk .formBoxB p{text-align:center;}
.bntList{padding:0;margin:2px 0 0 0;list-style:none;width:100%;}
.bntList li{width:1%;display:table-cell;}
.bntList li a{display:block;background:#00A8FF;color:#fff;text-align:center;padding:5px 15px;margin:0 5px 0 0;letter-spacing:2px;}
.bntList li:last-child a{margin:0;}
.waveEffect:hover{transform:scale(1);opacity:.8;}
@media(max-width:991px){
	.modal-header{padding:15px;}
	.modal-body{padding:15px;}
	.formBox .leftBox{width:100%;float:none;border-right:none;margin:0 0 10px 0;}
	.formBox .leftBox .wtb-detail-info{margin:0 0px 5px 0!important;white-space:nowrap;}
	.formBox .rightBox{width:100%;float:none;padding:0;}
	.modal.show{display:block!important;}
	.formBox h3{font-size:1em;padding:8px;text-align:justify;}
	.formBox{padding:0;}
	.form-group{width:100%!important;margin:0 0 15px 0!important;}
	.form-check{font-size:.9em;}
	
}
@media(min-width:992px){
	.modal-lg{min-width:900px;}
}
@media(min-width:768px){
	.vedioSet .box:nth-child(1),.vedioSet .box:nth-child(3){border-right:0px solid rgba(255,255,255,.2);}
	.vedioSet .box:nth-child(1),.vedioSet .box:nth-child(2){border-bottom:0px solid rgba(255,255,255,.2);}
}
.vedioSet .box a{width:100%;height:100%;display:block;position:absolute;top:0;left:0;transition:background-size .7s ease-in-out;background-repeat:no-repeat;background-size:cover;background-position:center;transition: all linear 0.3s;}
/*.vedioSet .box a .btn{position:absolute;left:50%;top:50%;margin-top:-40px;width: 100px; height: auto; margin-left:-45px;z-index:1;opacity:0;transition:all linear 0.3s;border-radius:0;color:#fff;font-size:4rem;padding:0px 0px;transition:all linear 0.2s;border:0px solid #00A8FF;background-color: transparent;}*/
.vedioSet .box a .btn{position: absolute; left:50%; top:50%; margin-top:-40px; margin-left:-45px; z-index: 1; opacity: 0; padding: 0; width: 100px; height: 60px; background-image:url("../img/icon/youtube-solid.png");background-size: 70%; background-repeat: no-repeat; background-color: transparent;background-position: center; border: none;}
.vedioSet .box.textblock a .btn{position:absolute;left:50px;top:10%;margin-top:-10px;margin-left:0px;z-index:1;opacity:1;transition:all linear 0.3s;border-radius:0;color:#fff;background:none;font-size:2.4rem;font-weight: 500; text-shadow: 1px 1px 3px rgba(0,0,0,.5); padding:0px 0px;border:none;text-align:left;width:80%;display:block;}


.vedioSet .box.vedioblock a:before{content:"";width:100%;height:100%;display:block;background:rgba(0,0,0,.2);position:absolute;top:0;left:0;}
.vedioSet .box.vedioblock a .btn{opacity:1;}
.vedioSet .box.vedioblock a{transition:all linear 0.2s;background-size:cover;opacity:.6;}
.vedioSet .box.vedioblock a:hover{background-size:cover;opacity:1;}
.bgblue{background-color:#fff;color:#fff;background-size: cover;background-position: center;transition:all linear .3s}

.bggrey{background-color:#f2f2f2;color:#fff;}
.bgwhite{background-color:#fff;color:#fff;}
.topicbg{width:100%;height:100%;display:block;}

.texttopic h1 .subtitle{display:block;font-size:0.4em;font-weight:400;}
.vedioSet .box a .btn i{color:#ff0000;}
.vedioSet .box a:hover .btn{opacity:1;}
.vedioSet .box a:hover {transform: scale(1.02)}
.btn-alt{margin-right:15px;}

/*font weight*/
.width100{width:100%!important;max-width:90%!important;}
.font-weight-100{font-weight:100!important;}
.font-weight-300{font-weight:300!important;}
.font-weight-400{font-weight:400!important;}
.font-weight-500{font-weight:500!important;}
.font-weight-600{font-weight:600!important;}
.font-weight-700{font-weight:700!important;}
.font-weight-800{font-weight:800!important;}
.border-box{border:1px solid #eee;border-radius:2px;padding:30px;}
.border-left{border-left:1px solid #eee;}
.border-top{border-top:1px solid #eee;}
.border-right{border-width:0 1px 0 0;border-color:#eee;border-style:solid;}
.border-bottom{border-bottom:1px solid #eee;}
.border-dotted{border-style:dotted;}
.slider-size-half{max-height:560px;}
.no-margin{margin:0px!important;}
.m-b-0{margin-bottom:0px!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-10{margin-bottom:10px!important;}
.m-b-15{margin-bottom:15px!important;}
.m-b-20{margin-bottom:20px!important;}
.m-b-25{margin-bottom:25px!important;}
.m-b-30{margin-bottom:30px!important;}
.m-b-35{margin-bottom:35px!important;}
.m-b-40{margin-bottom:40px!important;}
.m-b-50{margin-bottom:50px!important;}
.m-b-60{margin-bottom:60px!important;}
.m-b-70{margin-bottom:70px!important;}
.m-b-80{margin-bottom:80px!important;}
.m-b-90{margin-bottom:90px!important;}
.m-b-100{margin-bottom:100px!important;}
.m-b-150{margin-bottom:150px!important;}
.m-b-200{margin-bottom:200px!important;}
.m-t-0{margin-top:0px!important;}
.m-t-5{margin-top:5px!important;}
.m-t-10{margin-top:10px!important;}
.m-t--10{margin-top:-10px!important;}
.m-t-15{margin-top:15px!important;}
.m-t-20{margin-top:20px!important;}
.m-t--20{margin-top:-20px!important;}
.m-t-25{margin-top:25px!important;}
.m-t-30{margin-top:30px!important;}
.m-t--30{margin-top:-30px!important;}
.m-t-35{margin-top:35px!important;}
.m-t-40{margin-top:40px!important;}
.m-t--40{margin-top:-40px!important;}
.m-t-50{margin-top:50px!important;}
.m-t--50{margin-top:-50px!important;}
.m-t-60{margin-top:60px!important;}
.m-t--60{margin-top:-60px!important;}
.m-t-70{margin-top:70px!important;}
.m-t--70{margin-top:-70px!important;}
.m-t-80{margin-top:80px!important;}
.m-t--80{margin-top:-80px!important;}
.m-t-90{margin-top:90px!important;}
.m-t-100{margin-top:100px!important;}
.m-l-0{margin-left:0px!important;}
.m-l-5{margin-left:5px!important;}
.m-l-10{margin-left:10px!important;}
.m-l-15{margin-left:15px!important;}
.m-l-20{margin-left:20px!important;}
.m-l-25{margin-left:25px!important;}
.m-l-30{margin-left:30px!important;}
.m-l-35{margin-left:35px!important;}
.m-l-40{margin-left:40px!important;}
.m-l-50{margin-left:50px!important;}
.m-l-60{margin-left:60px!important;}
.m-l-70{margin-left:70px!important;}
.m-l-80{margin-left:80px!important;}
.m-l-90{margin-left:90px!important;}
.m-l-100{margin-left:100px!important;}
.m-r-0{margin-right:0px!important;}
.m-r-5{margin-right:5px!important;}
.m-r-10{margin-right:10px!important;}
.m-r-15{margin-right:15px!important;}
.m-r-20{margin-right:20px!important;}
.m-r-25{margin-right:25px!important;}
.m-r-30{margin-right:30px!important;}
.m-r-35{margin-right:35px!important;}
.m-r-40{margin-right:40px!important;}
.m-r-50{margin-right:50px!important;}
.m-r-60{margin-right:60px!important;}
.m-r-70{margin-right:70px!important;}
.m-r-80{margin-right:80px!important;}
.m-r-90{margin-right:90px!important;}
.m-r-100{margin-right:100px!important;}
.m-0{margin:0px!important;}
.m-5{margin:5px!important;}
.m-10{margin:10px!important;}
.m-15{margin:15px!important;}
.m-20{margin:20px!important;}
.m-25{margin:25px!important;}
.m-30{margin:30px!important;}
.m-35{margin:35px!important;}
.m-40{margin:40px!important;}
.m-50{margin:50px!important;}
.m-60{margin:60px!important;}
.m-70{margin:70px!important;}
.m-80{margin:80px!important;}
.m-90{margin:90px!important;}
.m-100{margin:100px!important;}

/*Margins*/
.col-no-margin{padding:0!important;}
.col-no-margin [class^="col-"]{margin:0!important;padding:0!important;}
.row.col-no-margin{margin:0!important;padding:0!important;}
.row.col-small-margins [class^="col-"]{margin:0 0 20px 0!important;}
.no-padding-top{padding-top:0!important;}
.no-padding-bottom{padding-bottom:0!important;}
.no-padding{padding:0!important;}
.p-0{padding:0px!important;}
.p-5{padding:5px!important;}
.p-10{padding:10px!important;}
.p-15{padding:15px!important;}
.p-20{padding:20px!important;}
.p-25{padding:25px!important;}
.p-30{padding:30px!important;}
.p-35{padding:35px!important;}
.p-40{padding:40px!important;}
.p-50{padding:50px!important;}
.p-60{padding:60px!important;}
.p-70{padding:70px!important;}
.p-80{padding:80px!important;}
.p-90{padding:90px!important;}
.p-100{padding:100px!important;}
.p-150{padding:150px!important;}
.p-200{padding:200px!important;}
.p-b-0{padding-bottom:0px!important;}
.p-b-5{padding-bottom:5px!important;}
.p-b-10{padding-bottom:10px!important;}
.p-b-15{padding-bottom:15px!important;}
.p-b-20{padding-bottom:20px!important;}
.p-b-25{padding-bottom:25px!important;}
.p-b-30{padding-bottom:30px!important;}
.p-b-35{padding-bottom:35px!important;}
.p-b-40{padding-bottom:40px!important;}
.p-b-50{padding-bottom:50px!important;}
.p-b-60{padding-bottom:60px!important;}
.p-b-70{padding-bottom:70px!important;}
.p-b-80{padding-bottom:80px!important;}
.p-b-90{padding-bottom:90px!important;}
.p-b-100{padding-bottom:100px!important;}
.p-b-110{padding-bottom:110px!important;}
.p-b-120{padding-bottom:120px!important;}
.p-b-130{padding-bottom:130px!important;}
.p-b-140{padding-bottom:140px!important;}
.p-b-150{padding-bottom:150px!important;}
.p-b-200{padding-bottom:200px!important;}
.p-t-0{padding-top:0px!important;}
.p-t-5{padding-top:5px!important;}
.p-t-10{padding-top:10px!important;}
.p-t-15{padding-top:15px!important;}
.p-t-20{padding-top:20px!important;}
.p-t-25{padding-top:25px!important;}
.p-t-30{padding-top:30px!important;}
.p-t-35{padding-top:35px!important;}
.p-t-40{padding-top:40px!important;}
.p-t-50{padding-top:50px!important;}
.p-t-60{padding-top:60px!important;}
.p-t-70{padding-top:70px!important;}
.p-t-80{padding-top:80px!important;}
.p-t-90{padding-top:90px!important;}
.p-t-100{padding-top:100px!important;}
.p-t-110{padding-top:110px!important;}
.p-t-120{padding-top:120px!important;}
.p-t-130{padding-top:130px!important;}
.p-t-140{padding-top:140px!important;}
.p-t-150{padding-top:150px!important;}
.p-t-200{padding-top:200px!important;}
.p-r-0{padding-right:0px!important;}
.p-r-5{padding-right:5px!important;}
.p-r-10{padding-right:10px!important;}
.p-r-15{padding-right:15px!important;}
.p-r-20{padding-right:20px!important;}
.p-r-25{padding-right:25px!important;}
.p-r-30{padding-right:30px!important;}
.p-r-35{padding-right:35px!important;}
.p-r-40{padding-right:40px!important;}
.p-r-50{padding-right:50px!important;}
.p-r-60{padding-right:60px!important;}
.p-r-70{padding-right:70px!important;}
.p-r-80{padding-right:80px!important;}
.p-r-90{padding-right:90px!important;}
.p-r-100{padding-right:100px!important;}
.p-l-0{padding-left:0px!important;}
.p-l-5{padding-left:5px!important;}
.p-l-10{padding-left:10px!important;}
.p-l-15{padding-left:15px!important;}
.p-l-20{padding-left:20px!important;}
.p-l-25{padding-left:25px!important;}
.p-l-30{padding-left:30px!important;}
.p-l-35{padding-left:35px!important;}
.p-l-40{padding-left:40px!important;}
.p-l-50{padding-left:50px!important;}
.p-l-60{padding-left:60px!important;}
.p-l-70{padding-left:70px!important;}
.p-l-80{padding-left:80px!important;}
.p-l-90{padding-left:90px!important;}
.p-l-100{padding-left:100px!important;}
.b-r-2{border-radius:2px!important;}
.b-r-3{border-radius:3px!important;}
.b-r-4{border-radius:4px!important;}
.b-r-5{border-radius:5px!important;}
.b-r-6{border-radius:6px!important;}
.b-r-7{border-radius:7px!important;}
.b-r-8{border-radius:8px!important;}
.b-r-9{border-radius:9px!important;}
.b-r-10{border-radius:10px!important;}
.b-radius{border-radius:50%!important;}
.float-right{float:right!important;}
.float-left{float:left!important;}
.float-none{float:none!important;}
.fullwidth{width:100%!important;}

/*Line height*/
.lh80{line-height:80px!important;}
.outlineimg img{border:1px solid #ddd!important;}
.btncontact{position:fixed;top:40%;right:0px;z-index:9;margin-top:-77px;background:#F08200;color:#fff!important;-webkit-box-shadow:8px 9px 30px -4px rgba(0,0,0,0.38);-moz-box-shadow:8px 9px 30px -4px rgba(0,0,0,0.38);box-shadow:8px 9px 30px -4px rgba(0,0,0,0.38);letter-spacing:5px;font-size:1.2em;padding:8px;}
.btncontact span{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-lr;}
.btncontact i{font-size:1.2em;letter-spacing:-3px;display:table-cell;padding:8px 0 10px 2px;}
.btncontact:hover{transform:scale(1.1)}
@media(min-width:768px){
	.container-main{padding-left:50px}
}
@media(min-width:1200px){
	.index-brick.b04 .brick-frame .pic{}
}
@media(max-width:1400px){
	
	.main-slider .slider-item .item-frame>a img{position:absolute;width:100%;object-fit:cover;object-position:center 75%}
	.main-slider .slider-item .item-frame .slider-text-frame{content:"";position:absolute;width:100%;height:40%;left:0;background:rgb(0,0,0);background:linear-gradient(180deg,rgba(20,60,85,.8) 0%,rgba(137,186,212,0) 100%);z-index:1;top:0;}
	.main-slider .slider-item .slider-text-frame .slider-text{position:absolute;z-index:2;top:15%;width: 90%; color:#fff;right:5%;}
	.main-slider .slider-item .slider-text-frame .slider-text .btn{position: absolute; top: 0; right: 0px;border-color: #FFFFFF; background-color: transparent;}
	.main-slider .slider-item .slider-text-frame .slider-text h5{font-size:1.1rem;text-shadow:1px 1px 3px rgba(0,0,0,.5);letter-spacing:-0.04em;font-weight:500; margin-bottom: 20px;}
	.main-slider .slider-item .slider-text-frame .slider-text h6{font-size:1.3rem;text-shadow:1px 1px 3px rgba(0,0,0,.2);letter-spacing:-0.04em;font-weight:700; text-decoration: none}
	.main-slider .slider-item .slider-text-frame .slider-text h2, .main-slider .t02 .slider-item .slider-text-solut h2{padding-bottom:4px;margin-bottom:15px;position:relative;font-weight:900;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:2rem}
	.main-slider .slider-item .slider-text-frame .slider-text p{text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:.85rem;letter-spacing:0.04rem}
	/*.main-slider .slider-item .slider-text-frame .slider-text .btn{position: absolute; bottom: 10%; right: 0px; border-radius:0;color:#fff;background-color:#00A8FF;font-size:0.7rem;padding:5px 11px; transition:all linear 0.2s;border:1px solid #00A8FF}
	
	.main-slider .slider-item .slider-text-frame .slider-text{bottom:10%;right:5%;font-size:.8em;left:10%;}
	.main-slider .slider-item .slider-text-frame .slider-text .btn img{width:15px!important;display:inline-block!important;margin:0 3px;vertical-align:middle}*/
	
	.header-01{font-size:1.1em;text-shadow:1px 1px 3px rgba(0,0,0,.2)}
	.index-brick.b01 p{color: #001226;font-size:1rem;width:65%;letter-spacing:0.04em}
	.btn.btn-s{padding:3px 5px;font-size:0.7em}
	.btn.btn-s img{width:15px!important;display:inline-block!important;margin:0 3px;vertical-align:middle}
	.brick-frame:nth-child(2){padding:10px 20px 10px 20px}
	.index-brick.b03 .brick-frame .service-frame .link-item h6{font-size: .8em;}
	.index-brick.b04 .brick h5{font-size: .8em;}
	.list-t01 li{margin-bottom:10px}
	.list-t01 li a{grid-template-columns: 150px 1fr;}
	.list-t01 li .list-title{display:inline-block;vertical-align:middle;transition:all linear 0.2s}
	.index-brick.b04 .brick-frame .pic{width:50%;position:absolute;top:10px;left:inherit;right:15px;bottom:8px;background-repeat:no-repeat;background-size:80%;background-position:left center}
	.index-brick.b04 .brick-frame .action{position:absolute;left:20px;top:30px}
	.pages{display:block;width:100%;text-align:center}
	.pages h4{display:inline-block;color:#4a4a4a;padding:4px 0px 4px 30px;font-weight:700;letter-spacing:6px;vertical-align:middle;font-size:1.3em;margin:15px 0 0 0;float:left}
	.cate-ls-frame{display:inline-block;vertical-align:middle;margin-left:-50px}
	/* .index-brick.b03 .service-frame .brick-icon{display:block;position:absolute;width:50%;bottom:5px;left:inherit;right:0px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:all linear .3s} */
	/*.index-brick.b03 .service-frame .sf-spot .brick-icon{display:block;position:absolute;width:100%;}*/
	.product-list{width:100%;padding:10px 30px 0px 30px;height:calc(100% - 55px)}
	.product-slidee{height:100%;overflow:auto;overflow-y:hidden}
	.product-item{display:inline-block;background-color:#fff;box-shadow:0 10px 30px #ccc;height:100%;position:relative;width:220px;padding-bottom:200px;margin-right:15px;overflow:hidden}
	.product-slidee > ul{list-style:none;height:100%;white-space:nowrap;margin-bottom:0;padding-bottom:0px;padding-top:10px}
	.product-item h3{font-size:.9em;font-weight:400;margin-left:30px;margin-top:30px;z-index:1}
	.product-item .product-text h4{font-size:1.3em;font-weight:300;text-shadow:1px 1px 3px rgba(0,0,0,.2);letter-spacing:0.08rem}
	
.texttopic h2{font-weight:750;font-size:2rem;text-align:left;vertical-align:left;position:absolute;top:5%;left:5%;width:100%;font-family:"Noto Sans TC","Microsoft JhengHei",Helvetica,Arial,sans-serif;text-shadow:1px 1px 3px rgba(0,0,0,.5)}
	.solutions-block .block-item h3{color:#484b4b;z-index:1;font-size:1.5rem;font-weight:400}
	.solutions-block .block-item p{color:#484b4b!important;color:#fff;font-size:1.2em;line-height:1.5em;position:relative;z-index:1;margin-bottom:0;letter-spacing:0.04em;width:90%}
	.header-01 .subtitle{display:block;font-size:.55em;font-weight:600;margin-top:8px}
	.header-01{text-shadow:1px 1px 3px rgba(0,0,0,0)}
	.header-01{font-size:1.3em}
	.service .brick.e-Learning p{font-size:0.9em;width:50%;letter-spacing:0.08em;line-height:1.5em}
	.service .brick.download .main-slider-02 .slider-text p{text-shadow:1px 1px 3px rgba(0,0,0,.6);font-size:0.9em;width:75%;letter-spacing:0.08em;line-height:1.5em}
	.service .brick.first .item a{background-color:#eaeaea;display:block;height:100%;overflow:hidden;padding:20px 25px}
	.service .brick.download .main-slider-02 .slider-text{position:absolute;top:0;left:0;color:#fff;z-index:1;padding:20px 25px}
	footer{height:30px}
	.contain-body,.main-slider .owl-item{height:calc(100vh - 80px)}
	footer .footer-logo{width:70px;margin-top:1px;margin-left:20px}
	footer .footer-slogan{display:inline-block;float:left;margin-top:10px;margin-left:20px;font-size:0.7rem}
	footer .footer-rights{color:#696969;float:right;margin-top:8px;margin-right:15px;font-size:0.7rem}
	footer .footer-slogan ul li{display:inline-block;color:#00A8FF;padding-right:15px;position:relative;letter-spacing:0.04em}
}
@media(max-width:1366px){
	
	.product-item{padding-bottom:120px}
	.product-item .product-text h4{font-size:1.3em}
	.product-item .product-text{padding:15px}
	.product-item .product-text img{width:20px}
	.product-item .product-pic .product-pic-frame{ /*width: 120%;*/ bottom:120px;top:20px}
	.product-item h3{margin-top:15px;margin-left:15px;margin-bottom:5px;padding-bottom:10px;}
	.delta-tab10-slogan{width:200px;margin:0 auto;}
	.page-content img{min-width:200px;}
	.cate-list li a{font-size:.9em;}
	.product-item p{margin-left:15px;font-size:11px;width:90%;position:relative;z-index:9;}
	.btn-outline-primary{display:block;padding:3px 8px;border:1px solid #00A8FF;background-color:transparent;color:#007bff;font-size:13px;}
	#worldmap{min-height:550px;}
}
@media(max-height:834px){
	
	.index-brick.b01 p{color:#001226;font-size:0.9em;width:55%;letter-spacing:0.04em}
	.index-brick.b01 .brick-frame{background:linear-gradient(180deg,rgba(250,250,250,1) 0%,rgba(255,255,255,0.3) 120%);z-index:1;top:0;}
	.index-brick.b03 .brick-frame{grid-template-rows: auto 100px;}
	/* .index-brick.b03 .service-frame >div a{padding:10px} */
	.index-brick.b03 .service-frame >div a h6{font-size:1.1em}
	.index-brick.b03 .service-frame img{width:40%}
	.index-brick.b03 .service-frame .brick-icon{top:30px}
	.index-brick.b03 .service-frame .sf-spot img{width:100px}
	.index-brick.b04 .brick a{}
	.index-brick.b04 .brick{display:inline-block;float:left;width:25%;margin-top: 20px; height:100px;text-align:center}
	.index-brick.b04 .brick h5{font-size:.8em}
	.list-t01 li .list-title{line-height:20px;font-size:.9em}
	.list-t01 li .list-pic{margin-top: 10px; display:inline-block;vertical-align:middle;width:100%;height:100px;background-repeat:no-repeat;background-size:cover;transition:all linear 0.2s}
	.product-item .product-pic .product-pic-frame{bottom:100px;top:60px}
	.main-slider .t02 .slider-item .slider-text-solut p{text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:1.1rem;letter-spacing:0.02rem}
	.solutions-block .block-item h3{color:#484b4b;z-index:1;font-size:1.5rem;font-weight:400}
	.solutions-block .block-item p{color:#484b4b!important;color:#fff;font-size:1em;line-height:1.55em;position:relative;z-index:1;margin-bottom:0;letter-spacing:0.02em;width:90%}
	.vedioSet .box .videoblock-text{font-size: 1em; margin-bottom: 10%;  padding: 10px; color: #fff;background:rgba(0,0,0,.5);}
	.service .brick.first .item img{width:100px;}

}
@media(max-height:768px){
	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{font-size:1em;}
	
	.main-slider .slider-item .slider-text-frame .slider-text{position:absolute;z-index:2;right:50px;width:90%;top: 15%;}
	
	/*.main-slider .slider-item .slider-text-frame .slider-text .btn{position: absolute; bottom: 10%; right: 0px; border-radius:0;color:#fff;background-color:#00A8FF;font-size:0.7rem;padding:5px 11px; transition:all linear 0.2s;border:1px solid #00A8FF}*/
	
	.product-item .product-pic img{margin-top:0;top:-50px}
	.product-item .product-text{font-size:0.8em}

}
@media(max-width:1024px) and (max-height:1366px){
	.solutions-block .block-item.block-01{background-size:160%}
	.solutions-block .block-item.block-01:hover{background-size:180%}
	.solutions-block .block-item.block-02 .bg-brick{background-size:250%}
	.solutions-block .block-item.block-02:hover .bg-brick{background-size:280%}
	.solutions-block.case .block-item.block-01 .bg-brick,.solutions-block .block-item.block-03 .bg-brick{background-size:110%}
	.solutions-block.case .block-item.block-03:hover .bg-brick,.solutions-block .block-item.block-03:hover .bg-brick{background-size:130%}
}
@media(max-width:1024px){
	.btn.btn-s{padding:5px 8px}
	.brick-frame{padding:20px}
	/*.index-brick.b04 .brick-frame .pic{width:100%;top:60px; /*left: 20px*/
	.index-brick.b03 .service-frame .brick-icon{top:40px;bottom:15px}
	.solutions-block .block-item.block-01{background-size:130%}
	.solutions-block .block-item.block-01:hover{background-size:150%}
	.solutions-block .block-item.block-02 .bg-brick{background-size:150%}
	.solutions-block .block-item.block-02:hover .bg-brick{background-size:170%}
	.solutions-block.case .block-item.block-01 .bg-brick,.solutions-block .block-item.block-03 .bg-brick{background-size:150%}
	.solutions-block.case .block-item.block-01:hover .bg-brick,.solutions-block .block-item.block-03:hover .bg-brick{background-size:170%}
	.solutions-block .block-item h3{color:#484b4b;z-index:1;font-size:1.5rem;font-weight:400}
	.solutions-block .block-item p{color:#484b4b!important;color:#fff;font-size:1em;line-height:1.5em;position:relative;z-index:1;margin-bottom:0;letter-spacing:0.04em;width:90%}
	.pages h4{padding:10px;padding-left:30px}
	.cate-list li a{padding:10px;font-size:1em}
	.service .brick.social .sub-brick img{width:70px;margin-top:-35px}
	.vedioSet{height:700px;}
	.vedioSet .box .videoblock-text{font-size: 0.9em; margin-bottom: 10%;  padding: 10px; color: #fff;background:rgba(0,0,0,.5);}
	.vedioSet .box a{background-size:cover;}
	.service .brick.first .item p{font-size: 0.9em;}
	.list-t01 li a{grid-template-columns: 100px 1fr;}
	.list-t01 li .list-pic{width: 100%;}
}
@media(max-width:1023px){
	header{position:fixed;top:0;left:0;width:100%;z-index:99;background-color:#fff}
	.container-main{height:auto;padding-top:50px;padding-bottom:30px;}
	.container-main:before,.container-main:after,.contain-body:before,.contain-body:after{content:"";display:table;clear:both}
	.contain-body{height:auto;width:100%}
	.main-slider{width:100%}
	.nav-dot ul{position:fixed;bottom:auto;top:50px}
	.main-frame{display:block;width:100%}
	.main-frame:before,.main-frame:after{content:"";display:table;clear:both}
	.index-brick{width:50%}
	.index-brick.b01,.index-brick.b02{height:400px}
	.index-brick.b03{height: 320px;}
	/* .index-brick.b03,.index-brick.b04{height: 200px;} */
	.index-brick.b04 .brick-frame{height:200px}
	.solutions-block{width:100%}
	.solutions-block .block-item.block-01{background-size:160%}
	.solutions-block .block-item.block-01:hover{background-size:180%}
	.solutions-block .block-item.block-02 .bg-brick{background-size:190%}
	.solutions-block .block-item.block-02:hover .bg-brick{background-size:210%}
	.solutions-block.case .block-item.block-01 .bg-brick,.solutions-block .block-item.block-03 .bg-brick{background-size:110%}
	.solutions-block.case .block-item.block-03:hover .bg-brick,.solutions-block .block-item.block-03:hover .bg-brick{background-size:130%}
	.solutions-block .block-item a{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
	.solutions-block .block-item.block-02 .text-brock,.solutions-block.case .block-item.block-01 .text-brock,.solutions-block .block-item.block-03 .text-brock{flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:50%}
	.solutions-block .block-item.block-02 .bg-brick,.solutions-block.case .block-item.block-01 .bg-brick,.solutions-block .block-item.block-03 .bg-brick{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:50%;height:auto}
	.service .brick.first{width:100%}
	.service .brick.first .title{height:100%;width:50%}
	.service .brick.first .title h1{font-size:2em;margin-top:-28.5px}
	.service .brick.first .item{height:33.33%;border-right:1px solid #fff}
	.service .brick.first .item:last-child{padding-bottom:1px}
	.service .brick.first .item img{right:15px;width:80px;margin-top:-25px; padding: 5px;}
	.service .brick.title{height:150px;width:50%;float:left}
	.service .brick.tools{height:400px;width:50%}
	.service .brick.first{height:300px;width:100%}
	.service .brick.download{height:300px;width:100%}
	.service .brick.news{height:300px;width:50%}
	.service .brick.e-Learning{height:300px;width:50%}
	.service .brick.FAQ{height:350px;width:50%}
	.service .brick.social{height:350px;width:50%}
	.service .brick.tools .item{float:left;width:100%}
	.contain-body.product{height:100%}
	.product-page .main-frame{background-color:#e4e4e4}
	.pages h4{margin-top:20px;padding-left:0px;border-bottom:1px solid #4a4a4a;margin-left:15px}
	.product-list{padding:15px}
	.product-item{height:500px}
	.product-item h3{font-size:1.25em; word-wrap: break-word;}
	.cate-list{text-align:left;width:100%;padding:15px}
	.cate-list li{float:none;display:inline-block}
	.wtb-left{width:100%;height:auto;}
	.wtb-right{width:100%;height:600px;}
	.wmap-frame{height:inherit;}
	.wmap-frame .col-md-4,.wmap-frame .col-md-8{float:none!important;max-width:100%!important;flex:0 0 100%;}
	#worldmap{min-height:520px;}
}
@media(max-width:991px){
	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{font-size:1em;}
	.list-t01 li a {
        grid-template-columns: 150px 1fr;
    }
}
@media(max-width:768px){
	.main-slider .owl-nav{position:absolute;top:5%;right:5%}
	.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{font-size:1em;}
	.list-t01 li a{grid-template-columns: 150px 1fr;}
	.list-t01 li .list-pic{display:inline-block;vertical-align:middle;height:105px;background-repeat:no-repeat;background-size:cover;transition:all linear 0.2s}
	.list-t01 li .list-title{display:inline-block;vertical-align:middle;transition:all linear 0.2s}
	.main-slider .t02 .slider-item .item-frame:before{content:"";position:absolute;width:100%;height:100%;left:0;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(0,0,0,60) 0%,rgba(139,184,224,0) 65%);z-index:1;bottom:0;}
	.main-slider .t02 .slider-item .slider-text-solut p{text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:0.9rem;letter-spacing:0.02rem}
	/*.index-brick.b03 .service-frame .sf-spot .brick-icon{display:block;position:absolute;width:110%;bottom:5px;left:inherit;right: -30%}*/
	
	.product-item{height:700px}
	.product-item .product-pic .product-pic-frame{width:110%}
	/*.texttopic h1{font-weight:500;font-size:2em;text-align:left;position:absolute;top:5%;left:5%;width:100%;font-family:"Noto Sans TC","Microsoft JhengHei",Helvetica,Arial,sans-serif;text-shadow:1px 1px 3px rgba(0,0,0,.5)}*/
	.vedioSet{height:700px;}
	.vedioSet .box a:hover{background-size:130%;}
	
}
@media(max-width:767px){
	header{height:50px;box-shadow:1px 0 2px #ddd}
	header .menu-toggle{width:50px;height:46px;font-size:2em;line-height:46px}
	header .header-logo{width:80px}
	header .header-logo-02{width:80px}
	header .lang-select .btn{height:46px;border-top:none;border-bottom:none;padding:5px 8px;vertical-align:baseline;font-size:.85rem}
	.nav-dot{display:none}
	.container-main{padding-top:50px;padding-bottom:130px}
	.contain-body{height:auto;width:calc(100vw - 0px)}
	.main-slider{height:auto}
	.main-slider .slider-item .item-frame{height:390px;position:relative}
	.main-slider .slider-item .item-frame:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;/* background-color:rgba(0,0,0,0.3); z-index:2*/}
	.main-slider .owl-item{height:auto}
	/*.main-slider .owl-nav{bottom:15px;right:15px}*/
	.main-slider .slider-item .slider-text-frame .slider-text .btn{position: absolute; top: 0; right: 0px; border-radius:0;border-color:#fff; color:#FFFFFF;background-color:transparent;font-size:0.8rem;padding:5px 11px;transition:all linear 0.2s;}
	.main-slider .slider-item .slider-text-frame .slider-text{width: 90%; top: 15%;right:5%;font-size:.8em;left:5%;}
	.main-slider .slider-item .slider-text-frame .slider-text h5{font-size:1.2em}
	.main-slider .slider-item .slider-text-frame .slider-text h2{font-size:2em}
	
	.index-brick{width:100%}
	.index-brick.b01{height:400px}
	.index-brick.b02{height:auto}
	/* .index-brick.b03{height: auto;} */
	/* .index-brick.b03 .service-frame{height:auto;display:block}
	.index-brick.b03 .service-frame:before,.index-brick.b03 .service-frame:after{content:"";display:table;clear:both}
	.index-brick.b03 .sf-spot{position:relative;width:50%;float:left;height:125px;padding-right:1px}
	.index-brick.b03 .sf-contact{position:relative;width:50%;float:left;top:0;left:auto;height:125px;padding-bottom:0px;padding-right:0}
	.index-brick.b03 .sf-tools{position:relative;width:33.33333%;height:125px;left:auto;float:left;padding-left:0;padding-bottom:0;padding-top:1px}
	.index-brick.b03 .sf-news{position:relative;width:33.33333%;height:125px;left:auto;float:left;top:auto;padding-top:1px;padding-bottom:0}
	.index-brick.b03 .sf-training{position:relative;width:33.333333%;height:125px;left:auto;top:auto;float:left;padding-top:1px}
	.index-brick.b03 .brick-frame{height:auto} */
	.index-brick.b02 .header-01{margin-bottom:0}
	.header-01 .btn{margin-top:0px}
	.main-slider .t02 .slider-item .slider-text-solut{bottom:15px;right:auto;font-size:.8em;left:15px}
	.service .brick.title{height:400px;width:50%}
	.service .brick.title h1{font-size:2em}
	.service .brick.tools{height:400px;width:50%}
	.service .brick.download{height:300px;width:100%;border-bottom:1px solid #fff}
	.service .brick.news{height:300px;width:100%;border-bottom:1px solid #fff}
	.service .brick.e-Learning{height:300px;width:100%}
	.service .brick.FAQ{height:300px;width:100%}
	.service .brick.social{height:400px;width:100%;padding-top:0}
	.service .brick.social .sub-brick{width:50%;height:50%;float:left}
	.service .brick.social .sub-brick a h5{position:relative;top:30px;left:0;margin-top:0;text-align:center}
	.service .brick.social .sub-brick img{position:relative;top:50px;margin:0 auto;right:auto;display:block}
	.product-item{width:280px;height:450px}
	.product-slidee > ul{padding-top:0px}
	.product-xs-menutoggle{display:block;position:absolute;right:15px;top:55px}
	.cate-ls-frame{background-color:#fff;height:0;overflow:hidden;transition:all linear .3s;padding:0;margin-top:10px;margin-left:0;}
	.cate-ls-frame.open{height:160px}
	#pxs-toggle i{display:inline-block;transition:all linear .3s}
	#pxs-toggle.active i{transform:rotate(180deg)}
	footer{height:130px;left:0;text-align:center;}
	footer .footer-logo{display:block;float:none;margin:15px auto 10px auto}
	footer .footer-slogan{margin-top:0px;float:none;margin-left:0}
	footer .footer-rights{margin-top:5px;float:none;margin-right:0}

	/* so */
	.so-content{width:100%;border-left:none;}
	.so-menu{position:fixed;z-index:10;height:calc(100vh - 50px);width:70%;left:-70%;transition:all linear .2s;}
	.so-menu .xs-somenu-toggle{display:block;position:absolute;right:-45px;top:10px;}
	.so-menu .xs-somenu-toggle a{display:block;width:40px;height:40px;background-color:#fff;border-radius:30px;text-align:center;font-size:26px;box-shadow:0 0 2px #999;transition:all linear 0.3s;}
	.so-menu .xs-somenu-toggle a.active{transform:rotate(45deg)}
	.so-menu.open{left:0;box-shadow:0px 0 2px #999;}
	.so-menu .menu-frame{padding-bottom:40px;}
	.so-menu .menu-frame .nav-pills .nav-link:after{content:none;}
	.product-item .product-pic .product-pic-frame{width:90%;}
}
@media(max-width:675px){
	.solutions-block .block-item.block-03 .bg-brick,.solutions-block.case .block-item.block-01 .bg-brick{background-size:130%}
}
@media(max-height:540px){
}
@media(max-width:576px){
	.wrapper.openmenu .main-frame{transform:translate3d(100vw,0,0)}
	#main-menu .menu-frame ul li a{padding:10px 15px}
	#main-menu{width:100%}
	.main-slider .slider-item .item-frame:before{content:"";position:absolute;width:100%;height:100%;left:0;/*background:rgba(0,0,0,.3);z-index:1;*/bottom:0;}
	.solutions-block .block-item h3{color:#484b4b;z-index:1;font-size:1rem;font-weight:400}
	.solutions-block .block-item p{color:#484b4b!important;color:#fff;font-size:0.8em;line-height:1.5em;position:relative;z-index:1;margin-bottom:0;letter-spacing:0.04em;width:90%}
	.solutions-block .block-item.block-03 .bg-brick,.solutions-block.case .block-item.block-01 .bg-brick{background-size:150%}
	.vedioSet{height:440px;}
	.vedioSet .box a:hover{background-size:130%;}
	.texttopic h2{font-size:2rem;margin-top:-28.5px;}
	.texttopic h2 .subtitle{display:block;font-size:0.4em;font-weight:400;}
	.vedioSet .box.textblock a .btn{top:10%;margin-top:-10px;font-size:1.6rem;}
	.vedioblock{border-bottom:1px solid #ccc;}
	.box.textblock h3{font-size:2rem}
	.box.textblock p{font-size: 0.9em}
	.service .brick.first .item p {font-size: 0.7em;}
	.service .brick.first .item img {width: 50px;}
	.wtb-spot#spot-01{top:27%;}
	.wtb-spot#spot-02{top:38%;left:40%;}
	.wtb-spot#spot-03{top:55%;left:30%;}
	.spot-info{width:250px;margin-left:-110px;}
	#worldmap{min-height:300px;}
	.texttopic h2{font-weight:600;font-size:2rem;text-align:left;position:absolute;top:5%;left:5%;width:100%; padding-top: 10%; font-family:"Noto Sans TC","Microsoft JhengHei",Helvetica,Arial,sans-serif;text-shadow:1px 1px 3px rgba(0,0,0,.5)}
	.content-header-block{padding-left:55px;}
	.content-header-block h2{font-size:1.5em;line-height:40px;letter-spacing:0.04em;}

}
@media(max-width:375px){
	.index-brick.b03 .service-frame >div a{background-size:130%}
	.index-brick.b03 .service-frame a img{width:50%;margin-top:5px}
	.list-t01 li .list-pic{display:inline-block;vertical-align:middle;width:150px;height:105px;background-repeat:no-repeat;background-size:cover;transition:all linear 0.2s}
	.list-t01 li .list-title{display:inline-block;width:calc(100% - 70px);vertical-align:middle;padding-left:0;transition:all linear 0.2s}
}
@media(max-width:360px){
	.solutions-block .block-item.block-02 .bg-brick{background-size:220%}
	.solutions-block .block-item.block-02:hover .bg-brick{background-size:250%}
	.solutions-block .block-item.block-03 .bg-brick,.solutions-block.case .block-item.block-01 .bg-brick{background-size:225%}
	.solutions-block.case .block-item.block-01:hover .bg-brick,.solutions-block .block-item.block-03:hover .bg-brick{background-size:130%}
	.service .brick.first .item img{width:40px;margin-top:0px}
}
@media(max-width:320px){
	.wtb-right{height:500px;}
}
@media print{
	.content-header-block{height:auto;padding-top:20px;}
	.page-action{display:none}
}