@charset "utf-8";
*{margin: 0;padding: 0}
*:focus { outline: none; }/*黃框消除*/
*{-webkit-text-size-adjust:none;}/*字體尺寸限制解除*/
a{text-decoration:none;cursor: pointer}
img {border:0px; } /*圖片超連結邊框消除*/
i, em, b, strong, h1, h2, h3, h4{font-style: normal; font-weight: normal;}
li{ list-style:none;}

body {margin: 0px;padding: 0;width: 100%;height: auto;font: 15px/1.4 '微軟正黑體', 'Microsoft JhengHei', '微軟雅黑體', 'Microsoft YaHei', sans-serif;}
html { margin: 0; padding: 0; height: 100%;  }
.boxfly{position: absolute; left:-9999em; top:-9999em;}

.pric{background:#002b49; color:#fff;}
.secc{background:#fcae0d;}
.seccfont{color:#fcae0d;}


/**/
.titlepic{ margin:0 auto; width:100%;  height:auto; background:#ffe30a; text-align:center; position:relative;background: url(https://events.tk3c.com/events_net/events_net/apple_service/images/bg.jpg) 0 0 repeat-x;  height: 509px;}
.titlepic h1{  font-weight:normal;font-size:24px;}
.titlepic h1 em{display:block; font-style:normal; font-weight:bold;font-size:48px; }
.titlepic img{ width:100%; height:auto; max-width:1144px;}
.btnhome{  position:absolute; left:-70px;top: -478px;display:block; z-index:9;  width:200px; height:auto; }
.btnhome > img{ width:100%;}


.midbox{ width:100%; background:#f5f5f5; height:auto;}
/*流程圖*/
.midbox .note01{width:1144px; margin:0 auto;}

/*按鈕*/
.midbox .btnbox{width:100%;height:65px;}
.midbox .btnbox .btnin{width:890px; margin:0 auto; padding-top:10px;position:relative;}
.midbox .btnbox .btnin .btn01{width:208px; height:62px; background:url(../images/btn_off.png) 0 0 no-repeat; display:inline-block; float:left;}
.midbox .btnbox .btnin .btn02{width:208px; height:62px; background:url(../images/btn_off.png) -208px 0 no-repeat; display:inline-block; float:left;}
.midbox .btnbox .btnin .btn03{width:208px; height:62px; background:url(../images/btn_off.png) -416px 0 no-repeat; display:inline-block; float:left;}
.midbox .btnbox .btnin .btn04{width:208px; height:62px; background:url(../images/btn_04.png) 0 0 no-repeat; display:inline-block; float:left; display: none;}

.midbox .btnbox .btnin .btn01:hover{background:url(../images/btn_on.png) 0 0 no-repeat; }
.midbox .btnbox .btnin .btn02:hover{ background:url(../images/btn_on.png) -208px 0 no-repeat; }
.midbox .btnbox .btnin .btn03:hover{ background:url(../images/btn_on.png) -416px 0 no-repeat; }
.midbox .btnbox .btnin .btn04:hover{background:url(../images/btn_04.png) 0 -62px no-repeat; }
/*表單*/
.midbox .boxin{position: relative; width:850px;  height:auto; margin:0 auto; background:#fff; padding:20px; font-size:110%;}
.midbox .boxin .date{display: block;  width: 100%;  line-height: 24px;  border-bottom: 1px solid #bfbfbf;   padding-bottom: 15px; margin-bottom:15px; vertical-align:text-bottom; font-size:17px; font-weight:bold; }
.midbox .boxin .date b{display: inline-block;   vertical-align:baseline; padding: 0 5px; margin: auto 5px; line-height: 20px; background: #002b49; color: #fff;  text-align: center; font-weight:normal;}
.midbox .boxin .date time{margin-right: 15px;}

.midbox .form{color: #4b4b4b;margin:0 auto; width: 100%; vertical-align:middle; }
.midbox .form .fontS{ font-size:90%; }
.midbox .form .fontb{ font-size:28px; }
.midbox .form .fontb span{ font-size:16px; font-weight:normal; }



.midbox .form .must:before{content:"*";color:#eb6100;}
.midbox .form input{height:29px;margin:0 15px 15px 0;padding:0 10px;border:1px solid #9e9e9e;display: inline-block;text-align:left;}
.midbox .form .box1{width:240px;}
.midbox .form .box2{width:200px;}
.midbox .form .box3{width:320px;}
.midbox .form .box4{width:90%; height:84px; font-size:90%; margin-left:30px; line-height:24px; font-size:15px;}

.midbox .form .addbox{width:45%; margin-left:30px; display: inline-block; margin-bottom: 5%;}
.midbox .form .addbox span{ font-size:13px; display:block; margin-left:17px;}
.midbox .form .addbox img{ margin:10px 0; height:285px !important;}



.midbox .form input[type="radio"], .midbox .form .send input[type="checkbox"] {
    border: none; outline: none;  margin-right: 5px;display: inline-block;
vertical-align:middle; margin-bottom:2px; }
	
.midbox .form select{height:29px;margin:0 15px 15px 0;padding:0 10px;border:1px solid #9e9e9e;width:120px;display: inline-block;text-align:left;}

.midbox .form label{text-align:right;margin-right:15px;display:inline-block; width: 130px; vertical-align: middle;}
.midbox .form .labels{text-align:left;display:inline-block; width: 400px;height:29px;margin:0 15px 15px 0;padding:0 5px; vertical-align: text-top; }
.midbox .form .labels span{ display: inline-block;vertical-align: baseline;padding: 0 5px;margin: auto 5px;line-height: 20px;background: #002b49;color: #fff;text-align: center;}


:-webkit-input-placeholder{color:#999;}/*Webkit browsers*/
:-moz-placeholder{color:#999;opacity:1};/*Mozilla Firefox*/
:-ms-input-placeholder{color:#999;}/*Internet Explorer 10+*/

.midbox .btn {
    display: inline-block;vertical-align: middle; font-size: 18px; padding: 5px 15px; letter-spacing: 2px; text-align: center;position: relative; }
.midbox .btn:hover {background:#EA6200; color:#fff;}
.midbox .send { margin: 20px auto;
    text-align: center;
    width: 100%;
    overflow: hidden;}

.copyR{ text-align:center; font-size:100%; padding:10px 0 10px 0; }

/*浮動視窗*/
.fixbox{background: rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; z-index:9;}
.fixbox .alignbox{width:950px; margin:0 auto;  }
.fixbox .alignbox .midbox{width:700px; height:auto;margin:10% auto;position:relative;}
.fixbox .alignbox .midbox .midbg{background:#fff; padding:20px 10px 10px 10px;line-height:24px;}
.fixbox .alignbox .midbox .midbg strong{color:#08c; font-size:24px; display:block; text-align:center;line-height:36px;}
.fixbox .alignbox .midbox .midbg em{font-weight:bold; font-style:normal;}


.close {position:absolute; right:-2px; top:-20px; width:40px; height:40px; z-index:9;}
.close img{width:40px; height:40px;}

#gotop { position: fixed;width: 180px;margin: 50px 0px 0px 515px;left: 50%;z-index: 9;   bottom: 0px;text-align: center;} 

/*報價表格*/
.pricebox{ width:100%; float:left; margin-bottom:2%;}
.pricebox td{ text-align:center; }
.pricebox th{ text-align:center; }
.pricebox thead{ background-color: #e0e0e0;   color: #000;   text-align: left;   vertical-align: bottom;}

.pricebox table{ width:100%; float:left;height:418px; }

.pricebox p.font01{ width:100%; text-align:center; font-size:120%; margin:0 auto; border-radius:20px 20px 0 0;  padding:5px 0; float:left;}
.pricebox .fontred{ color:#F00; font-size:160%; font-weight:bold;}

.pricebox .price01{ width:100%; margin:0; float:left;}
.pricebox .price01 p.font01{ background:#F00; color:#fff;}
.pricebox .price01 table{float:left; border-right:3px solid #F00;border-left:1px solid #F00; border-bottom:3px solid #F00;height:460px;}

.pricebox .price02{ width:48%; margin:0 auto; float:left; }
.pricebox .price02 p.font01{ background:#09F; color:#fff;}
.pricebox .price02 table{ float:left; border-right:3px solid #09F;border-left:1px solid #09F; border-bottom:3px solid #09F;height:460px;}
.pricebox .price02 .font02{ background:#FFF; color:#F00; font-weight:bold;}
.pricebox .price02 .font03{ background:#f2f2f2;}


.pricebox .price03{ width:100%; margin-top:2%;float:left;}
.pricebox .price03 p.font01{background: #66727f; color:#fff;}
.pricebox .price03 table{width:100%;float:left;border-right:1px solid #66727f;border-left:1px solid #66727f;border-bottom:1px solid #66727f;height:500px;}
.pricebox .price03 .font02{ color:#F00; font-weight:bold;}


/*服務項目*/
.midbox .boxin .repair_item{ width: 70%; margin: 2% auto 4% auto; letter-spacing: 1px;}
.midbox .boxin .repair_item h2{background:url(../images/protitle_bg.png) 0 3px repeat-x; font-size:135%; text-align: center;}
.midbox .boxin .repair_item h2 b{ background:#fff; padding: 0 3%; }
.midbox .boxin .repair_item h2 em{font-size:65%; color:#949494; display:block; margin: 1% auto;}
.midbox .boxin .repair_item li{ text-align:center; width: 19%;font-size:90%; display: inline-block;margin-top: 2%;}
.midbox .boxin .repair_item li i{  border-radius: 50%; background: #f5f5f5; display: inline-block; margin-bottom: 6%;}