/*共用*/
body,html {width:100%;overflow-x: hidden;}
ul,li { text-decoration: none;list-style: none; }
a:hover { text-decoration: none; }
#mtkContainer { position: relative; width: 100%;}
#mtkContainer,
#mtkContainer * { vertical-align: top; box-sizing: border-box; }
.mobile{display: none;}
.mheader {display: none;}
.header {background: url(../images/header.jpg) top center no-repeat;height: 757px;}

/*右邊選單*/
.rightMenu{position: fixed;left: 4%;bottom:30%;z-index: 9999; width: 150px;}
.rightMenu ul {padding:10px 5px;text-align: center;} 
.rightMenu li {font:bold 18px/1.8 "微軟正黑體";color:#FFF;cursor: pointer;padding:0 5px;border-radius: 20px;background: rgba(0,0,0,0.8);margin: 5px 0;transition: 0.3s;}
.rightMenu .rightTop {font:bold 18px/1.8 "微軟正黑體";color:#FFF;cursor: pointer;padding:0 5px;border-radius: 20px;background: rgba(0,0,0,0.8);margin: 5px 0;transition: 0.3s;}
.rightMenu li:hover{background:#4d4d4d;color:#FF0;transform:scale(0.95);transform:scale(0.95);}
.rightMenu .rightTop:hover{background:#4d4d4d;color:#FF0;}

/*c26*/
.group-type-ph { text-align: center;display: block; padding-top: 30px; width: 90%; 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:22%; text-align: left; vertical-align: top; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);cursor: pointer;}
.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: #ff3e3c;}
.ph em { display: block; width: 100%; font: bold 24px/40px "Century Gothic","微軟正黑體";text-align: center; letter-spacing: 0px; color: #ff3e3c;padding: 3px 0 25px 0 ;background: #FFF;border-radius: 0 0 15px 15px}
.ph em span{ margin: 0 0 0 -5px ; font:bold 40px/29px "Century Gothic","微軟正黑體"; color:  #ff3e3c;}
.ph em i { margin: 0 0 0 -5px ;font: 20px/40px "Century Gothic","微軟正黑體";}
.ph a,
.ph a:link { color: #000 }
/*.buyNow {text-align:center;position: absolute;bottom: -15px;left:20%;color:#FFF;border-radius: 10px; width: 60%;font: bold 26px/1.4 "arial","微軟正黑體"; background: #ff6b69; background: -webkit-linear-gradient(top, #ff6b69 0%,#ff1d1b 37%,#ff1d1b 98%);background:-moz-linear-gradient(top, #ff6b69 0%, #ff1d1b 37%, #ff1d1b 98%); background: linear-gradient(to bottom, #ff6b69 0%,#ff1d1b 37%,#ff1d1b 98%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b69', endColorstr='#ff1d1b',GradientType=0 );}*/

.ph em::after{content:"\7acb\5373\6436\4f4d";text-align:center;position: absolute;bottom: -15px;left:20%;color:#FFF;border-radius: 10px; width: 60%;font: bold 26px/1.4 "arial","微軟正黑體"; background: #ff6b69; background: -webkit-linear-gradient(top, #ff6b69 0%,#ff1d1b 37%,#ff1d1b 98%);background:-moz-linear-gradient(top, #ff6b69 0%, #ff1d1b 37%, #ff1d1b 98%); background: linear-gradient(to bottom, #ff6b69 0%,#ff1d1b 37%,#ff1d1b 98%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b69', endColorstr='#ff1d1b',GradientType=0 );}



.boxBase{width: 80%;max-width: 1400px;margin: 0 auto;}
.h2Title img{width: 100%;max-width: 590px;}
.h2Title {margin: 0 auto -25px 0; text-align: center;}
.part1 {background: url(../images/bg01.jpg) no-repeat top center,#fdeb83;text-align: center;padding: 25px 0 10px 0;}
.part2 {background: url(../images/bg02.jpg) no-repeat top center,#fefefe;text-align: center;padding: 25px 0 10px 0;}
.part3 {background: url(../images/bg03.jpg) no-repeat top center,#5abcfa;text-align: center;padding: 25px 0 50px 0;}
.line1 {background: url(../images/line01.jpg) no-repeat top center;height: 88px;}
.line2 {background: url(../images/line02.jpg) no-repeat top center;height: 86px;}


@media only screen and (max-width: 1600px) {
.boxBase{width: 90%;}
}	


@media only screen and (max-width: 1400px) {
.boxBase{width: 95%;}
}	


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

.group-type-ph .ph {width: 45%;margin: 15px 5px;}
.mheader{display: block;}
.mheader img {width: 100%;}
.header {background: none;height: auto;position: relative;}


}	

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

.mobile{display: block;}
.pc{display: none;}
.rightMenu{position: fixed;right: 0;bottom:0;background: rgba(0,0,0,0.8);border: 0px;z-index: 9999;width: 100%;display: none;}
.rightMenu li{display: inline-block;font:16px/1.2 "微軟正黑體";padding: 5px ;background: #FFF;color:#000;}
.rightMenu .rightTop{display: inline-block;font:16px/1.2 "微軟正黑體";padding: 5px ;background: #383838;color:#FFF;}
.rightMenu ul::before{content: none;display: inline-block;}
.rightMenu ul {padding: 3px;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;white-space:nowrap;}
.rightMenu li:hover{background:#f7d329;color:#000; }
.mobileTopRight {position: fixed;background: rgba(0,0,0,0.7);width: 33px;height: 45px;border-radius: 20px 0 0 20px;font:20px/1 "微軟正黑體";color:#FFF;text-align: center;right:0 ;bottom: 10%;z-index: 999;padding:3px 0 0 1px;cursor: pointer;display: none;}
.mobileTopRight p {font:14px/1.2 "微軟正黑體";}



}
@media only screen and (max-width: 475px) {
.group-type-ph .ph {width: 90%;}

}