@charset "utf-8";
/*
######## 字體大小 ############
超大字 3.6vw
特大字 2.4vw
大字 1.6vw
中字 1.3vw;
小字 1.1vw
特小字 0.9vw;
超小字 0.7vw;

mobile
超大字 12vw
特大字 9vw
大字  6vw
中字  4.8vw;
小字 4vw;
特小字 3.6vw
超小字 3.2vw
to
超大字 10vw
特大字 8vw
大字  5vw
中字  4.2vw;
小字 3.6vw;
特小字 3.2vw
超小字 3vw
*/
#reader{margin:5vw auto;text-align:center;}
.textc{text-align:center;}
.popallcenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
h1,h2{font-weight:800;}
h3,h4{font-weight:500;}
p{font-weight:300;}
.fbbold{font-weight:600!important;}
.inscroll{overflow-y:auto!important;}
.leftline{width:75%;padding-left:5%;border-left:0.5vw solid #15295c;margin:0 auto;}
.mborder{display:inline;}
/* 這是處理 android 表格的問題 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {-webkit-text-fill-color: #fff;}
/*select{-webkit-appearance:none;}*/
.bshadeleft{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:url(../img/shade.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
.bshadeleft2{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:url(../img/shade2.png);-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}

.locker{  -webkit-transition: margin 0.3s; transition: margin 0.3s;}
/*正式開始*/
html, body{background:#FFF;font-weight:200;}
.show400{display:none!important;}
.show400inline{display:none!important;}
.hide400{display:initial;}
header .hide400{display:block;}
.lockerbox .hide400{display:block;}
/*
.locker select{width:80%;margin:1vw auto;height:2.4vw;font-size:1.2vw;line-height:2.6vw;border:1px solid #ccc;color:#fff;background:url(../img/selectbg.jpg) right center ;background-size:cover;  }
*/
select {  -webkit-appearance: none;  -moz-appearance: none;  -ms-appearance: none;  appearance: none;  outline: 0;  box-shadow: none;  border: 0 !important;  background-image: none;}
select::-ms-expand {  display: none;}
.locker .selectbox{position: relative;width:80%;margin:1vw auto;height:2.6vw;border-radius: .25vw;overflow: hidden;background: rgba(138,149,173,0.3);}
.selectbox select{color:#393939;width:100%;padding: 0 0 0 .5vw;height:2.6vw;font-size:1.2vw;line-height:2.6vw;position: relative;display: block;background: rgba(138,149,173,0.3);}
.selectbox::after {  content: '\25BC';  position: absolute;  color: #eeeeee;  top: 0;  right: 0;  bottom: 0;  padding: 0 1vw;  background: #64899e;  pointer-events: none;  font-size:1.2vw;line-height:2.6vw;}
.selectbox:hover::after {  color: #ffffff;}
.selectbox::after {  -webkit-transition: .25s all ease;  -o-transition: .25s all ease;  transition: .25s all ease;}

.centerwrap{position:relative;width:78%;margin:0 auto;}
.centerwrapin{position:relative;width:90%;margin:0 auto;}
.cutblock{position:relative;z-index:9;}/*共用..基本div 設定 relative;*/
.fullcut{}
.fullbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}

.fullbg img{position:absolute;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.fullw{position:absolute;overflow:hidden;width:100%;top:50%;transform:translateY(-50%);}
.fullh{position:absolute;overflow:hidden;height:100%;left:50%;transform:translateX(-50%);}
.sq12 .fullw{height:100%;width:auto;left:50%;top:50%;transform:translate(-50%,-50%);}
.sq21 .fullw{height:auto;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);}
.fullwimg{width:100%;}
.fullw img{width:100%;}
.fullwtext{position:absolute;top:100%;left:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,0.3);opacity:0;transition: all 0.5s;}
.fullwtext p{text-align:center;position:absolute;top:50%;left:0;width:60%;height:auto;margin:0 20%;transform:translateY(-50%);font-size:20px;color:#fff;text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}

.fullhover:hover img.fullw{width:120%;margin-left:-10%;margin-top:-5%;filter: blur(3px);}
.fullhover:hover img.fullh{height:120%;margin-left:-10%;margin-top:-10%;filter: blur(3px);}
.sq12.fullhover:hover img.fullw{height:120%;width:auto;margin-left:-2.5%;margin-top:-5%;}
.sq21.fullhover:hover img.fullw{width:120%;margin-left:-3%;margin-top:-1.5%;filter: blur(3px);}
.fullhover:hover .fullwtext{top:0;opacity:1;}


#guidewrap{position:relative;margin:0;min-height:100px;}
#guidetopwrap{position:absolute;top:0;left:0;width:100%;z-index:50;text-align: center;}
#guidetopwrap1{position:absolute;top:0;left:0;width:100%;z-index:50;text-align: center;}
#guidetopwrapbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:url(../img/dotbbg100.png) repeat;opacity:0.8;}
#guidetopwrap ~ .cutblock {  filter: blur(5px);}
#guidetopwrap h1{font-size:26px;line-height:40px;color:#fff;}
#guidetopwrap p{font-size:16px;line-height:26px;color:#fff;}
#guidetopwrap1 ~ .cutblock {  filter: blur(5px);}
#guidetopwrap1 h1{font-size:26px;line-height:40px;color:#fff;}
#guidetopwrap1 p{font-size:16px;line-height:26px;color:#fff;}
#guidebtnbox{padding:5vw 0;}
#guidebtnbox .gbtn{display:inline-block;font-size:14px;line-height:22px;padding:10px 0;color:#fff;border-radius:5px;letter-spacing: 1px;}
#guidebtnbox .gbtn.btn2{width:35%;margin:0 3%;}
#guidetopwrap video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
#guidetopwrap .videoclose{position:absolute;top:0;right:0;width:14vw;height:14vw;z-index:3;background:#000;text-align:center;}
#guidetopwrap .videoclose i{font-size:12vw;line-height:14vw;color:#fff;}
#guidetopwrap1 video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
#guidetopwrap1 .videoclose{position:absolute;top:0;right:0;width:14vw;height:14vw;z-index:3;background:#000;text-align:center;}
#guidetopwrap1 .videoclose i{font-size:12vw;line-height:14vw;color:#fff;}
/*
img.fullw.fullhover:hover{width:120%;margin-left:-10%;margin-top:-10%;}
img.fullh.fullhover:hover{height:120%!important;width:auto!important;margin-left:-10%;margin-top:-10%;filter: blur(3px);}
*/
.fullhover{  -webkit-transition: all 0.5s; /* Safari */  transition: all 0.5s;}
.fullhover img{  -webkit-transition: all 0.5s; /* Safari */  transition: all 0.5s;}
.m11{margin:1vw;}
.m10{margin:1vw 0;}
.m20{margin:2vw 0;}
.mt1{margin-top:1vw;}
.mb1{margin-bottom:1vw;}
.p20{padding:2vw 0;}
.p11{padding:1vw 1vw;}
.m11:last-child{margin-bottom:0!important;}
.m10:last-child{margin-bottom:0!important;}
.m20:last-child{margin-bottom:0!important;}
.mb1:last-child{margin-bottom:0!important;}
.p34{padding:3vw 4vw!important;}
.op10{opacity:0.1;}
.op15{opacity:0.15;}
.op20{opacity:0.2;}
.op25{opacity:0.25;}
.op30{opacity:0.30;}
.op35{opacity:0.35;}
.op40{opacity:0.40;}
.op45{opacity:0.45;}
.op50{opacity:0.5;}
.op55{opacity:0.55;}
.op60{opacity:0.6;}
.op65{opacity:0.65;}
.op70{opacity:0.7;}
.op75{opacity:0.75;}
.op80{opacity:0.8;}
.op85{opacity:0.85;}
.op90{opacity:0.9;}
.op95{opacity:0.95;}
/* layer */
.sqz1{z-index:1!important;}
.sqz2{z-index:2!important;}
.sqz3{z-index:3!important;}
/* 共用 */
/*.grid{background:url(../img/grid.png) repeat;}*/
.line{border-top:1px solid #a0a0a0;}
button{border:0;background:#15295c;padding:0.2vw 1vw;border-radius:0.3vw;font-size:0.9vw;line-height:1.6vw;color:#fff;margin-top:1vw;font-weight:300}
button.w{background:#fff;color:#222;box-shadow: 0.1vw 0.1vw 0.3vw #000;}
button.g{background:#cccccc;color:#222;}
button:hover{background:#fff;color:#15295c;}
/* contentblock */
.contentblock{position:relative;}
.contentblock.style1{padding:4vw 0;}
.contentblock.style1 .style1img{width:35%;padding:0.2vw;border:1px solid #444;margin-right:4%;float:left;box-shadow: 0.1vw 0.1vw 1.5vw rgba(255,255,255,0.1);}
.contentblock.style1 .style1text{width:49%;float:left;}
.contentblock.style1 .style1text h1{font-size:2.2vw;line-height:3.3vw;color:#fff;border-bottom:0.5vw solid #cccccc;display:inline-block;font-weight:500;}
.contentblock.style1 .style1text p{font-size:1.2vw;line-height:1.8vw;color:#ccc;padding:1.5vw 0;font-weight:200;}
/* 共用文字 */
.timetext1{font-size:1vw;line-height:1.5vw;color:#222;font-weight:200;padding-bottom:2vw;}
.hstyle1 .timetext{font-size:0.91vw;line-height:1.4vw;color:#222;font-weight:200;padding-bottom:1vw;}
.hstyle1 h1{font-size:2.2vw;line-height:3.3vw;color:#797979;font-weight:500;}
.hstyle1 h2{font-size:1.5vw;line-height:2.2vw;color:#595959;font-weight:450;padding-bottom:0.5vw;}
.hstyle1 .line{margin:0 0 0.5vw 0;height:1px;background:#999999;}
.hstyle1 p{font-size:1.2vw;line-height:1.8vw;color:#000;font-weight:200;}
.hstyle1 p.link{margin-top:1vw;}
.hstyle1 p.link.type2{margin-top:0;}
.hstyle1 p.link a{font-size:1.2vw;line-height:1.8vw;color:#595959;font-weight:450;}
.hstyle1 a.link{display:inline-block;padding:0 0.3vw;margin-top:0.5vw;font-size:1vw;line-height:2vw;background:#9caea9;color:#ffffff;border-radius: 0.3vw;border:1px solid #9caea9;}
.hstyle1 a.link:hover{background:#ffffff;color:#595959;border:1px solid #9caea9;}
.hstyle2 .timetext{font-size:0.9vw;line-height:1.4vw;color:#fff;font-weight:200;padding-bottom:1vw;}
.hstyle2 h1{font-size:2.2vw;line-height:3.3vw;color:#EAEAEA;font-weight:500;}
.hstyle2 h2{font-size:1.5vw;line-height:2.2vw;color:#F5F5F5;font-weight:450;padding-bottom:0.5vw;}
.hstyle2 p{font-size:1.2vw;line-height:1.8vw;color:#fff;font-weight:200;}
.hstyle3 h1{font-size:2.2vw;line-height:3.3vw;color:#222222;font-weight:500;}
.hstyle4 h1{font-size:2.2vw;line-height:3.3vw;color:#fff;font-weight:500;}
.hstyle5 h2{font-size:1.3vw;line-height:1.8vw;color:#15295c;font-weight:600;padding-bottom:0.2vw;}
.hstyle5 h3{font-size:1.2vw;line-height:1.8vw;color:#15295c;font-weight:600;padding-bottom:0.2vw;}
.hstyle5 h4{font-size:1.2vw;line-height:1.8vw;color:#595959;font-weight:600;padding-bottom:0.2vw;}
.hstyle5 p{font-size:0.9vw;line-height:1.4vw;color:#797979;font-weight:250;padding-bottom:1vw;}
.hstyle5 p.title{font-size:1.2vw;line-height:1.8vw;color:#595959;font-weight:600;}
.hstyle5 p.location{font-size:0.8vw;line-height:1.3vw;color:#595959;font-weight:400;}
.hstyle6 h2{font-size:1.5vw;line-height:2.2vw;color:#222222;font-weight:450;padding-bottom:0.5vw;}
.hstyle6 p{font-size:1.2vw;line-height:1.8vw;color:#595959;font-weight:200;padding:0.2vw 0;}
.hstyle6 p .fa{font-size:1.3vw;line-height:1.6vw;color:#222222;display:inline-block;width:3vw;float:left;}
/* HEADER */
header{position:fixed;z-index:99;top:0;left:0;height:5vw;width:100%;}
.header{position:relative;height:3.4vw;display:none;}
.headerin{position:relative;height:3.4vw;z-index:1;}
.headerinbg{position:absolute;top:0;left:0;height:3.4vw;width:100%;z-index:0;opacity:0;}
.headtitle{position:relative;padding-top:0.4vw;float:left;z-index:9;}
.headtitle h2{font-size:1.8vw;line-height:3vw;color:#fff;}
/*.headerinbgcolor9BAAAB{background:#9BAAAB;}*/
.hlanselect{position:relative;display:inline-block;float:right;color:#FFF;font-size:0.9vw;line-height:1.6vw;}
.hlanselect a{display:inline-block;color:#FFF;font-size:0.9vw;line-height:1.6vw;padding:0 0.5vw;}
.hlanselect a:hover{background:#595959;}
.hlanselect i{display:inline-block;font-size:0.9vw;line-height:1.6vw;padding:0 0.5vw;float:right;}
.hlanselect i:hover{background:#595959;}
.hlanselect .headsbox{width:6vw;color:#fff;font-size:1vw;line-height:1.6vw;background:rgba(255,255,2555,0.2);border:0;float:right;margin-left:0.5vw;padding:0 0.3vw;display:none;}
.headsbox {  -webkit-transition: all 1s; /* Safari */  transition: all 1s;}
.hblogo{height:120%;position:absolute;z-index:3;top:0;left:0;}
/*.hbright{position:relative;display:inline-block;float:right;top:auto;right:auto;}*/
.hbright{position:absolute;top:0;right:0;display:inline-block;}
.navitem{position:relative;float:left;text-align:center;height:3.4vw;min-width:6vw;border:0;}
.navitem a{display:block;height:100%;width:100%;}
.navitemin{position:relative;padding:0 2vw;top:50%; transform:translateY(-50%);}
.navitemin h1{font-size:1vw;line-height:1.4vw;letter-spacing:0.2vw;color:#fff;font-weight:400;}
.navitemin p{font-size:0.7vw;line-height:1vw;color:#E0E0E0;font-weight:250;}
.navitem:hover{background:rgba(255,255,255,0.3)}
.navitem:hover p{color:#EEEEEE}
.navitem.on{background:rgba(255,255,255,0.5)!important;}
.navitem.on p{color:#F5F5F5!important;}
.navitem.on h1{font-weight:450;}
/* background */
.grandbgwrap{position:absolute;z-index:0;top:0;left:0;width:100%;overflow:hidden;height:80vw;}
/* background 圖層*/
.gbw1{position:absolute;z-index:0;top:0;left:0;width:100%;background:#9BAAAB;}
.gbw1.inv{position:absolute;z-index:0;top:0;left:0;width:100%;background:#df7a5e;}
.gbw1.bak{position:absolute;z-index:0;top:0;left:0;width:100%;background:#df7a5e;}
.gbw1.his{position:absolute;z-index:0;top:0;left:0;width:100%;background:#df7a5e;}
.gbw1.his2{position:absolute;z-index:0;top:0;left:0;width:100%;}
.gbw1.val{position:absolute;z-index:0;top:0;left:0;width:100%;background:#df7a5e;}
.gbw1.news{position:absolute;z-index:0;top:0;left:0;width:100%;background:#15295c;}
.gbw1 img{width:60%;opacity:0.15;}
.gbw1.inv img{width:60%;opacity:0.5;}
.gbw1.bak img{width:60%;opacity:0.5;}
.gbw1.his img{width:60%;opacity:0.5;}
.gbw1.his2 img{width:60%;opacity:1;}
.gbw1.val img{width:60%;opacity:0.5;}
.gbw1.news img{width:60%;opacity:0.3;}
.gbw2{background:#fff;position:absolute;top:0;left:22%;z-index:2;		-ms-transform: skew(-35deg);		-webkit-transform: skew(-35deg); 		transform: skew(-35deg);	  width: 300%;	  height: 120%;	overflow:hidden;}
.gbw2in{	-ms-transform: skew(35deg);   -webkit-transform: skew(35deg);     transform: skew(35deg);   	width: 200%;  height: 100%;	margin-left:-15%;}
.gbw2in2{background:#283F7B;width:100%;height:38vw;}
.gbw2in2.inpage{background:#283F7B;width:100%;height:22vw;}
.gbw2in2.news{background:#4c5f6b;width:100%;height:22vw;}
.gbw2in2.his2{width:100%;height:22vw;}
/* banner 設定 */
.bannertopblack{position:absolute;z-index:9;top:0;left:0;width:100%;height:10%;background:linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);}
.bannerblock{position:relative;background:#000;overflow:hidden;z-index:1;}
.bannerblock .bannerbg{position:relative;z-index:0;opacity:0;}
.bannerblock.fullbanner{position:absolute;top:0;left:0;width:100%;height:100%;}
.bannerblock .banneritem{position:absolute;top:0;left:0;width:100%;height:100%;transition: all 2.5s; opacity:0;overflow:hidden; z-index:1;}
.bannerblock .banneritem.on{opacity:1;z-index:2;}
.bannerblock .banneritem .bannerimg{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index:0;transition: all 2.5s; opacity:0;}
.bannerblock .banneritem.on .bannerimg{opacity:1;}
.bannerblock .banneritem .bannertext{position:absolute;width:100%;z-index:1;transition-delay: 1s;  transition-property: all;  transition-duration: 2s; opacity:0;}
.bannerblock .banneritem.on .bannertext{opacity:1;}
/* banner style */
/* s1 黑字版 */
.bannerblock.s11 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s11 .banneritem.on .bannerimg{}
.bannerblock.s11 .banneritem .bannertext{margin-left:30%;bottom:10%;left:0;font-size:50px;line-height:70px;color:#000;font-weight:bold;}
.bannerblock.s11 .banneritem.on .bannertext{margin-left:0;}
/* s1 白字版 */
.bannerblock.s12 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s12 .banneritem.on .bannerimg{}
.bannerblock.s12 .banneritem .bannertext{margin-left:30%;bottom:10%;left:0;font-size:50px;line-height:70px;color:#fff;font-weight:bold;text-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bannerblock.s12 .banneritem.on .bannertext{margin-left:0;}
/* s1 白字版+灰圖板 */
.bannerblock.s13 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s13 .banneritem.on .bannerimg{opacity:0.7;}
.bannerblock.s13 .banneritem .bannertext{margin-left:30%;bottom:10%;left:0;font-size:50px;line-height:70px;color:#fff;font-weight:bold;text-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bannerblock.s13 .banneritem.on .bannertext{margin-left:0;}
/* s2 黑字版 */
.bannerblock.s21 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s21 .banneritem.on .bannerimg{min-width:120%;min-height:120%;}
.bannerblock.s21 .banneritem .bannertext{top:50%;transform: translateY(-50%);left:0;font-size:50px;line-height:70px;color:#000;font-weight:bold;text-align:center;}
.bannerblock.s21 .banneritem.on .bannertext{}
/* s2 白字版 */
.bannerblock.s22 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s22 .banneritem.on .bannerimg{min-width:120%;min-height:120%;}
.bannerblock.s22 .banneritem .bannertext{top:50%;transform: translateY(-50%);left:0;font-size:50px;line-height:70px;color:#fff;font-weight:bold;text-align:center;text-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bannerblock.s22 .banneritem.on .bannertext{}
/* s2 白字版+灰圖板 */
.bannerblock.s23 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s23 .banneritem.on .bannerimg{min-width:120%;min-height:120%; opacity:0.7;}
.bannerblock.s23 .banneritem .bannertext{top:50%;transform: translateY(-50%);left:0;font-size:50px;line-height:70px;color:#fff;font-weight:bold;text-align:center;text-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bannerblock.s23 .banneritem.on .bannertext{}
  /* s3 黑字版 */
.bannerblock.s31 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s31 .banneritem.on .bannerimg{min-width:120%;min-height:120%;}
.bannerblock.s31 .banneritem .bannertext{top:25%;transform: translateY(-50%);left:0;font-size:50px;line-height:70px;color:#000;font-weight:bold;text-align:center;}
.bannerblock.s31 .banneritem.on .bannertext{top:50%;}
/* s3 白字版 */
.bannerblock.s32 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s32 .banneritem.on .bannerimg{min-width:120%;min-height:120%;}
.bannerblock.s32 .banneritem .bannertext{top:25%;transform: translateY(-50%);left:0;font-size:50px;line-height:70px;color:#fff;font-weight:bold;text-align:center;text-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bannerblock.s32 .banneritem.on .bannertext{top:50%;}
/* s3 白字版+灰圖板 */
.bannerblock.s33 .banneritem .bannerimg{min-width:100%;min-height:100%;}
.bannerblock.s33 .banneritem.on .bannerimg{min-width:120%;min-height:120%;opacity:0.7;}
.bannerblock.s33 .banneritem .bannertext{top:25%;transform: translateY(-50%);left:0;font-size:50px;line-height:70px;color:#fff;font-weight:bold;text-align:center;text-shadow: 2px 2px 10px rgba(0,0,0,0.3);}
.bannerblock.s33 .banneritem.on .bannertext{top:50%;}
/* banner 文字 */
.bannercut{position:relative;height:38vw;}
.bannercut .centerwrapin{height:38vw;}
.bannercut.inpage{height:22vw;}
.bannercut.inpage .centerwrapin{height:22vw;}
.bannercut .lefttext.h1{position:absolute;top:11vw;left:0;font-size:3vw;color:#fff;line-height:4.5vw;font-weight:400;}
.bannercut .righttext{position:absolute;bottom:5vw;right:0;width:40%;text-align:left;}
.bannercut .righttext h1{font-size:3vw;color:#CCCCCC;line-height:5vw;font-weight:400;}
.bannercut .righttext p{font-size:1.2vw;color:#EAEAEA;line-height:1.8vw;font-weight:250;}
.bannercut.news .righttext h1{color:#FFF;}
.bannercut.news .righttext p{color:#FFF;}
.bannercut.his2 .righttext h1{color:#FFF;}
/* 字大小*/
.f10{font-size:1vw;line-height:1.6vw;}
.f10 .fa-xs{font-size:0.6vw;line-height:1.6vw;margin-right:0.5vw;float:left;}
.f12{font-size:1.2vw;line-height:1.8vw;}
.f15{font-size:1.5vw;line-height:2.4vw;}
.f20{font-size:2vw;line-height:3.2vw;}
.cffffff{color:#ffffff;}
.c595959{color:#595959;}
.c15295c{color:#15295c;}
.cEAB070{color:#EAB070;}
/* square */
/*黑灰*/
.bgsite{background:#ffffff;}
.bg000000{background:#000000;}
.bg222222{background:#222222;}
.bg333333{background:#333333;}
.bg444444{background:#444444;}
.bg555555{background:#555555;}
.bg666666{background:#666666;}
.bg888888{background:#888888;}
.bggray{background:#999999;}/* 灰 */
.bgaaaaaa{background:#aaaaaa;}
.bgbbbbbb{background:#bbbbbb;}
.bgcccccc{background:#cccccc;}
.bgdddddd{background:#dddddd;}
.bgeeeeee{background:#eeeeee;}
.bgf5f5f5{background:#f5f5f5;}/* 幾乎白 */
.bgffffff{background:#ffffff;}/* 白 */
/*藍*/
.bg15295c{background:#15295c;}/* logo色*/
.bg222630{background:#222630;}
.bg404460{background:#405060;}
.bg505570{background:#505570;}
.bg606590{background:#606590;}
.bg5065a0{background:#5065a0;}
.bg6c73d2{background:#6c73d2;}
.bga3a6e0{background:#a3a6e0;}
.bg8b93fa{background:#8b93fa;}
/*黃*/
.bg858626{background:#858626;}
.bg958636{background:#958636;}
.bgaf9a3e{background:#af9a3e;}
.bgdf7a5e{background:#df7a5e;}/*亮點 黃 */
.bgeac089{background:#eac089;}
/*紅*/
.bg482518{background:#482518;}
.bg642617{background:#642617;}
.bg8b596b{background:#8b596b;}
.bgc498a8{background:#c498a8;}
.bgdf7a5e{background:#df5a5e;}
.bgea9089{background:#EA9089;}
.bgd34e7d{background:#d34e7d;}
.bgeab8a7{background:#eab8a7;}
/*綠*/
.bg154020{background:#154020;}
.bg235025{background:#235025;}
.bg337035{background:#337035;}
.bg438045{background:#438045;}
.bg7cc6d6{background:#7cc6d6;}
.bg64bc9c{background:#64bc9c;}
.bgbad5cb{background:#bad5cb;}
/*紫*/
.bg231025{background:#231025;}
.bg331035{background:#331035;}
.bg451040{background:#451040;}
.bg432045{background:#432045;}
.bg632075{background:#632075;}
.bg733055{background:#733055;}
.bgb8a7ea{background:#b8a7ea;}
.bgb9678ea{background:#9678ea;}
/* 藍綠灰 */
.bg133045{background:#133045;}
.bg134035{background:#134035;}
.bg337055{background:#337055;}
.bg438065{background:#438065;}
.bg63a095{background:#63a095;}
.bg9caea9{background:#9caea9;}
.bgccdad1{background:#ccdad1;}
.sqcenter{position:absolute;top:50%; transform:translateY(-50%);padding:0;text-align:center;z-index:3;}
.sqcenter h3{font-weight:600;font-style:italic;}
.sqcenter h4{font-weight:600;}
.sq4wrap{position:relative;}
.sqitem{position:relative;overflow:hidden;}
.sqitem.ok{overflow:visible;}
.sqitem img.full{max-width:110%;max-height:110%;min-width:100%;min-height:100%;z-index:1;}
.sqitem img.fullfix{width:100%;height:100%;}
/*塊面尺寸*/
.sq1free{width:24.99%;min-height:6vw;}
.sq105{width:24.99%;height:14vw;}
.sq11{width:24.99%;height:18vw;}
.sq115{width:24.99%;height:27vw;}
.sq12{width:24.99%;height:36vw;}
.sq13{width:24.99%;height:54vw;}
.sq1505{width:37.49%;height:9vw;}
.sq151{width:37.49%;height:18vw;}
.sq1515{width:37.49%;height:27vw;}
.sq152{width:37.49%;height:36vw;}
.sq205{width:49.99%;height:9vw;}
.sq21{width:49.99%;height:18vw;}
.sq215{width:49.99%;height:27vw;}
.sq22{width:49.99%;height:36vw;}
.sq3free{width:74.99%;min-height:36vw;}
.sq33{width:74.99%;height:54vw;}
.sq32{width:74.99%;height:36vw;}
.sq31{width:74.99%;height:18vw;}
.sq315{width:74.99%;height:27vw;}
.sq41{width:100%;height:18vw;clear:both;}
.sq42{width:100%;height:36vw;clear:both;}
.sqin1{width:100%;height:6vw;background: #ccdad1;}/*每格 1/2單格高 */
.sqin1b{width:90%;height:9vw;}/*每格 1/2單格高 */
.sqin15{width:100%;height:13.5vw;}/*每格 0.75單格高 */
.sqin07{width:100%;height:6vw;}/*每格 1/3單格高 */
.sqin05{width:100%;height:4.5vw;}/*每格 1/4單格高 */
.sqin05b{width:90%;height:4.5vw;}/*每格 1/4單格高 */
.sqmfull{}/*手機板滿格*/
.sqsplit31{width:30%;margin-right:5%;float:left;}
.sqsplit31:nth-child(3n){margin-right:0;}
.sq3in11{width:33.3%;height:18vw;}
.sq3in113{width:33.3%;height:25vw;}
.sq3in115{width:33.3%;height:27vw;}
.sq3in21{width:66.6%;height:18vw;}
.sq3in22{width:66.6%;height:36vw;}
.sq3in226{width:66.6%;height:50vw;}
.sqoverhide{overflow: hidden;}
.sqinh32{position:relative;height:66.6%;}
.sqinh31{position:relative;height:33.4%;}
/* padding */
.sqp01{position:relative;padding:0 1vw;}
.sqp02{position:relative;padding:0 2vw;}
.sqp03{position:relative;padding:0 3vw;}
.sqp04{position:relative;padding:0 4vw;}
.sqp11{position:relative;padding:1vw 1vw;}
.sqp12{position:relative;padding:1vw 2vw;}
.sqp13{position:relative;padding:1vw 3vw;}
.sqp14{position:relative;padding:1vw 4vw;}
.sqp21{position:relative;padding:2vw 1vw; ;}
.sqp22{position:relative;padding:2vw 2vw;}
.sqp23{position:relative;padding:2vw 3vw!important;}
.sqp24{position:relative;padding:2vw 4vw;}
.sqp31{position:relative;padding:3vw 1vw;}
.sqp32{position:relative;padding:3vw 2vw;}
.sqp33{position:relative;padding:3vw 3vw;}
.sqp34{position:relative;padding:3vw 4vw;}
.sqm23{position:relative;margin:2vw 3vw;}
.sqm23.fu{height:calc(100% - 4vw);}
.sqp2040{padding: 20px 40px;max-width: 1200px;}

/* select */
.selectclick{}
.selectclick:hover{background:rgba(21,41,92,0.3);color:#fff;}
.selectclick.on{background:rgba(21,41,92,0.5);color:#fff;}
.teamselectclick.on{background:rgba(21,41,92,0.5);color:#fff;}
/* more */
.morewrapfree{position:relative;display:inline-block;min-width:200px;margin:0 auto;font-weight:400;text-align:center;}
.morewrapfree.s2{border:2px solid #fff;color:#fff;}
.morewrapfree.s2:hover{background:#fff;color:#595959;}
.morewrapfree.abc{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.morewrap25{position:relative;width:25%;margin:0 auto;font-weight:400;text-align:center;}
.morewrap25.s2{border:2px solid #fff;color:#fff;}
.morewrap25.s2:hover{background:#fff;color:#595959;}
.morewrap25.abc{position: absolute;top:40%;left:50%;transform: translateX(-50%);}
.morewrap50{position:relative;width:50%;margin:0 auto;font-weight:400;text-align:center;}
.morewrap50.s1{border:2px solid #595959;color:#595959;}
.morewrap50.s1:hover{background:#595959;color:#fff;}
.morewrap50.abc{position: absolute;top:40%;left:50%;transform: translateX(-50%);}
.morewrap50.s2{border:2px solid #fff;font-size:1vw;color:#fff;}
.morewrap50.s2:hover{background:#fff;color:#595959;}
.morewrap100{position:relative;width:90%;margin:0 auto;font-weight:400;text-align:center;}
.morewrap100.s1{border:2px solid #fff;color:#fff;}
.morewrap100.s1:hover{background:#fff;color:#595959;}
.morewrap100.s2{border:2px solid #595959;font-size:1vw;color:#595959;}
.morewrap100.s2:hover{background:#595959;color:#fff;}
.morewrap100.abb{position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
.morewrap100.abc{position: absolute;top:40%;left:50%;transform: translateX(-50%);}
.subnavwrap{position:absolute;top:3.4vw;left:0;width:150%;display:none;}
.subnavwrapbg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:#9BAAAB;opacity:0.7;}
.hsubnavitem{position:relative;font-size:0.9vw;line-height:1.5vw;color:#fff;padding:0.3vw 0;z-index:1;}
.navitem:hover .subnavwrap{display:block;}
.hsubnavitem:hover{background:rgba(255,255,255,0.2);color:#fff;}
.hsubnavitem.on{background:rgba(255,255,255,0.5)!important;color:#fff!important;}
header.t1 .subnavwrap{position:absolute;top:4.12vw;left:0;width:150%;background:rgba(255,255,255,0.6);display:none;}
header.t1 .hsubnavitem{position:relative;font-size:0.9vw;line-height:1.5vw;color:#595959;padding:0.3vw 0;}
header.t1 .navitem:hover .subnavwrap{display:block;}
header.t1 .hsubnavitem:hover{background:rgba(0,0,0,0.12);color:#222;}
header.t1 .hsubnavitem.on{background:rgba(0,0,0,0.3)!important;color:#222!important;}
/* submenu */
.submenu{position:relative;padding:0.7vw 0;text-align:center;background:rgba(0,0,0,0.3);}
.subnavitem{position:relative;display:inline-block;width:10%;padding-left:1.25vw;font-size:1.3vw;line-height:2vw;color:#ccc;height:2vw;overflow:hidden;text-align:left;font-weight:200;}
.subnavitem.on{color:#fff;font-weight:500;}
.subnavitem:hover .s2sq2{background:#fff;}
.subnavitem:hover {color:#fff;}
.subnavitem.on  .s2sq2{background:#fff;}
.subnavitem.on {color:#fff;}
.subnavitem.type2{position:relative;border:1px solid rgba(0,0,0,0);display:inline-block;width:40%;padding-left:0;font-size:1.3vw;line-height:4vw;color:#ccc;height:4vw;overflow:auto;text-align:center;font-weight:200;margin-bottom:0;}
.subnavitem.type2:hover{border:1px solid #999;}
.subnavitem.type2.on{color:#fff;font-weight:500;}
.subnavitem.type2.on span{border-bottom:0.5vw solid #fff;}
.s2sqx{    position: absolute;    z-index: 4;    height: 3vw;    width: 3vw;    transform: rotate(45deg);background-color: inherit; }
.s2sqx.s1{  top: 10%;  background-color: inherit;  right: -0.5vw;}
.s2sqx.s2{  top: 10%;  background-color: inherit;  left: -0.5vw;}
.s2sqx.s3{ background-color: inherit;  top: -0.5vw;right:10%;}
.s2sqx.s4{ background-color: inherit;  bottom: -0.5vw;right:10%;}
.subnavitem.type3{position:relative;display:inline-block;width:24%;padding-left:0;font-size:1.3vw;line-height:4vw;color:#ccc;height:auto;overflow:inherit;text-align:center;font-weight:200;margin-bottom:0;}
.subnavitem.type3 .sub3menu{display:none;position:absolute;top:4vw;left:0;width:100%;background:rgba(0,0,0,0.7);padding:1vw 0;}
.sub3menu .sub3item{font-size:1.1vw;line-height:1.6vw;color:#fff;font-weight:200;padding:0.5vw 0;}
.sub3menu .sub3item:hover{background:rgba(255,255,255,0.2);}
.sub3menu .sub3item.on{font-weight:500;}
.sub3menu .sub3item:active{font-weight:500;}
.subnavitem.type3{border:1px solid rgba(0,0,0,0);}
.subnavitem.type3:hover{border:1px solid #999;}
.subnavitem.type3.on{color:#fff;font-weight:500;border:1px solid #ccc;}
.subnavitem.type3.on .sub3menu{display:block;}
.locdotwrap{position:absolute;z-index:9;}
.locdot{width:1.6vw;height:1.6vw;border-radius: 0.8vw;overflow: hidden;background:#999999;float:left;}
.locdotwrap.on .locdot{background:#ffa200;}
.locdottext{margin:0 -0.5vw;font-size:1vw;line-height:1.6vw;color:#fff;font-weight:500;visibility: hidden;opacity:0;-webkit-transition: all 1s; transition: all 1s;}
.locdotwrap.on .locdottext{visibility: visible;opacity:1;margin:0 0.5vw;}
#locdot1{top:66%;left:11.1%;}/*taipei*/
#locdot2{top:21%;left:13%;}/*k*/
#locdot3{top:75%;left:6%;}/*h*/
#locdot4{top:50%;left:9.8%;}/* shan*/
#locdot5{top:25%;right:14.2%;}/*san*/
#locdot5 .locdot{float:right;}
/* PAGE */
#pagebanner{position:relative;}
#pagebanner .bannerblock{height:25vw;background:#444444;}
#pagebanner .bannerblock .bannerimg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.7;}
#pagebanner .bannerblock .bannerimg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height: 100%;}
#pagebanner .centerwrap{position:relative;z-index:3;height:100%;}
#pagebanner .bannertext{position:absolute;left:0;bottom:3vw;z-index:5;}
.awardicon {position:absolute;top:10%;right:5%;width:15%;z-index:5;}
.pagemenu{position:absolute;left:0;bottom:3vw;width:100%;z-index:4;text-align:center;}
.pmenuitem{display:inline-block;cursor: pointer;margin:0 1vw;padding:0.2vw 2vw; min-width:4vw;font-size:1.1vw;color:#eee;line-height:1.6vw;border:1px solid #fff;background:rgba(0,0,0,0.2);}
.pmenuitem:hover{background:rgba(0,0,0,0.4);box-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
.pmenuitem.on{color:#fff!important;font-weight:bold;background:rgba(0,0,0,0.5)!important;}
.pmenuitem1{display:inline-block;cursor: pointer;margin:0 1vw;padding:0.2vw 2vw; min-width:4vw;font-size:1.1vw;color:#eee;line-height:1.6vw;border:1px solid #fff;background:rgba(0,0,0,0.2);}
.pmenuitem1:hover{background:rgba(0,0,0,0.4);box-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
.pmenuitem1.on{color:#fff!important;font-weight:bold;background:rgba(0,0,0,0.5)!important;}
.bannertext h1{font-size:2.4vw;color:#fff;line-height:3.6vw;letter-spacing:0.1vw;margin:0;text-transform: capitalize;}
.bannertext.pagetitle h1{font-size:7vw;color:#fff;line-height:10vw;letter-spacing:0.2vw;text-shadow: 0.2vw 0.2vw 0.4vw #000000;margin:0;text-align:center;opacity:0.8;}
.bannertext p{font-size:1.1vw;color:#fff;line-height:1.6vw;width:35%;margin:0;}
.scrolldisplay .sqitem{visibility:hidden;opacity:0;}
.pcontentwrap{display:none;transition: all 1s;}
.pcontentwrap.on{display:block;}
/* team */
.teamitem{-webkit-transition: all 0.8s; transition: all 0.8s;display:none;}
.teamitem img{z-index:1}
.teamitem .teamname{position:absolute;z-index:2;bottom:0;left:0;width:100%;background:#fff;height:7vw;text-align:center;}
.teamitem .teamname p.name{font-size:1.2vw;line-height:1.7vw;color:#595959;font-weight:600;}
.teamitem .teamname p.title{font-size:0.85vw;line-height:1.2vw;color:#595959;font-weight:250;}
.teamitem .teamname p.location{font-size:0.85vw;line-height:1.2vw;color:#595959;font-weight:250;}
.teamitem .teamover{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;background:rgba(21,41,92,0.4);opacity:0;-webkit-transition: all 0.5s; transition: all 0.5s;}
.teamitem .teammore{position:absolute;width:60%;left:20%;height:3vw;font-size:1.2vw;line-height:3vw;color:#fff;border:2px solid #fff;text-align:center;top:50%;transform:translateY(-50%);}
.teamitem:hover .teamover{opacity:1;}
.teamitem .s2sqx{right:8%;margin-right:-1.4vw;bottom:4.5vw;background:#fff;z-index:1;-webkit-transition: all 0.5s; transition: all 0.5s;}
.teamintro{position:absolute;top:0;left:0;z-index:99;display:none;-webkit-transition: all 0.8s; transition: all 0.8s;box-shadow: 4px 4px 10px rgba(0,0,0,0.5);}
.teamintro.page{position:relative;top:auto;left:auto;}
.teamintro .teamclose{position:absolute;top:0.5vw;right:0.5vw;font-size:2vw;line-height:2vw;color:#595959;z-index:3;}
.teamintro .sqp22{position:relative;z-index:1;}
.teamintro.page .sq3in226{height:auto!important;}
.dealbox{position:relative;}
.dealbox p{width:44%;margin-right:4%;float:left;padding:0.5vw 1%;border-bottom:1px solid #cccccc;}
.dealbox p:nth-child(1){border-top:1px solid #cccccc;}
.dealbox p:nth-child(2){border-top:1px solid #cccccc;}
.portfoliobox{position:relative;z-index:1;padding-bottom:18vw;}
.portfoliobox .dealline{position:relative;width:44%;margin:0 3%;float:left;height:3vw;overflow:visible;border-bottom:1px solid #cccccc;z-index:1;}
.portfoliobox .dealline.on{z-index:4;}
.portfoliobox .deallinetitle{position:relative;z-index:2;height:3vw;font-size:1.2vw;line-height:3vw;background:#fff;padding:0 2%;}
.portfoliobox .dealline:nth-child(1){border-top:1px solid #cccccc;}
.portfoliobox .dealline:nth-child(2){border-top:1px solid #cccccc;}
.portfoliobox .deallinetitle i{float:right;font-size:1.4vw;line-height:3vw;transform: rotate(0);-webkit-transition: all 0.5s; transition: all 0.5s;}
.portfoliobox .dealline.on .deallinetitle i{transform: rotate(180deg);}
.portfoliobox .dealline .dealcontent{position:absolute;z-index:1;top:0vw;left:0;width:100%;height:18vw;background:#f5f5f5;overflow:visible;display:none;}
.portfoliobox .dealline .dealcontenttext{position:relative;z-index:1;height:18vw;background:#f5f5f5;z-index:2;}
.portfoliobox .dealline .dealcontent .dealcontentimg{position:absolute;top:0;padding:1vw 15%;width:85%;height:16vw;z-index:1;background:#f5f5f5;text-align:center;}
.portfoliobox .dealline .dealcontent .dealcontentimg img{width:auto;margin:0 auto;}
.portsp{overflow:visible!important;}
.portitem{z-index:1;overflow:visible!important;display:block;-webkit-transition: all 0.8s; transition: all 0.8s;}
.portitemin{position:relative;width:96% ;height:96%;margin:2%;}
.portitem img{z-index:1;border:1px solid #cccccc;}
.portover{position:absolute;top:-4%;left:-4%;padding:4%;width:100%;height:170%;display:none;}
.portover h2{color:#fff;font-size:20px;line-height:30px;}
.portover p{color:#fff;font-size:16px;line-height:24px;}
.portitem:hover{z-index:9;}
.portitem:hover .portover{display:block;}
/* news */
.newswrap{}
.newsline{position:relative;margin:1vw 0;}
.newsline .timeline{font-size:1.1vw;line-height:1.6vw;color:#595959;font-weight:250;width:20%;float:left;}
.newsline .titleline{font-size:1.1vw;line-height:1.6vw;color:#2d2d2d;font-weight:400;width:79%;float:left;}
.newsline .titleline a{font-size:1.1vw;line-height:1.6vw;color:#2d2d2d;font-weight:400;}
.newsline .w{width:0.5vw;height:1.2vw;margin:0.2vw 0.5vw 0.2vw 0;background:#15295c;float:left;}
.newsitem{border-bottom:1px solid #ccc;}
.newsitem .timetext{float:left;width:20%;height:8vw;}
.newsitem:nth-child(2n){background:#fcfcfc;}
.newsitem a {color: #595959;}
/* contact */
.contactwrap{}
.contactwrap .map{width:100%;padding:2vw 0;height:30vw;}
.pagecntwrap{text-align:center;padding:2vw 0;}
.pagecntwrap div.pagecnt{display:inline-block;font-size:0.9vw;line-height:2vw;color:#fff;background:rgba(21,41,92,0.5);margin:0 0.3vw;min-width:2vw;}
.pagecntwrap div.pagecnt:hover{background:rgba(21,41,92,0.7);}
.pagecntwrap div.pagecnt.on{color:rgba(21,41,92,1);background:none;}
/* footer */
footer{position:relative;z-index:3;}
footer.fixfoot{position:fixed;z-index:9;left:0;bottom:0;width:100%;}
#backtotop{position:absolute;z-index:90;top:0;right:0;padding:0.5vw 0;width:3vw;text-align:center;font-size:1.3vw;line-height:1.3vw;color:#54493a;}
#backtotop i.fa{font-size:2.4vw;line-height:2.4vw;color:#54493a;}
.ficonwrap{position:relative;padding:2vw 0;text-align:center;}
.ficonwrap img{margin:0 2vw;}
.ficonwrap i{color:#fff;font-size:2vw;line-height:2.8vw;margin:0 2vw;}
.fmenuwrap{position:relative;padding:0;text-align:center;height:11vw;padding:1vw 0;}
.fmenuwrap .navitem{position:relative;width:19.6%;text-align:center;height:auto;padding:0;margin:0 auto;float:left;}
.fmenuwrap .navitem:hover{background:none;}
.fmenuwrap .navitem img{width:50%;margin:0 25%;}
.fmenuwrap .navitem p{font-size:0.9vw;line-height:1.3vw;letter-spacing:0;color:#ffffff;font-weight:200;margin-top:0vw;}
.fmenuwrap .navitem:hover p{color:#ffffff;}
.faddress{display:table;padding:1vw 0;width:100%;}
.faddleft{position:relative;display:table-cell;vertical-align: middle;width:35%;text-align:right;}
.faddleft img{width:60%;}
.faddright{position:relative;display:table-cell;vertical-align: middle;width:55%;padding-left:10%;}
.faddright h6{font-size:1vw;line-height:1.6vw;letter-spacing:0;color:#ffffff;font-weight:500;text-transform: uppercase;}
.faddright p{font-size:0.9vw;line-height:1.5vw;letter-spacing:0;color:#ffffff;font-weight:250;}
.fcopyright{padding:1vw 0 3vw 0;font-size:0.7vw;line-height:1.6vw;letter-spacing:0;color:#ffffff;font-weight:200;text-align:center;}
/*
#########################################################
POP
*/
#pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:90;background:rgba(0,0,0,0.3);margin:0;}
#popin{position:absolute;padding:15vw 5vw;top:0;left:100%;width:calc(100% - 10vw);height:calc(100% - 30vw);background:rgba(255,255,255,1);overflow:auto;transition: all 0.4s;}
#popin.on{left:0;}
#popincontent{position:relative;height:100%;overflow:auto;}
#popin img{max-width:100%;}

.popclosebg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.popclosebtn{position:absolute;top:0;right:-2.5vw;height:2.5vw;width:2.5vw;background:#000;text-align:center;z-index:99;}
.popclosebtn i{font-size:2vw;line-height:2.5vw;color:#fff;}
#picimgbox{position:absolute;width:100%;height:80vh;top:10vh;left:0;float:none;background:#000;}
#picimgspace{position:absolute;width:100%;height:100%;top:0;left:0;}
#picimgspace .popbanneritem{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;transition: all 2s;}
#picimgspace .popbanneritem img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;transform: translate(-50%,-50%);z-index:1;}
#picimgspace .popbanneritem span{position:absolute;display:block;z-index:2;bottom:0;left:0;width:90%;padding:10px 5%;font-size:20px;line-height:30px;color:#fff;background:rgba(0,0,0,0.7);}
#picimgspace .popbanneritem.on{z-index:2;opacity:1;}


#picimgbox .mbicon{position:absolute;width:3vw;height:4vw;top:50%;transform: translateY(-50%);z-index:10;text-align:center;background:rgba(255,255,255,0.3);}
#picimgbox .mbicon i{font-size:2.6vw;line-height:4vw;color: #222;}
#picimgbox .mbiconleft{left:-3vw;}
#picimgbox .mbiconright{right:-3vw;}
#picimgbox .mbicon:hover{background:rgba(255,255,255,0.7);}

@media screen and (max-width: 1280px) {/*平板 舊型視窗 */
  .centerwrap{position:relative;width:84vw;margin:0 auto;}
}
/* 1000 以下顯示  平板版本--影片改圖騙    */
@media screen and (max-width: 979px) {
  .map{display:none;}
  .locdotwrap{display:none;}
  .show400{display:block!important;}
  .show400inline{display:inline-block!important;}
  .hide400{display:none!important;}
  .centerwrap{position:relative;width:100%;margin:0 auto;}
  .leftline{width:20%;padding-left:5%;border-left:2vw solid #15295c;margin:0 5vw;float:left;margin-top:7vw;}
  .fullw {text-align:center;}
  .fullw{min-width:100%;min-height:100%;}
  .fullwimg{width:100%;}
  .fullwtext{position:absolute;top:auto;bottom:0;left:0;width:80%;height:auto;padding:2vw 10%; z-index:9;background:rgba(0,0,0,0.75);opacity:1;transition: all 0.5s;}
  .fullwtext p{text-align:center;position:relative;top:50%;left:auto;width:100%;height:auto;margin:0;transform:none;font-size:3vw;line-height:5vw;color:#fff;text-shadow: none;}
  .mborder{display:block;margin:5vw 0; border:1px solid #666;}
  .mborder:before {  float: none;clear: both; }
  .mborder .sqitem{float:none!important;}
  .bshadeleft{display:none;}
  .bshadeleft2{display:none;}
  .m11{margin:3vw;}
  .m10{margin:3vw 0;}
  .m20{margin:6vw 0;}
  .mt1{margin-top:3vw;}
  .mb1{margin-bottom:3vw;}
  .p11{padding:3vw 3vw;}
  .p20{padding:6vw 0;} 
  .p34{padding:9vw 12vw!important;}
  #pagebanner .bannerblock .bannerimg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;min-height: 100%;}
  .line{border-top:1px solid #a0a0a0;}
  button{border:0;background:#15295c;padding:0.8vw 4vw;border-radius:1vw;font-size:3.2vw;line-height:6vw;margin-top:4vw;}
  button.w{box-shadow: 0.4vw 0.4vw 1vw #000;}
  button:hover{box-shadow: 0.8vw 0.8vw 3vw #000;}
  .headtitle{position:relative;padding:2vw 0;float:none;display:block;z-index:5;width:100%;text-align:center;}
  .headtitle h2{font-size:5vw;line-height:8vw;color:#fff;}
  /* guide */

  /* contentblock */
  .contentblock.style1{padding:12vw 0;text-align:center;}
  .contentblock.style1 .style1img{width:90%;padding:1vw;border:1px solid #666; margin:5vw auto;float:none;box-shadow: 0.8vw 0.8vw 3vw #eee;}
  .contentblock.style1 .style1text{width:100%;float:none;margin-top:8vw;text-align:left;}
  .contentblock.style1 .style1text h1{font-size:5vw;line-height:10vw;border-bottom:2vw solid #cccccc;}
  .contentblock.style1 .style1text p{font-size:3.6vw;line-height:5.4vw;padding:6vw 0;}
  /* 共用文字 */
  .timetext1{font-size:3.6vw;line-height:8vw;padding-bottom:8vw;}
  .hstyle1 .timetext{font-size:2.6vw;line-height:4.2vw;color:#222;padding-bottom:3vw;}
  .hstyle1 h1{font-size:6.6vw;line-height:9.9vw;}
  .hstyle1 h2{font-size:4.5vw;line-height:6.6vw;padding-bottom:1.5vw;}
  .hstyle1 .line{margin:0 0 1.5vw 0;}
  .hstyle1 p{font-size:3.6vw;line-height:5.4vw;}
  .hstyle1 p.link{margin-top:3vw;font-size:3.6vw;line-height:5.4vw;}
  .hstyle1 p.link.type2{margin-top:0;}
  .hstyle1 p.link a{font-size:3.6vw;line-height:5.4vw;}
  .hstyle1 a.link{display:inline-block;padding:0 0.5vw;margin-top:1vw;font-size:3.6vw;line-height:5.6vw;border-radius: 0.5vw;}
  .hstyle1 a.link:hover{background:#ffffff;color:#595959;border:1px solid #9caea9;}
  .hstyle2 .timetext{font-size:2.7vw;line-height:4.2vw;padding-bottom:3vw;}
  .hstyle2 h1{font-size:6.6vw;line-height:9.9vw;}
  .hstyle2 h2{font-size:4.5vw;line-height:6.6vw;padding-bottom:1.5vw;}
  .hstyle2 p{font-size:3.3vw;line-height:5.4vw;}
  .hstyle3 h1{font-size:6.6vw;line-height:9.9vw;}
  .hstyle4 h1{font-size:6.6vw;line-height:9.9vw;}
  .hstyle5 h2{font-size:4vw;line-height:6vw;color:#15295c;font-weight:600;padding-bottom:0.5vw;}
  .hstyle5 h3{font-size:3.6vw;line-height:5.4vw;color:#15295c;font-weight:550;padding-bottom:0.5vw;}
  .hstyle5 h4{font-size:3.6vw;line-height:5.4vw;color:#595959;font-weight:550;padding-bottom:0.5vw;}
  .hstyle5 p{font-size:3.6vw;line-height:5.4vw;color:#797979;font-weight:250;padding-bottom:3vw;}
  .hstyle5 p.title{font-size:3.6vw;line-height:5.4vw;color:#595959;font-weight:400;}
  .hstyle5 p.location{font-size:2.5vw;line-height:4vw;color:#595959;font-weight:400;}
  .hstyle6 h2{font-size:4.5vw;line-height:6.6vw;color:#222222;font-weight:450;padding-bottom:0.5vw;}
  .hstyle6 p{font-size:3.6vw;line-height:5.4vw;color:#595959;font-weight:200;padding:0.5vw 0;}
  .hstyle6 p .fa{font-size:4vw;line-height:5.4vw;color:#222222;display:inline-block;width:7vw;float:left;}
  /* HEADER */
  header{position:fixed;z-index:91;width:100%;top:0;left:0;height:12vw;}
  header.t1{position:fixed;z-index:91;top:0;left:0;width:100%;height:12vw;}
  header.t2{position:fixed;z-index:91;top:0;left:0;width:100%;height:12vw;}
  .headerinbg{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;opacity:1!important;}
  .header{height:12vw;display:block;}
  header .centerwrap{width:100%;}
  .headertop{position:absolute;height:12vw;top:0;left:0;z-index:5;}
  .hlanselect{position:relative;display:inline-block;float:none;background:none;color:#f5f5f5;font-size:3.2vw;line-height:12vw;letter-spacing:0vw;padding:0 3vw;}
  .hlanselect a{display:inline-block;color:#FFF;font-size:2.6vw;line-height:12vw;padding:0 1vw;}
  .hlanselect a:hover{background:#595959;}
  .hlanselect i{display:inline-block;font-size:4vw;line-height:12vw;padding:0 0.5vw;float:left;}
  .hlanselect a:hover{background:none;}
  .hlanselect i:hover{background:none;}
  .hlanselect .headsbox{position:absolute;left:0;bottom:-7.9vw;width:20vw;color:#fff;font-size:3vw;line-height:6vw;margin-left:0;background:#9BAAAB;border:0;float:none;height:6vw;padding:1vw 2vw;display:none;}
  header.t1   .hlanselect{position:relative;display:inline-block;float:none;background:#fff;color:#444;font-size:3.2vw;line-height:12vw;letter-spacing:0vw;padding:0 3vw;}
  #hmicon{position:absolute;height:12vw;top:0;right:0;z-index:7;}
  .headerbottom{position:relative;height:12vw;text-align:center;}
  .headerbottom a{display:block;margin:0 auto;height:12vw;width:80vw;}
  .headertop{position:relative;height:12vw;z-index:2;}
  .headertopbg{display:none;}
  .headerbottom{position:absolute;top:0:left:0;height:12vw;z-index:1;}
  .headerbottombg{position:absolute;top:0;left:0;height:12vw;width:100%;z-index:0;background:#9BAAAB;opacity:1;}
  /* 選單 */
  .lockerspace{position:relative;height:14vw;}
  .lockerbox .locker{position:absolute;top:0;left:0;width:100%;height:20vw;width:100%;margin:0;margin-top:-6vw;padding:0;z-index:9;background:#fff;}
  .lockerbox.spus1 .locker{position:absolute;top:0;left:0;width:100%;height:30vw;width:100%;margin:0;margin-top:-6vw;padding:0;z-index:9;background:#fff;}
  .locker .selectbox{position: relative;width:80%;margin-top:6vw;height:8vw;border-radius: .75vw;display:inline-block;}
  .locker .selectbox.type2{width:45%;margin-top:6vw;height:8vw;border-radius: .75vw;}
  .selectbox select{color:#393939;width:100%;padding: 0 0 0 .5vw;height:8vw;font-size:4vw;line-height:8vw;}
  .selectbox::after {  content: '\25BC';  padding: 0 2vw; font-size:4vw;line-height:8vw;}
  .spus1 .selectbox{margin-top:3vw!important;}
  .spus1 .leftline{margin-top:4vw;}
  .hblogo{height:12vw;float:none;margin:0 auto;left:50%;margin-left:-17vw;}
  .hblogo2{height:12vw;float:none;margin:0 auto;text-align:center;}
  .hbright{position:fixed;display:block;float:none;width:100%;height:100%;top:0;right:-101%;z-index:6;background:rgba(0,0,0,0.8);}
  .hbright .navitem{position:relative;float:none;padding:3vw 6vw;text-align:center;display:block;height:auto;}
  .hbright .navitem:hover{background:none;}
  .hbright .navitemin{position:relative;display:block;padding:2vw 0;vertical-align: auto;top:0;transform:none;border-top:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.5);}
  .hbright .navitemin h1 .clr{display:none;}
  .hbright .navitemin h1{font-size:5vw;line-height:7vw;letter-spacing:0.2vw;color:#fff;font-weight:400;}
  .hbright .navitemin p{font-size:3vw;line-height:4vw;color:#9fa0a0;font-weight:200;}
  .hbright .navitem:first-child{margin-top:12vw;}
  .subnavwrap{position:relative;top:auto;left:auto;width:100%;background:none;display:block;}
  .subnavwrap a{height:auto;}
  .subnavwrapbg{background:none;}
  .hsubnavitem{position:relative;font-size:3.8vw;line-height:6vw;color:#eaeaea;padding:1vw 0;background:none;}
  .hsubnavitem:hover{background:none;color:#fff;}
  .hsubnavitem.on{background:rgba(255,255,255,0.3)!important;color:#fff!important;}
  .grandbgwrap{position:absolute;z-index:0;top:0;left:0;width:100%;overflow:hidden;height:200vw;}
  .gbw1 img{width:100%;}
  .gbw1.inv img{width:100%;}
  .gbw1.bak img{width:100%;}
  .gbw1.his img{width:100%;}
  .gbw1.his2 img{width:100%;}
  .gbw1.val img{width:100%;}
  .gbw1.news img{width:100%;}
  .gbw2{left:14%;-ms-transform: skew(-20deg);		-webkit-transform: skew(-20deg); 		transform: skew(-20deg);	  width: 300%;	  height: 120%;	overflow:hidden;}
  .gbw2in{	-ms-transform: skew(20deg);   -webkit-transform: skew(20deg);     transform: skew(20deg);   	width: 200%;  height: 100%;	margin-left:-15%;}
  .gbw2in2{background:#283F7B;width:100%;height:100vw;}
  .gbw2in2.inpage{background:#283F7B;width:100%;height:60vw;}
  .gbw2in2.news{background:#4c5f6b;width:100%;height:60vw;}
  .gbw2in2.his2{width:100%;height:60vw;}
  /* banner 文字 */
  .bannercut{position:relative;height:100vw;}
  .bannercut .centerwrapin{width:100%;height:100vw;}
  .bannercut.inpage{height:60vw;}
  .bannercut.inpage .centerwrapin{height:60vw;}
  .bannercut .lefttext.h1{top:25vw;left:0;font-size:6vw;line-height:10vw;}
  .bannercut .righttext{bottom:8vw;right:0;width:53%;}
  .bannercut .righttext h1{font-size:6vw;line-height:10vw;}
  .bannercut .righttext p{font-size:2.8vw;line-height:4.8vw;}
  /* 字大小*/
  .f10{font-size:3vw;line-height:4.8vw;}
  .f10 .fa-xs{font-size:1.8vw;line-height:4.8vw;margin-right:1vw;float:left;}
  .f12{font-size:3.6vw;line-height:5.4vw;}
  .f15{font-size:4.5vw!important;line-height:7.2vw!important;}
  .f20{font-size:6vw;line-height:9.6vw;}
  /*塊面尺寸*/
  .sq105{width:50%;height:25vw;}
  .sq11{width:50%;height:50vw;}
  .sq115{width:50%;height:75vw;}
  .style2 .sq115{width:48%;height:65vw;margin-right:4%;}
  .style2 .sq115:nth-child(2n){margin-right:0;}
  .sq12{width:50%;height:100vw;}
  .sq13{width:50%;height:150vw;}
  .sq1505{width:100%;height:25vw;}
  .sq151{width:100%;height:50vw;}
  .sq1515{width:100%;height:75vw;}
  .sq152{width:100%;height:100vw;}
  .sq205{width:100%;height:25vw;}
  .sq21{width:100%;height:50vw;}
  .sq215{width:100%;height:75vw;}
  .sq22{width:100%;height:100vw;}
  .sq33{width:100%;height:150vw;}
  .sq32{width:100%;height:100vw;}
  .sq31{width:100%;height:50vw;}
  .sq315{width:100%;height:75vw;}
  .sq3free{width:100%;min-height:auto;margin-top:5vw;}
  .sq41{width:100%;height:50vw;}
  .sq42{width:100%;height:100vw;}
  .sqin1{width:100%;height:20.5vw;background: #ccdad1;}/*每格 1/2單格高 */
  .sqin15{width:100%;height:33.75vw;}/*每格 1單格高 */
  .sqmfull{width:100%;}/*手機板滿格*/
  .sq3in11{width:50%;height:45vw;}
  .sq3in113{width:50%;height:60vw;}
  .sq3in115{width:50%;height:67.5vw;}
  .sq3in21{width:100%;height:45vw;}
  .sq3in21.hauto{width:100%;height:auto;min-height:45vw;}
  .sq3in22{width:100%;height:45vw;}
  .sq3in22.hauto{width:100%;height:auto;min-height:45vw;}
  .sq3in226{width:100%;height:50vw;}
  .sqitem.sqfreeh{height:auto;}
  .sqfreeh .sqcenter{top:0; transform:translateY(0);}
  .sqin1{width:100%;height22.5vw;}/*每格 1/2單格高 */
  .sqmfull{}/*手機板滿格*/
  .msq21{width:100%;height:45vw;text-align:left;}
  .mtleft{text-align:left!important;}
  .sqmpw0{padding-left:0!important;padding-right:0!important;}/*去掉左右的padding*/
  /* padding */
  .sqp01{position:relative;padding:0 2.5vw;}
  .sqp02{position:relative;padding:0 5vw;}
  .sqp03{position:relative;padding:0 7.5vw;}
  .sqp04{position:relative;padding:0 10vw;}
  .sqp11{position:relative;padding:2.5vw 2.5vw;}
  .sqp12{position:relative;padding:2.5vw 5vw;}
  .sqp13{position:relative;padding:2.5vw 7.5vw;}
  .sqp14{position:relative;padding:2.5vw 10vw;}
  .sqp21{position:relative;padding:5vw 2.5vw;}
  .sqp22{position:relative;padding:5vw 5vw;}
  .sqp23{position:relative;padding:5vw 7.5vw!important;}
  .sqp24{position:relative;padding:5vw 10vw;}
  .sqp31{position:relative;padding:7.5vw 2.5vw}
  .sqp32{position:relative;padding:7.5vw 5vw;}
  .sqp33{position:relative;padding:7.5vw 7.5vw;}
  .sqp34{position:relative;padding:7.5vw 10vw;}
  .sqm23{position:relative;margin:5vw 7.5vw;}
  .sqm23.fu{height:calc(100% - 10vw);}
  .sqp2040{position:relative;max-width:auto;}
  .s2sqx{    position: absolute;    z-index: 4;    height: 5vw;    width: 5vw;    transform: rotate(45deg);}
  .s2sqx.s1{  top:auto;right:auto;left:10%;bottom:-2.5vw;}
  .s2sqx.s2{  top:-2.5vw; left:auto;right:10%;}
  .s2sqx.s3{ background-color: inherit;  top: -2.5vw;right:10%;}
  .s2sqx.s4{ background-color: inherit;  bottom: -2.5vw;right:10%;}
  /* more */
  .morewrap50{width:50%;line-height:9vw;}
  .morewrap50.s1{width:90%;font-size:3vw;}
  .morewrap100{width:90%;line-height:9vw;}
  .morewrap100.s1{font-size:3vw;}
  .morewrap100.s2{border:2px solid #595959;font-size:3vw;}
  .morewrap100.abb{bottom:15%;}
  /* ########  INDEX ############### */
  #indexcut1 .bannerblock{height:100vw;}
  #indexcut1 .bannertext{margin-top:0vw;}
  #indexcut1 .bannertext.pagetitle{margin-top:35vw;}
  /* ####### page ###############  */
  #pagebanner .bannerblock{height:70vw;}
  #pagebanner .bannertext{position:absolute;left:5%;top:30%;}
  .pagemenu{position:absolute;left:0;bottom:10vw;width:100%;z-index:4;text-align:center;}
  .pmenuitem{display:inline-block;cursor: pointer;margin:2vw 2vw 0 2vw;padding:0.5vw 5vw; min-width:10vw;font-size:3.4vw;line-height:5vw;border:1px solid #fff;background:rgba(0,0,0,0.2);}
  .pmenuitem1{display:inline-block;cursor: pointer;margin:2vw 2vw 0 2vw;padding:0.5vw 5vw; min-width:10vw;font-size:3.4vw;line-height:5vw;border:1px solid #fff;background:rgba(0,0,0,0.2);}
  .bannertext h1{font-size:8vw;line-height:12vw;letter-spacing:0.4vw;}
  .bannertext p{font-size:3.2vw;line-height:5vw;width:60%;}
  .bannertext.pagetitle h1{font-size:10vw;line-height:15vw;letter-spacing:0.5vw;}
  #indexcut3{padding:10vw 0;}
  #indexcut4{padding:10vw 0;}
  /* submenu */
  .submenu{padding:5vw 0 0 0;text-align:center;}
  .submenu.type3{padding:5vw 0;text-align:center;}
  .subnavitem{position:relative;display:inline-block;width:26%;padding-left:3vw;font-size:3.2vw;line-height:6vw;height:6vw;margin-bottom:3vw;}
  .subnavitem.type2{font-size:3.2vw;line-height:12vw;height:12vw;margin:0;width:48%;padding:0;}
  .subnavitem.type2.on{color:#fff;font-weight:500;}
  .subnavitem.type2.on span{border-bottom:1.4vw solid #fff;}
  .subnavitem.type3{display:block;width:100%;padding-left:0;font-size:4.2vw;line-height:8vw;color:#ccc;height:auto;overflow:inherit;text-align:center;font-weight:200;margin-bottom:0;}
  .subnavitem.type3 .sub3menu{display:none;position:relative;top:auto;left:auto;width:100%;background:none;padding:3vw 0;}
  .sub3menu .sub3item{font-size:3.6vw;line-height:6.4vw;color:#fff;font-weight:200;padding:0.5vw 0;}
  /* contact */
  .contactwrap{}
  .contactwrap .map{width:100%;padding:6vw 0;height:90vw;}
  /* link */
  .portitem{z-index:1;overflow:visible!important;display:block;-webkit-transition: all 0.8s; transition: all 0.8s;}
  .portitemin{position:relative;width:96% ;height:96%;margin:2%;}
  .portitem img{z-index:1;border:1px solid #cccccc;}
  .portover{position:absolute;top:-4%;left:-4%;padding:4%;width:200%;height:100%;display:none;}
  .portover img{height:100%;width:auto;float:left;margin-right:10px;}
  .portover h2{color:#fff;font-size:5vw;line-height:7vw;}
  .portover p{color:#fff;font-size:3vw;line-height:4vw;}
  .portitem:nth-child(2n){}
  .portitem:nth-child(2n) .portover{left:auto;right:-4%;}
  .portitem:nth-child(2n) .portover img{float:right;margin-right:0;margin-left:10px;}
  /* team */
  .teamitem .teamname{height:18vw}
  .teamitem .teamname p.name{font-size:3.2vw;line-height:4.6vw;color:#595959;font-weight:600;}
  .teamitem .teamname p.title{font-size:2.5vw;line-height:3.3vw;color:#595959;font-weight:250;}
  .teamitem .teamname p.location{font-size:2.5vw;line-height:3.3vw;color:#595959;font-weight:250;}
  .teamitem .teammore{width:80%;left:10%;height:8vw;font-size:3.3vw;line-height:8vw;}
  .teamitem:hover .teamover{opacity:1;}
  .teamitem .s2sqx{right:8%;margin-right:0;bottom:15vw;}
  .teamintro{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
  .teamintro .teamclose{position:absolute;top:2vw;right:2vw;font-size:6vw;line-height:6vw;color:#595959;z-index:3;}
  .dealbox{position:relative;margin-top:1vw;}
  .portfoliobox{position:relative;z-index:1;padding-bottom:10vw;}
  .portfoliobox .dealline{position:relative;width:100%;margin:0;float:left;height:auto;min-height:10vw;overflow:visible;border-bottom:1px solid #cccccc;z-index:1;}
  .portfoliobox .dealline.on{z-index:4;}
  .portfoliobox .dealline:nth-child(2){border-top:none;}
  .portfoliobox .deallinetitle{position:relative;z-index:2;height:10vw;font-size:3.3vw;line-height:10vw;background:#fff;padding:0 2%;}
  .portfoliobox .deallinetitle i{float:right;font-size:5vw;line-height:10vw;}
  .portfoliobox .dealline .dealcontent{position:relative;z-index:1;top:auto;left:0;width:100%;height:auto;}
  .portfoliobox .dealline .dealcontenttext{position:relative;z-index:1;height:auto;background:#f5f5f5;z-index:2;padding:5vw 0;}
  .portfoliobox .dealline .dealcontent .dealcontentimg{position:relative;top:0;padding:3vw 15%;width:70%;height:40vw;z-index:1;background:#f5f5f5;}
  /* news */
  .newswrap{padding:8vw 0;}
  .newsline{position:relative;padding:2vw 0;}
  .newsline .timeline{font-size:3.6vw;line-height:6.4vw;width:26%;}
  .newsline .titleline{font-size:3.6vw;line-height:6.4vw;width:74%;}
  /* portwrap */
  .portwrap{position:relative;padding:8vw 0;}
  .portfilewrap{position:relative;}
  .portfilewrap img{width:80%;margin:0 10% 10vw 10%;float:none;}
  .portfilewrap .portcontent{width:100%;float:none;}
  .portfilewrap .portcontent h3{font-size:4.2vw;line-height:8vw;color:#000;font-weight:600;padding:2vw 0;}
  .portfilewrap .portcontent p{font-size:3.6vw;line-height:6.4vw;color:#000;font-weight:200;padding-bottom:6vw;}
  /* footer */
  footer{position:relative;}
  footer.fixfoot{position:fixed;z-index:99;left:0;bottom:0;width:100%;height:12vw;}
  .footerbg{position:relative;height:14vw;}
  #backtotop{position:absolute;z-index:90;top:0;right:0;padding:0.5vw 0;width:3vw;text-align:center;font-size:3.6vw;line-height:4vw;color:#54493a;}
  #backtotop i.fa{font-size:3vw;line-height:2.5vw;color:#54493a;}
  .footitem{width:20%;float:left;text-align:center;position:relative;}
  .footitem .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.2);display:none;}
  .footitem.on{width:20%;float:left;text-align:center;}
  .footitem.on .bg{display:block;}
  .footitem i{position:relative;font-size:7vw;line-height:12vw;color:#fff;z-index:2;}
  .ficonwrap{position:relative;padding:6vw 0;text-align:center;}
  .ficonwrap img{margin:0 2vw;width:12vw;}
  .ficonwrap i{font-size:8vw;line-height:14vw;margin:0 6vw;}
  .fmenuwrap{position:relative;padding:2vw 0;text-align:center;height:auto;}
  .fmenuwrap .navitem{position:relative;float:left;width:50%;text-align:center;height:25vw;padding:0 0 4vw 0;}
  .fmenuwrap .navitem p{font-size:3.2vw;line-height:5vw;letter-spacing:0;color:#ffffff;font-weight:200;}
  .faddress{display:block;padding:10vw 0;width:100%;}
  .faddleft{position:relative;display:block;width:100%;text-align:center;padding:3ve 0 5vw 0;}
  .faddleft img{width:70%;}
  .faddright{position:relative;display:block;vertical-align: auto;width:100%;padding-left:0%;text-align:center;}
  .faddright h6{font-size:4.2vw;line-height:8.8vw;}
  .faddright p{font-size:3vw;line-height:6.4vw;}
  .fcopyright{padding:4vw 0 12vw 0;font-size:3vw;line-height:6.4vw;}
  footer.fixfoot .fcopyright{padding:4vw 0;font-size:3vw;line-height:6vw;}
  .pagecntwrap{text-align:center;padding-bottom:30px;}
  .pagecntwrap div{display:inline-block;font-size:0.9em;line-height:1.4em;padding:5px 20px;color:#fff;background:rgba(100,100,100,0.6)!important;;min-width:100px;margin:3vw 10px 0 10px;}
   /* 圖庫 */
  .popclosebtn{position:absolute;top:0;right:0;height:8vw;width:8vw;background:#000;text-align:center;z-index:99;}
  .popclosebtn i{font-size:6vw;line-height:8vw;color:#fff;}
  #picimgbox{position:absolute;width:100%;height:80vw;top:10vw;left:0;float:none;}
  #picimgbox .mbicon{position:absolute;width:8vw;height:10vw;top:50%;transform: translateY(-50%);z-index:10;text-align:center;background:rgba(255,255,255,1);}
  #picimgbox .mbicon i{font-size:8vw;line-height:10vw;color: #222;}
  #picimgbox .mbiconleft{left:-4vw;}
  #picimgbox .mbiconright{right:-4vw;}
  /* award */
  #awardbox .sqitem{float:none;margin:5vw 0; width:100%;padding-bottom:15vw;}
  #awardbox .sqitem .fullwtext{position:relative;background:none;height:7vw;}
  #awardbox .sqitem .fullwtext .morewrapfree{font-size:3vw; line-height:6vw;border:1px solid #000; color:#222;}
  /* popgallery */
    #awardbox .sqitem.type2 {
        margin: 0 0;
        padding-bottom: 2vw;
    }
  .morewrap.g{width:60vw;margin:3vw auto;}
  .infotextbox{font-size:3vw;line-height:4.6vw;color:#595959;font-weight:250;display:none;}
  #infomenu{position:relative;z-index:1;}
  #infomenu h5{font-size:4.4vw;line-height:5.6vw;padding:0.8vw 0;margin:2vw 0;color:#444;border-bottom:1px solid #999;}
  #infomenu .infoline{font-size:3.6vw;line-height:4.6vw;padding:0.8vw 0;color:#222;}
  #infocontent{position:absolute;top:0;left:0;width:calc(100% - 10vw);height:calc(100% - 10vw);overflow:auto;background:#fff;z-index:2;padding:5vw;}
  #infocontent img{max-width:100%;}
  #infocontent .infobtn{position:relative;display:inline-block;background:#336699;color:#fff;border-radius: 5px;font-size:3.5vw;line-height:5vw;padding:2vw 8vw;float:right;}

  #infoincontent{position:relative;z-index:2;}
  /*精選推薦*/
  .recomwrap{padding:0 5%;}
  .recomitem{position:relative;    -moz-box-shadow: 5px 5px 16px rgba(0,0,0,0.3);	-webkit-box-shadow: 5px 5px 16px rgba(0,0,0,0.3);	box-shadow: 5px 5px 16px rgba(0,0,0,0.3); }
  .recomitem img{position:relative;width:100%;z-index:2;margin-right:0%;float:none;}
  .recomitem .textbox{position:relative;top:0;left:auto;height:50vw;width:100%;text-align:center;z-index:1;float:left;}
  .recomitem .textboxin{position:relative;top:50%; transform:translateY(-50%);padding:0 3vw;}
  .recomitem .textbox h4{font-size:3.1vw;color:#fff;line-height:5vw;font-weight:400;border-bottom:1px solid #eaeaea;}
  .recomitem .textbox p{font-size:2.8vw;color:#fff;line-height:4.2vw;font-weight:250;margin-top:1.5vw;}
  #pop .morewrap{padding-top:0.5vw;margin-left:0;}
  #pop .more.style1{margin-left:0;}
  #guidetopwrap .sqcenter{width:90%;margin:0 5%; }
  #guidetopwrap1 .sqcenter{width:90%;margin:0 5%; }  
   .formline2024 input[type=text]{font-size:4vw;line-height:6vw;height:6vw;width:94%;padding:0 2%;border-radius:2vw;background:#fff;border:1px solid #999;color:#444;border-collapse:collapse;}

}
@media only screen and (orientation: landscape) and (max-width: 1199px) {
  .landhide{display:none!important;}
  #guidetopwrap .videoclose{width:8vw;height:8vw;}
  #guidetopwrap .videoclose i{font-size:6vw;line-height:8vw;color:#fff;}
  #guidetopwrap1 .videoclose{width:8vw;height:8vw;}
  #guidetopwrap1 .videoclose i{font-size:6vw;line-height:8vw;color:#fff;}  
}