.inlineBlockSpacing {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    margin: 0 0 -1px 0;
}
html{overflow-x: hidden;}
body{background:  url(../images/bg.jpg) top center repeat-y;}
ul,li { text-decoration: none;list-style: none; }
a:hover { text-decoration: none; }

#mtkContainer { width: 100%; height: auto; background: url(../images/topBanner-pc.jpg) top center no-repeat;}
header.header { padding: 0; margin: 0; width: 100%; height:730px;  }
header.header h1 { display: none; }

.menu2 {width: 100%;background: #ffdc36;display: inline-block;text-align: center;position: sticky;top:0;z-index: 3;}
.menu2 ul {width: 100%; margin:0 auto;}
.menu2 li {display: inline-block; width: 13%;padding: 5px 4px;font:bold 26px/30px "arial","微軟正黑體";cursor: pointer;color:#000;}
.menu2 li:hover{color:#FFF;background:#0486f5;transition: .4s;-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s;}

.itemBase{width: 70%;margin:0 auto;}


/*C23 use*/
.intro-anchors {display: none;}
.carrier {   margin: 40px auto 20px auto ;width: 100%; max-width: 1200px; height: auto; text-align: center;  }
.carrier .box-head p { display:block; }
.carrier h4 { position: relative; vertical-align:top; display: block; margin:20px 0px; padding:23px 15px 15px 15px ; width: 100%; height:auto; letter-spacing: normal;  font:bold 38px/30px "微軟正黑體","arial"; color: #fFF; text-align: center;  }
.carrier ul { display: block; padding: 20px 20px; width:100% ; background: #FFF; box-shadow: 5px 5px 0px rgba(0,0,0,0.3)}
.carrier ul li { position: relative; box-sizing: border-box; width: 100%; margin: 0 0 20px 0; padding: 0 0 10px 20px; text-align: left;border-bottom: 1px dashed #c2c2c2;border-left:10px solid #ffbe40; transition: 0.5s;}
.itemBase > div:nth-child(odd) .carrier ul li{border-left:10px solid #f88bc1;}



.carrier ul li a { display: block;padding: 0;  font:16px/20px "arial","微軟正黑體"; color:#009bf1;}
.carrier ul li a strong { margin: 0 0 5px -5px; padding: 5px; font:bold 24px/30px "arial","微軟正黑體"; display: block; text-align: left; color: #343434 ;transition: .5s;  -webkit-transition: .5s;}
.carrier ul li em { position: absolute;bottom: 0px; right: 20px;font:20px/24px "arial","微軟正黑體"; color:#c00302; }
.carrier ul li em span {font: 20px/24px "arial","微軟正黑體";}
.blue .carrier ul li a strong { margin: 0 0 5px -5px; padding: 5px; font:bold 24px/30px "arial","微軟正黑體"; display: block; text-align: left; color: #8be8ff ;transition: .5s;  -webkit-transition: .5s;}
.blue .carrier ul li { position: relative; box-sizing: border-box; width: 100%; margin: 0 0 20px 0; padding: 0 0 10px 20px; text-align: left;border-bottom: 1px dashed #fff;border-left:10px solid #8be8ff; }
.box-head {display:none;}
.carrier ul li:hover{transform: scale(0.98);}




/*c26*/
.c26{margin: 0px auto;position: relative;text-align: center;width: 100%;}
.group-type-ph { text-align: center;display: block; padding-top:0px; width: 100%; margin:0 auto;}
.group-type-ph .ph {overflow: hidden; transition: 0.3s; display: inline-block; position: relative; margin:10px 5px; width:300px; text-align: left; vertical-align: top; cursor: pointer;transition: 0.5s;}
.group-type-ph .ph a { display: block; width: 100%; height:auto; }
.group-type-ph .ph .ph-img,.group-type-ph .ph .ph-img img{display: block;width:300px;height: 200px ; margin:0 auto;overflow: hidden;}
.group-type-ph .ph .ph-img { position:relative;width:300px;  z-index: 1;transition: 1s;  -webkit-transition: 1s;height:auto; overflow: hidden;}
.group-type-ph .ph .ph-img img{ -webkit-transition:1s all ease;transition: 1s all ease;}

.c26base {position: absolute;bottom: 0;background: rgba(0,0,0,0.6);width: 100%;}

.ph-title { position: static; bottom: 0; padding:2% 5%; width: 100% ; font: bold 16px/1.4 "arial","微軟正黑體"; text-align: center; color: #FFF;  letter-spacing: 0px; z-index: 2}
.ph-detail { margin: 0 auto 0 auto; padding:1% 3% 1% 3%; width: 100% ; font: 14px/1.2 "arial","微軟正黑體"; letter-spacing: 1px; color: #FFF; overflow: hidden;}
.ph-detail li {list-style: disc;}
.ph img { width: 100%; }
.ph-feature { display:none;margin: 0 auto; padding: 0 3%; width:100%; text-align: left;font: bold 14px/20px "arial","微軟正黑體"; color: #c00302;}
.ph em { display: block; width: 100%; font: bold 24px/30px "Century Gothic","微軟正黑體";text-align: center; letter-spacing: 0px; color: #FF0;padding: 3px 0 3px 0 ;transition: 0.5s;}
.ph em span{ margin: 0 0 0 -5px ; font:bold 26px/29px "Century Gothic","微軟正黑體"; color:  #FF0;}
.ph em i { margin: 0 0 0 -5px ;font: 16px/30px "Century Gothic","微軟正黑體";}
.ph a,
.ph a:link { color: #000 ;}



/*
.group-type-ph { text-align: center;display: block; padding-top:0px; width: 100%; margin:0 auto; padding-bottom: 20px;}
.group-type-ph .ph { transition: 0.3s; border-radius: 15px;display: inline-block; position: relative; margin:10px 5px; width:23%; text-align: left; vertical-align: top; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);cursor: pointer;transition: 0.5s;}
.group-type-ph .ph a { display: block; width: 100%; height:auto;  }
.group-type-ph .ph .ph-img,.group-type-ph .ph .ph-img img{display: block;width:100% ; margin:0 auto;height:auto;border-radius: 15px 15px 0 0 ;}
.group-type-ph .ph .ph-img { position: static;width:100%;  z-index: 1;transition: 1s;  -webkit-transition: 1s;height:auto; overflow: hidden;}
.group-type-ph .ph .ph-img img{ -webkit-transition:1s all ease;transition: 1s all ease;}
.ph-title { position: static; bottom: 0; padding:2% 5%; width: 100% ; font: bold 16px/1.2 "arial","微軟正黑體"; text-align: center; color: #FFF; background: #000; letter-spacing: 0px; z-index: 2}
.ph-detail { margin: -1px auto 0 auto; padding:1% 3% 1% 3%; width: 100% ; font: bold 16px/1.2 "arial","微軟正黑體"; letter-spacing: 1px; color: #303030; overflow: hidden; background: #FFF;}
.ph-detail li {list-style: disc;}
.ph img { width: 100%; }
.ph-feature { display:none;margin: 0 auto; padding: 0 3%; width:100%; text-align: left;font: bold 14px/20px "arial","微軟正黑體"; color: #c00302;}
.ph em { display: block; width: 100%; font: bold 24px/40px "Century Gothic","微軟正黑體";text-align: center; letter-spacing: 0px; color: #c00302;padding: 10px 0 10px 0 ;background: #FFF;border-radius: 0 0 15px 15px;transition: 0.5s;}
.ph em span{ margin: 0 0 0 -5px ; font:bold 40px/29px "Century Gothic","微軟正黑體"; color:  #c00302;}
.ph em i { margin: 0 0 0 -5px ;font: 20px/40px "Century Gothic","微軟正黑體";}
.ph a,
.ph a:link { color: #000 }

.ph em::after{content:"\7acb\5373\6436\4f4d";text-align:center;position: relative;bottom: 0px;left:20%;color:#FFF;border-radius: 40px; width: 60%;font: bold 26px/1.4 "arial","微軟正黑體"; background:#369eff;display: block;margin: 5px 0 5px 0;text-shadow: 1px 1px 2px #0266f0;transition: 0.5s;}
.group-type-ph .ph:hover em::after {transform: scale(0.95);}
*/
h4.c26title {vertical-align:top; display: block; margin:20px 0px; padding:23px 15px 15px 15px ; width: 100%; height:auto; letter-spacing: normal;  
	font:bold 38px/30px "微軟正黑體","arial"; color: #fFF; text-align: center;   position: relative;}

h4 { position: relative; vertical-align: top; display: block; margin:0; padding: 10px 0 0 0; width: 100%; height:auto; letter-spacing: normal;
 font: 30px/30px "Noto Sans TC","arial"; color: #fff; text-align: center !important;  }






.c26H4Base { padding: 0px 0; text-align: center !important; position: static; top: 0px; left: 0; width: 100%; background: rgba(0,0,0,0.8);
	overflow: hidden;overflow-y: hidden; overflow-x:auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; }
.c26H4Base div {position:relative; width: 100%; z-index: 10; padding: 0 0px; text-align: center !important; white-space:nowrap; width:auto; border-radius: 0;}
.c26H4Base span { display: inline-block; margin: 0 0 0px 0; padding: 10px 15px; font:16px/16px "arial","Noto Sans TC"; text-align: center !important;color:#fff; 
transition: .5s;-webkit-transition: .5s; cursor: pointer; }
.c26H4Base span:hover { color: #fff200 ;}











.infoBase{width: 90%;max-width: 1000px; margin: 20px auto;background-color: #fff200; border-radius: 10px; padding:10px;}
.infoBase > article{font-size: 16px; line-height: 24px; text-align: center;}
.infoBase img{margin:20px auto; display: block;}
.infoBase > article > ul{background-color: crimson; border-radius: 10px;padding:10px 10px 10px 30px; color:#fff;}
.infoBase > article > ul > li{list-style: disc; font-size: 14px; text-align: left; font-weight: 100;}

@media only screen and (max-width: 1600px) {
.itemBase{width:90%;margin:0 auto;}
}



@media only screen and (max-width: 1400px) {
#mtkContainer{background: #c70b3b;}
header.header { padding: 0; margin: 0; width: 100%; height: auto;  }	
header.header h1 {  display: block;margin: 0; padding: 0;}
header.header h1 img { width: 100%; }

}




@media only screen and (max-width: 1200px) {
#mtkContainer { width: 100%; height: auto;  }

.itemBase{width:90%;margin:0 auto;}

.menu2 > ul > a > li {width: 20%;padding: 5px 4px;font:bold 26px/30px "arial","微軟正黑體"; color:#000;}



}


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




}

@media only screen and (min-width: 769px){
.infoBase{background-image: url(../images/infoBg.jpg);background-size: 100%;padding: 30px 10%;}
.infoBase > article{font-size: 20px; line-height: 32px; text-align: center;}
.infoBase > article > ul > li{list-style: disc; font-size: 18px; line-height: 24px;}
}




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

.menu2 li { width: 22%;font:bold 20px/24px "arial","微軟正黑體";}
.menu2 > ul > a > li {font:bold 20px/24px "arial","微軟正黑體";}
div.searchButton { display: none; }


/*c23*/
.carrier h4 {  padding:23px 15px 15px 15px ; font: bold 28px/30px "微軟正黑體","arial";  }
.carrier ul li {margin: 0 0 0px 0; padding: 10px 0 40px 10px; border-left:0px solid #ffdc36; }
.carrier ul li a {font:16px/20px "arial","微軟正黑體"; }
.carrier ul li a strong {font:bold 20px/24px "arial","微軟正黑體";}
.carrier ul li em {bottom: 0px; right: 20px;font:20px/24px "arial","微軟正黑體"; color:#c00302; }
.carrier ul li em span {font: 20px/24px "arial","微軟正黑體";}
.carrier {   margin: 20px auto 20px auto ;}
.blue .carrier ul li a strong {font:bold 20px/24px "arial","微軟正黑體";}
.blue .carrier ul li {margin: 0 0 0px 0; padding: 10px 0 40px 10px; border-left:0px solid #ffdc36; }
.itemBase > div:nth-child(odd) .carrier ul li{border-left:0px solid #f59dc9;}

/*C26*/

.c26base {position: static;background: rgba(0,0,0,0.8);}
h4.c26title{font: bold 28px/30px "微軟正黑體","arial";}

}



.informationShow,
.areaIntroduction ,
.mobileFilterButton{ display: none; }


@media only screen and (max-width: 450px) {
.menu2 li { width: 21%;font:bold 16px/20px "arial","微軟正黑體";}
.menu2 > ul > a > li {font:bold 16px/24px "arial","微軟正黑體";}
.group-type-ph .ph {width: 100%;}

}

@media only screen and (max-width: 370px) {
.menu2 li { width: 45%;font:bold 16px/20px "arial","微軟正黑體";}
.carrier h4 {  padding:2% ; font: bold 28px/30px "微軟正黑體","arial"; }
h4.c26title{font: bold 28px/30px "微軟正黑體","arial";}


}