img{max-width:100%}
sup{font-size:8px;letter-spacing:normal;line-height:1}
.letter{letter-spacing:normal}
/* wrap */
#wrap{position:relative;width:100%;min-height:100%;overflow:hidden}


/* header */
#header{position:fixed;position:absolute;}
/*#haedW h1{float:left;}
#haedW h1 img{width:315px;}*/

#headM {width:100%;}

/**¸Þ´º**/
#headM #navi li.m1 a{text-indent:-9999px;}


@media all and (max-width:600px) {	
/*============================= HEADER =============================*/	
#header{height:137px;}
#header{left:0;width:100%;background:#fff url('../img/topmnbg.gif') repeat-x 20px 30px;z-index:100000;/*-webkit-backface-visibility: hidden;*/}

#headM .topmenu{position:relative;width:100%;margin-top:5px;height:50px;}
#headM .topmenu p{float:right;}
#headM .topmenu p a{display:block;width:70%;}
#headM .topmenu h1{float:left;padding-left:5%;}
#headM .topmenu h1 a{display:block;background:url(../img/logo_s.gif) no-repeat left top;width:250px;height:40px;text-indent:-9999px;}
/**¸Þ´º**/
#headM #navi{z-index:9999;width:100%;height:100px;}
#headM #navi ul{margin:0 3%;}
#headM #navi ul:after{content:""; display:inline; float:none; clear:both;}
#headM #navi li{float:left;width:33%;font-family:'Estrangelo Edessa';line-height:20px;
                margin-top:10px;height:20px; letter-spacing:-1px;}
#headM #navi li a{font-size:12px;color:#3b5a6d;display:block;font-weight:bold;}
#headM #navi li a:hover{font-size:12px;color:#06b8a5;font-weight:bold;}
#headM #navi li .actived a{font-size:12px;color:#06b8a5;font-weight:bold;}
#headM #navi li.m1{width:10%;}

#header > a{position:absolute;}
#header > a.btn_podopod{left:20px;top:16px;}
#header > a.btn_podopod img{width:145px}
#header > a.btn_cart_01{right:30px;top:27px}
#header > a.btn_cart_01 img{width:37px}
#header.fix{position:fixed}
#header.default{position:absolute}

/* container */
#container{position:relative;top:135px;}


/* main_con */
.main_con{}
.main_con section{position:relative}

.main_con .main_01{min-height:500px;background:url(../img/con01_s.jpg) repeat;background-size:contain;background-position:50% 0;z-index:100;overflow:hidden}
.main_con .main_01 .btn_next{position:absolute;width:67px;top:380px;padding-left:70%;z-index:1000}

.main_con .main_02{height:500px;background:url(../img/con02_bg.jpg) repeat;text-align:left;z-index:99;
                   background-position:50% 0;overflow:hidden;}
