@media screen and (max-width: 1200px) {
    /*村屋，唐樓*/
    .icon1{background: url("../image/icon1.png") no-repeat left center;}
    .icon2{background: url("../image/icon2.png") no-repeat left center;}
    .icon3{background: url("../image/icon3.png") no-repeat left center;}
    .icon4{background: url("../image/icon4.png") no-repeat left center;}
    .icon5{background: url("../image/icon5.png") no-repeat left center;}
    .icon6{background: url("../image/icon6.png") no-repeat left center;}
    /*公共頭部*/
    html,body{width: 100%;}
    .main{width: 100%;margin: 0 auto;background: #f3f5f9;}
    .header{width: 100%;background: #fff;}
    .header-swap{width: 100%;height: auto;margin: 0 auto;}
    .header-top{height: 70px;}
    .logo{float: left;width:100%;height:60px;position:relative;}
    .logo img{width:50%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
    .h-phone{font-size: 12px;line-height: 60px;float: left;background: url("../image/h-phone.png") no-repeat left center;font-weight: 500;text-indent: 25px;margin-left:10px;background-size:20px 20px;}
    .h-phone a{color: #333;}
    .language{float: left;}
    .language a{color: #4A1F9A;line-height: 28px;border: 1px solid #4A1F9A;margin: 15px 0 15px 10px;display: block;float: left;padding: 0 5px;border-radius: 5px;font-size: 12px;}
    .language .selected{background: #4A1F9A;color: #fff;}
    .header-nav{height: auto;display: none;margin: 0 auto;}
    .header-nav ul{}
    .header-nav ul li{width:100%;height:auto;}
    .header-nav ul li:first-child{margin-left: 0 !important;}
    .header-nav ul li:last-child{margin-right: 0 !important;}
    .header-nav ul li a{display: block;line-height: 36px;font-size: 16px;color: #333333;text-indent:15%;}
    .header-nav ul .active{border-bottom: 2px solid #4A1F9A;}
    .header-nav ul .active a{color: #4A1F9A;}
    .header-nav ul .active .dropdown{display:table;}
    .dropdown{display:none;width:100%;}
    .dropdown li{}
    .dropdown li a{text-indent:20% !important;}
    .bar{display:block;width:100%;height:50px;}
    .bar img{height:40px;float:right;margin-right:20px;}
    /*公共尾部*/
    .footer{height: 420px;background: #543aa3;overflow: hidden;}
    .footer-nav{display: table;margin: 30px auto;width: 80%;}
    .footer-nav ul{}
    .footer-nav ul li{float: left;width: 50%;text-align: left;text-indent: 2em;}
    .footer-nav ul li a{line-height: 40px;font-size: 16px;color:#fff;}
    .footer-logo{display:table;margin: 30px auto;}
    .footer-logo img{height: 30px;}
    .footer-contact{display:table;margin: 30px auto 0 auto;}
    .footer-contact a{float: left;}
    .f-icon{width:24px;height: 24px;float: left;position: relative;background: #fff;border-radius: 50%;margin: 3px 8px;}
    .f-icon img{height: 16px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
    .f-contact{float: left;line-height: 30px;font-size: 14px;color: #fff;}
    .f-contact a{color: #fff;}
    .copyright{text-align: center;margin: 30px 0;color: #fff;font-size: 12px;}
    .customer{width: 60px;height: 130px;position: fixed;right: 10px;bottom:60px;}
    .customer a{display: block;margin-top: 5px;}
    #phone{background: #ea5514;height: 60px;width: 60px;position: relative;}
    #whatsapp{background: #12af0a;height: 60px;width: 60px;position: relative;}
    #phone img,#whatsapp img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
    .pi{width: 240px;height: 60px;line-height: 60px;font-size: 16px;color:#111111;position: absolute;right: 60px;background: #fff;text-align: center;display: none;}
    .pi a{color:#111111;margin: 0;}
    #phone:hover .pi{display: block;}
    #whatsapp:hover .pi{display: block;}

    /*首頁內容*/
    .video{position: relative;}
    .video video{width:100%;height: 360px;}
    .video-list{}
    .video-list ul{width: 100%;height: 110px;background: rgba(0,0,0,0.5);}
    .video-list ul li{width: 50%;line-height: 24px;font-size: 14px;color: #fff;padding: 18px 0;cursor: pointer;float:left;}
    .video-list ul li:first-child{}
    .video-list ul li span{display: inline-block;}
    .number{width: 10%;margin-right: 3px;margin-left: 10px;text-align: center;color: #fff;}
    .color1{background: #fd537f;}
    .color2{background: #f2a20c;}
    .color3{background: #148aff;}
    .color4{background: #ea5514;}
    .video-list ul .v-selected{background: #fff;color: #111111;}
    #video1,#video2,#video3,#video4{display: none;}
    .show{display: block !important;}
    .index-h{width: 90%;margin: 25px 5%;color:#0b0731;font-size: 16px;line-height: 31px;letter-spacing: 5px;}
    .index-p{width: 90%;margin: 25px 5%;color:#9b9b9b;font-size: 16px;line-height: 30px;letter-spacing: 1px;}
    .index-c{display: table;width: 100%;margin: 25px auto 0 auto;}
    .ic-box{width: 100%;height: 200px;float: left;}
    .ic-box:nth-child(2n-1){background: #543aa3;}
    .ic-box:nth-child(2n-2){background: #fff;}
    .ic-img{width: 100%;height: 120px;position: relative}
    .ic-img img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
    .ic-box p{text-align: center;font-size: 16px;line-height: 30px;font-weight: 500;}
    .ic-box:nth-child(2n-1) p{color: #fff;}
    .ic-box:nth-child(2n-2) p{color: #0c0734;}
    .index-t{display: table;margin: 20px auto;}
    .it-box{width: 60%;height: 60px;float: left;padding: 20px 20%;}
    .it-img{float: left;height: 50px;width: 50px;margin: 20px 10px;border-radius: 50%;position: relative;}
    .it-img img{width: 30px;height: 30px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
    .it-p{line-height: 90px;font-size: 24px;float: left;}
    .it-p a{color: #0b0731;}
    .orange{background: #ea5514;}
    .green{background: #12af0a;}
    .it-a{font-size: 21px;color:#543aa3;border: 1px solid #543aa3;border-radius: 5px;text-align: center;line-height: 58px;display: block;padding: 0 50px;font-weight: 500;}
    .index-i{width: 100%;height: 2408px;background: #4a1f9a;position: relative;margin: 0 auto 50px auto;}
    .index-i h1{text-align: center;font-size: 22px;color:#ffffff;padding: 60px 0 20px 0;}
    ._blank{width: 30%;height: 3px;background: #fff;margin: 0 auto;}
    .ii-box-list{margin: 20px auto;width: 100%;}
    .ii-box{width: 90%;height: 380px;margin: 0 auto;}
    .ii-box h2{text-align: center;font-size: 16px;color: #fff;line-height: 40px;}
    .ii-box p{text-align: center;font-size: 12px;color:#a3a3a3;line-height: 20px;}
    .ii-img{width: 100%;height: 290px;overflow: hidden;}
    .ii-img img{width: 100%;height: 290px;}
    .index-a{width: 100%;height: auto;display: table;margin: 0 auto 100px auto;}
    .fisrstnav{width: 100%;height: 80px;background: #fff;}
    .fisrstnav ul{}
    .fisrstnav ul li{width: 20%;float: left;text-align: center;line-height: 44px;color:#4a1f9a;cursor: pointer;font-weight: 500;margin: 10px 0;}
    .fisrstnav ul .liactive{background: #4a1f9a;color:#fff;border-radius: 8px;}
    .tabscon{width: 100%;height: auto;}
    .tabscon section{display: none;}
    .conactive{display: block !important;}
    .ia-box-list{display: table;width: 90%;margin: 0 auto;}
    .ia-box{width: 100%;height: auto;float: left;}
    .ia-img{width: 100%;overflow: hidden;}
    .ia-img img{width: 100%;height: 326px;}
    .ia-box .ia-p span{display: table;line-height: 60px;font-size: 18px;color:#0b0731;margin: 0 auto;text-indent: 50px;}

    /*關於我們*/
    .banner{height: auto;overflow: hidden;}
    .banner img{width: 100%;}
    .common-detail{width: 90%;height: auto;margin: 20px 5%;}
    .common-detail h1{font-size: 24px;color:#0b0731;line-height: 58px;}
    .common-detail p{font-size: 16px;color:#9b9b9b;line-height: 40px;}
    .about-l{width: 100%;height: auto;background: #4a1f9a;overflow: hidden;}
    .about-l h1{text-align: center;font-size: 16px;color:#fff;margin: 30px auto;line-height: 36px;}
    .al-box-list{display: table;margin: 0 auto;}
    .al-box{width:100%;float: left;}
    .al-img{width: 150px;height: 150px;border-radius: 50%;background: #fff;position: relative;margin:10px auto;}
    .al-img img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
    .al-box p{font-size: 18px;color:#fff;text-align: center;line-height: 40px;}
    .about-a{width: 100%;margin-bottom: 100px;}
    .about-a h1{text-align: center;color: #0b0731;font-size: 24px;padding: 20px 0;}
    .about-a ._blank{background: #0b0731;margin-bottom: 50px;}

    /*搬寫字樓*/
    .xzl-l{width: 90%;margin: 50px auto;overflow: hidden}
    .xzl-header{position: relative;height: 60px;}
    .xzl-header ul{width: 100%;overflow: hidden;position: absolute;height: 60px;}
    .xzl-header ul li{float: left;border-radius: 5px 5px 0 0;}
    .xzl-header ul li a{color:#0b0731;font-size: 14px;line-height: 60px;display: block;padding: 0 20px;}
    .xzl-header ul .p-selected{border-top: 2px solid #d5d2e1;border-left: 2px solid #d5d2e1;border-right: 2px solid #d5d2e1;background: #f3f5f9;}
    .xzl-header ul .p-selected a{color:#4a1f9a;}
    .xzl-content{overflow: hidden;margin: 0 auto;border-top: 2px solid #d5d2e1;}
    .xzl-box{width: 100%;}
    .xzl-img{width: 100%;height: 300px;overflow: hidden;}
    .xzl-img img{width: 100%;height: 300px;}
    .xzl-img iframe{border: none;width: 100%;height: 300px;}
    .xzl-p{background: #fff;}
    .xzl-p span{display: table;line-height: 60px;font-size: 18px;color:#0b0731;margin: 0 auto;text-indent: 50px;}
    .page{display: table;float: right;margin-top: 20px;}
    .page a{color:#0b0731;font-size: 16px;display: block;padding: 5px;float: left;}
    .page .a-selected{font-size: 18px;}

    /*搬屋服務*/
    .service{width: 90%;overflow: hidden;margin: 0 5%;}
    .service-head{float: left;width: 100%;overflow: hidden;}
    .service-head ul{display: table;margin-top: 10px;}
    .service-head ul li{width: 200px;border: 1px solid #acabd9;text-indent: 50px;}
    .service-head ul .sl-active{background: #acabd9;}
    .service-head ul li a{font-size: 14px;color: #0b0731;display: block;line-height: 50px;}
    .service-content{overflow: hidden;width: 100%;margin: 10px auto;}
    .sl-box{width: 100%;}
    .sl-img{width: 100%;height: 300px;overflow: hidden;}
    .sl-img img{width: 100%;height: 300px;}
    .sl-p{background: #fff;}
    .sl-p span{display: table;line-height: 60px;font-size: 18px;color:#0b0731;margin: 0 auto;text-indent: 50px;}

    /*服務流程*/
    .serve-content{width: 88%;overflow: hidden;margin: 10px auto;}
    .serve-content h1{color: #220076;font-size: 24px;line-height: 48px;margin: 30px 0 10px 0;}
    .serve-content p{color: #0b0731;font-size: 16px;line-height: 36px;margin: 10px 0 30px 0;}

    /*聯絡我們*/
    .contact{width:100%;background: #fff;overflow: hidden;margin: 50px auto;}
    .contact h1{font-size: 36px;color:#0b0731;margin: 20px 0 20px 0;padding-left: 10px;}
    .map{margin-bottom: 40px; width: 100%;height: auto;}
    .contact-content{overflow: hidden;}
    .con-left{width: 80%;height: auto;margin: 0 auto;}
    .con-left label{font-size: 14px;color:#666666;width: 100%;display: block;line-height: 40px;}
    .con-left input{height: 40px;width: 100%;border:1px solid #ededed;border-radius: 5px;font-size: 14px;}
    .con-left textarea{height: 160px;width: 100%;border:1px solid #ededed;border-radius: 5px;font-size: 16px;}
    .submit{margin-top: 30px;border:none;background: #4a1f9a;color:#fff;cursor: pointer;}
    .red{color:#c30d23;}
    .con-right{width: 80%;height: 500px;margin: 20px auto;}
    .con-right p{font-size: 16px;color:#666666;line-height: 36px;letter-spacing: 2px;}
    .con-right p a{color:#666666;}
}