.main_con .main_02 .txt_wrap{width:390px;padding-top:40px;}
.main_con .main_02 .img_01{position:absolute;top:60px;/*right:-180px;width:660px*/}
.main_con .main_02 .img_01 img{width:0%;}
.main_con .main_02 .txt02{font-size:11px;color:#688daf;margin-top:20px;margin-left:10px;letter-spacing:0px;line-height:18px;}  
.main_con .main_02 .txt03{color:#c1b9b2;line-height:26px;margin-top:20px}
.main_con .main_02 .txt04{margin-top:30px}
.main_con .main_02 .txt04 span{display:block;font-size:11px;color:#8f8c88;line-height:13px;letter-spacing:normal}
.main_con .main_02 .design_txt{font-size:12px;margin:10px 0}

.main_con .main_09{height:500px;background:url(../img/con03_bg.jpg) repeat;background-sizecontain;
                   background-position:50% 0;z-index:10;overflow:hidden;}
.main_con .main_09 .txt_wrap{padding-top:40px;}
.main_con .main_09 .txt02{font-size:12px;color:#7f7b73;letter-spacing:normal;}
.main_con .main_09 .case_obj{position:absolute}/* same02 */
.main_con .main_09 .img_group{}
.main_con .main_09 .img_wrap{position:relative;width:100%;padding-top:100%}
.main_con .main_09 .obj_01{width:40%;top:5%;left:3%}
.main_con .main_09 .obj_02{width:40%;top:5%;left:30%}
.main_con .main_09 .obj_03{width:40.3%;top:5%;left:60%}

.main_con .main_09 .txt04{display:none;position:absolute;bottom:40px;left:0;width:100%}
.main_con .main_09 .txt04 span{display:block;font-size:11px;color:#8f8c88;line-height:13px;letter-spacing:normal}
.main_con .main_09 .design_txt{font-size:12px;margin:10px 0}

.main_con .main_12{height:500px;background:url(../img/con4_s.jpg) repeat;
                   background-size:contain;background-position:50% 0;overflow:hidden;z-index:99}
.main_con .main_12 .img_group p{position:absolute}/*
.main_con .main_12 .txt_group{height:100%}*/
.main_con .main_12 .txt_wrap_01{position:absolute;top:160px;text-align:center;}
.main_con .main_12 .txt_wrap_01 img{width:100%;}
.main_con .main_12 .btn_next{position:absolute;width:67px;padding-left:45%;z-index:1000/**/}
.main_con .main_12 .txt_wrap_02{position:absolute;right:30px;width:285px;text-align:left}
.main_con .main_12 .txt01{color:#dcd8d5}
.main_con .main_12 .txt02{color:#35454f;font-size:11px;line-height:18px;padding-top:20px;}
/**/
.main_con .main_12 .loopEffect{width:242px;height:242px}
.main_con .main_12 .loopEffect span{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.main_con .main_12 .loopEffect span img{width:100%;height:100%}
.main_con .main_12 .obj_01{position:absolute;top:0px;left:50%;width:738px;height:739px;margin-left:-369px;}

.main_con .main_12 .imgTit{padding:80px 0 0 270px;}
.main_con .main_12 .obj_02{top:-35px;left:610px;}
.main_con .main_12 .obj_03{top:130px;left:120px;}

.main_con .main_03{height:500px;width:100%;background:url(../img/con05_bg.jpg) no-repeat;
                   background-position:50% 0;overflow:hidden;z-index:99}
.main_con .main_03 .txt_wrap{padding-top:40px;width:95%;/**/}
.main_con .main_03 .txt01{}
.main_con .main_03 .txt02{width:95%;color:#3b5a6d;font-size:11px;line-height:18px;text-align:left;padding-left:5%;}
.main_con .main_03 .img_group p{position:absolute;top:280px;left:65%;width:1000px;margin-left:-500px}
.main_con .main_03 .img_group p.img_01{z-index:50;}
.main_con .main_03 .img_group p.img_01 img{width:50%;}
.main_con .main_03 .btn_next{position:absolute;width:67px;padding-left:45%;z-index:1000}/**/

.main_con .main_06{height:700px;background:url(../img/con06_s.jpg) repeat;
                   background-size:contain;background-position:50% 0;overflow:hidden;z-index:99}
.main_con .main_06 .txt_wrap{padding-top:80px;text-align:left;width:95%}
.main_con .main_06 .txt01{text-align:left;}
.main_con .main_06 .txt02{width:95%;color:#80868a;font-size:11px;line-height:18px;text-align:left;padding-left:10px;}
.main_con .main_06 .case_obj{position:absolute;bottom:0;left:-135px;width:685px}

}
/*³¡*/

@media all and (min-width:601px) {/*601 ~ ÃÖ´ë */

#header{height:106px;}
#header{top:0;left:0;width:100%;background:url('../img/topmnbg.gif') repeat;z-index:100000;/*-webkit-backface-visibility: hidden;*/}

#headM {float:right;width:1200px;}

#headM .topmenu{left:50%;margin-left:-600px;position:absolute;z-index:99999;float:right;width:1200px;margin-top:20px;height:25px;padding-right:30px;}
#headM .topmenu p{float:right;padding-right:30px;width:30px;}
#headM .topmenu p a{display:block;width:30px;}
#headM .topmenu h1{float:left;}
#headM .topmenu h1 a{display:block;background:url(../img/logo.gif) no-repeat left top;width:315px;height:65px;text-indent:-9999px;}

/**¸Þ´º**/
#headM #navi{position:absolute;top:0px;z-index:9999;width:1200px;left:50%;margin-left:-600px;}
#headM #navi ul{margin-left:300px;}
#headM #navi ul:after{content:""; display:inline; float:none; clear:both;}
#headM #navi li{float:left;font-family:'Estrangelo Edessa';line-height:50px;margin-top:30px;height:65px; letter-spacing:1px;}
#headM #navi li a{font-size:18px;color:#3b5a6d;display:block;}
#headM #navi li a:hover{font-size:18px;color:#06b8a5;}
#headM #navi li .actived a{font-size:18px;color:#06b8a5;}
/*#headM #navi li.m1 a{clear:both;background:url(../img/logo.gif) no-repeat 0 top;width:315px;height:65px;text-indent:-9999px;}*/
#headM #navi li.m1 {display:none;}
#headM #navi li.m2 a{width:145px;padding-left:60px;padding-top:9px;}
#headM #navi li.m3 a{width:170px;padding-top:18px;}
#headM #navi li.m4 a{width:180px;padding-top:18px;}
#headM #navi li.m5 a{width:190px;padding-top:18px;}
#headM #navi li.m6 a{width:140px;padding-top:18px;}

/*
#headM #navi li.m1 {background:url(../img/navi01.gif) no-repeat;width:147px;height:44px;}
#headM #navi li.m2 {background:url(../img/navi02.gif) no-repeat;width:180px;height:44px;}
#headM #navi il.m3 {background:url(../img/navi03.gif) no-repeat;width:181px;height:44px;}
#headM #navi il.m4 {background:url(../img/navi04.gif) no-repeat;width:186px;height:44px;}
#headM #navi li.m5 {background:url(../img/navi05.gif) no-repeat;width:167px;height:44px;}*/

#header > a{position:absolute}
#header > a.btn_podopod{left:20px;top:16px;}
#header > a.btn_podopod img{width:145px}
#header > a.btn_cart_01{right:30px;top:27px}
#header > a.btn_cart_01 img{width:37px}
#header.fix{position:fixed}
#header.default{position:absolute}

/* container */
#container{position:relative;top:106px;}

/* footer */
#footer{position:relative;text-align:center;padding:10px 0 20px 0;background:#fff}
#footer p{font-size:12px;color:#666;margin-top:20px;letter-spacing:normal}



/* main_con */
.main_con{}
.main_con section{position:relative}
.main_con .txt_group{position:absolute;top:0;left:50%;width:1000px;margin-left:-500px;z-index:50;}
.main_con .txt_group p,.main_con .img_group p{position:relative}
.main_con .img_group{position:relative;max-width:1000px;height:100%;margin:0 auto;z-index:0}
.main_con .txt_left{float:left}
.main_con .txt_right{float:right}
.main_con .btn_next{margin-top:30px}
.main_con .txt01{font-size:32px;color:#444;font-weight:bold;letter-spacing:normal}
.main_con .txt02{font-size:16px;color:#666;line-height:24px;margin-top:10px}

.main_con .main_01{height:900px;background:url(../img/con01.jpg) repeat;background-position:50% 0;z-index:100;overflow:hidden}
.main_con .main_01 .txt_wrap{width:40%;padding-left:30px;padding-top:350px}
.main_con .main_01 .txt02{font-size:14px;line-height:18px;color:#978f88;margin-top:20px;letter-spacing:normal}
.main_con .main_01 .img_01{position:absolute;bottom:0;left:50%;width:1000px;margin-left:-500px}
.main_con .main_01 > a{position:absolute;z-index:5000}
.main_con .main_01 > a.btn_podopod{left:20px;top:16px}
.main_con .main_01 > a.btn_podopod img{width:145px}
.main_con .main_01 > a.btn_cart_01{right:30px;top:27px}
.main_con .main_01 > a.btn_cart_01 img{width:37px}

.main_con .main_02{height:900px;background:url(../img/con02_bg.jpg) repeat;text-align:left;z-index:99;background-position:50% 0;overflow:hidden;}
.main_con .main_02 .txt_wrap{width:390px;padding-top:140px;}
.main_con .main_02 .img_01{position:absolute;top:60px;right:-180px;width:660px}
.main_con .main_02 .txt02{font-size:11px;color:#688daf;margin-top:20px;margin-left:10px;letter-spacing:0px;line-height:18px;}  
.main_con .main_02 .txt03{color:#c1b9b2;line-height:26px;margin-top:20px}
.main_con .main_02 .txt04{margin-top:140px}
.main_con .main_02 .txt04 span{display:block;font-size:11px;color:#8f8c88;line-height:13px;letter-spacing:normal}
.main_con .main_02 .design_txt{font-size:12px;margin:10px 0}

.main_con .main_09{height:900px;background:url(../img/con03_bg.jpg) repeat;background-position:50% 0;z-index:10;overflow:hidden;}
.main_con .main_09 .txt_wrap{padding-top:70px;}
.main_con .main_09 .txt02{font-size:12px;color:#7f7b73;letter-spacing:normal;}
.main_con .main_09 .case_obj{position:absolute}/* same02 */
.main_con .main_09 .img_group{}
.main_con .main_09 .img_wrap{position:relative;width:100%;padding-top:114%}
.main_con .main_09 .obj_01{width:60%;top:29.982456%;left:-6%}
.main_con .main_09 .obj_02{width:50%;top:29.982456%;left:27.14035087719%}
.main_con .main_09 .obj_03{width:95.3%;top:31.982456%;left:32.14035087719%}

.main_con .main_09 .txt04{display:none;position:absolute;bottom:40px;left:0;width:100%}
.main_con .main_09 .txt04 span{display:block;font-size:11px;color:#8f8c88;line-height:13px;letter-spacing:normal}
.main_con .main_09 .design_txt{font-size:12px;margin:10px 0}

.main_con .main_12{height:900px;background:url(../img/con04_bg.jpg) no-repeat;background-position:50% 0;overflow:hidden;z-index:99}
.main_con .main_12 .img_group p{position:absolute}
.main_con .main_12 .txt_group{height:100%}
.main_con .main_12 .txt_wrap_01{position:absolute;top:280px;left:25%;width:600px;}
.main_con .main_12 .txt_wrap_02{position:absolute;top:765px;right:30px;width:285px;text-align:left}
.main_con .main_12 .txt01{color:#dcd8d5}
.main_con .main_12 .txt02{color:#35454f;font-size:11px;line-height:18px;}
.main_con .main_12 .loopEffect{width:242px;height:242px}
.main_con .main_12 .loopEffect span{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.main_con .main_12 .loopEffect span img{width:100%;height:100%}
.main_con .main_12 .obj_01{position:absolute;top:0px;left:50%;width:738px;height:739px;margin-left:-369px;}
.main_con .main_12 .imgTit{padding:190px 0 0 280px;}
.main_con .main_12 .obj_02{top:-35px;left:610px;}
.main_con .main_12 .obj_03{top:130px;left:120px;}

.main_con .main_03{height:900px;background:url(../img/con05_bg.jpg) no-repeat;background-position:50% 0;overflow:hidden;}
.main_con .main_03 .txt_wrap{padding-top:80px;width:510px;}
.main_con .main_03 .txt01{text-align:left;}
.main_con .main_03 .txt02{width:510px;color:#3b5a6d;font-size:11px;line-height:18px;text-align:left;padding-left:10px;}
.main_con .main_03 .img_group p{position:absolute;bottom:0px;left:65%;width:1000px;margin-left:-500px}
.main_con .main_03 .img_group p.img_01{z-index:50;}
.main_con .main_03 .img_group p.img_02{bottom:-100px}

.main_con .main_06{height:1000px;background:url(../img/con06_bg.jpg) no-repeat;background-position:50% 0;overflow:hidden;}
.main_con .main_06 .txt_wrap{padding-top:80px;text-align:left;width:380px}
.main_con .main_06 .txt01{text-align:left;}
.main_con .main_06 .txt02{width:380px;color:#80868a;font-size:11px;line-height:18px;text-align:left;padding-left:10px;}
.main_con .main_06 .case_obj{position:absolute;bottom:0;left:-135px;width:685px}


.main_con .main_04{height:1140px;background:url(http://ai.esmplus.com/podopod/uploads/mycat/images/con_04_bg.jpg) repeat;overflow:hidden}
.main_con .main_04 .txt_wrap{padding-top:140px}
.main_con .main_04 .txt01{color:#dcd8d5}
.main_con .main_04 .txt02{color:#999}
.main_con .main_04 .img_group p{position:absolute;bottom:0;left:50%;width:1000px;height:858px;margin-left:-500px}

.main_con .main_05{height:1040px;background:#dcd8d5}
.main_con .main_05 .txt_wrap{padding-top:140px}
.main_con .main_05 .txt02{color:#847b73}
.main_con .main_05 .case_obj{position:absolute;width:1197px;top:630px;left:-175px}

.main_con .main_07{overflow:hidden;background:#fff}
.main_con .main_07 .txt_wrap{padding-top:140px}
.main_con .main_07 .txt01{color:#fff}
.main_con .main_07 .txt02{color:#fff}
.main_con .main_07 .con07_slide{position:relative;padding-top:983px}
.main_con .main_07 .con07_slide .big_thumb{position:absolute;top:0;left:0;width:100%}
.main_con .main_07 .con07_slide .case_obj{position:absolute;top:0;left:50%;width:1600px;margin-left:-800px}
.main_con .main_07 .con07_slide .case_obj img{width:100%}
.main_con .main_07 .con07_slide .arrow_wrap{position:absolute;top:50%;left:50%;width:1000px;margin-left:-500px;margin-top:-38px;z-index:100}
.main_con .main_07 .con07_slide .arrow_wrap a{position:absolute;top:0;z-index:100}
.main_con .main_07 .con07_slide .arrow_wrap a.btn_left{left:-91px}
.main_con .main_07 .con07_slide .arrow_wrap a.btn_right{right:-50px}

.main_con .main_08{height:1150px}
.main_con .main_08 .txt_wrap{padding-top:440px}
.main_con .main_08 .txt02{color:#666}
.main_con .main_08 .case_obj{position:absolute;top:122px;width:73px}/* same02 */
.main_con .main_08 .obj_01{left:15%}
.main_con .main_08 .obj_02{right:15%}

.main_con .main_10{height:1077px;background:#211f1f url(http://ai.esmplus.com/podopod/uploads/mycat/images/con_10_bg.jpg) center top repeat-y;overflow:hidden}
.main_con .main_10 .txt_wrap{padding-top:140px}
.main_con .main_10 .txt01{color:#625f5d}
.main_con .main_10 .con10_slide{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:50}
.main_con .main_10 .con10_slide .big_thumb{position:absolute;bottom:0;left:0;width:100%;height:100%}
.main_con .main_10 .con10_slide .case_default{position:absolute;bottom:0;left:50%;width:447px;margin-left:-211px}
.main_con .main_10 .con10_slide .case_obj{position:absolute;bottom:1px;left:50%;width:447px;margin-left:-211px}
.main_con .main_10 .c_page{position:absolute;top:0;left:0;width:100%;z-index:100}
.main_con .main_10 .c_page ul{position:absolute;width:260px}
.main_con .main_10 .c_page ul.p_left{left:0;top:405px;text-align:right}
.main_con .main_10 .c_page ul.p_right{right:0;top:450px;text-align:left}
.main_con .main_10 .c_page ul.p_left span{margin-left:10px}
.main_con .main_10 .c_page ul.p_right span{margin-right:10px}
.main_con .main_10 .c_page ul li{cursor:pointer;margin-bottom:0}
.main_con .main_10 .c_page ul li span{line-height:47px;line-height:65px}
.main_con .main_10 .c_page ul li.active span{color:#fff}
.main_con .main_10 .c_page ul li span{font-size:14px;color:#555;font-weight:bold;margin-top:20px;letter-spacing:normal}

.main_con .main_11{background:#fcf5ec}
.main_con .main_11 .txt_wrap{padding-top:538px}
.main_con .main_11 p{letter-spacing:normal}
.main_con .main_11 .txt02{font-size:14px;color:#d1b694;font-weight:600;line-height:20px}
.main_con .main_11 .txt03{margin-top:20px}
.main_con .main_11 .txt03 a{font-size:14px;color:#888;letter-spacing:normal}/* same01 */
.main_con .main_11 .case_obj{position:relative;top:0;left:-30%;width:160%;}/* same02 */
.main_con .main_11 .visual_group ul{overflow:hidden}
.main_con .main_11 .visual_group li{width:25%;float:left}
.main_con .main_11 .visual_group li img{width:100%;max-width:100%}

.main_con .main_11 .how_title{background:#fff;padding-top:75px}
.main_con .main_11 .how_txt01{font-size:16px;color:#444;letter-spacing:-1px;padding-top:45px;background:#fff}
.main_con .main_11 .how_txt02{font-size:14px;color:#888;line-height:20px;letter-spacing:-1px;padding-top:5px;padding-bottom:30px;background:#fff}

.slide01 img{width:100%;max-width:100%}
}