.main_cont{width:1100px; margin:0 auto;}

#m_cont02{width:100%; background-color:#abb9c5;}
.service_list ul{padding:5.4545454% 0%;}
.service_list ul:after{display:block;clear:both;content:''} 
.service_list h2{display:none;}
.service_list:after{display:block;clear:both;content:''} 
.service_list li{float:left; width:22%; margin:0% 1.5%;}
.service_list li p{display:block; width:100%; text-align:center;}
.service_list li p.img{}
.service_list li p.title{color:#161d2a; font-weight:500; font-size:18px; line-height:21px; letter-spacing:-.06em; padding:17px 0px;}
.service_list li p.txt{color:#161d2a; font-size:12px; line-height:17px;}




.service_tab_cont .service_cont02{padding:5%; border:1px solid #dd5452; border-top:0px;}
.service_tab_cont .service_cont02 h3{overflow:hidden;}
.service_tab_cont .service_cont02 h3 span{display:inline-block; float:left; font-size:20px; color:#222222; line-height:28px; }

.service_tab{display:block; height:68px; margin:70px 0px 0px; background:#dd5452;}
.service_tab li{float:left; height:58px; margin-left:11px; margin-top:10px;}
.service_tab li:first-child{margin-left:11px;}
.service_tab li a{display:block; padding:0px 28px; height:58px;}
.service_tab li b{padding-right:7px; font-size:30px; color:#ffffff; line-height:60px;}
.service_tab li span{font-size:19px; color:#ffffff;}
.service_tab li.active{color:#dd5452; background:#ffffff;}
.service_tab li.active b{color:#dd5452;}
.service_tab li.active span{color:#dd5452;}


.service_g_list{overflow:hidden; width:100%;}
.service_g_list li{float:left; width:50%;}
.service_g_list li > div{max-width:460px; padding:6px;}
.service_g_list li > div .img{border:1px solid #c4c4c4;}
.service_g_list li > div img{max-width:100%;}
.service_g_list li > div .txt{padding-top:15px; height:80px;}
.service_g_list li > div .txt b{font-size:16px; color:#4e4e4e;}
.service_g_list li > div .txt a{color:#4e4e4e;}


.service_tab_cont.type02{}
.service_tab_cont.type02 .service_tab{background:#305c8b;}
.service_tab_cont.type02 .service_tab li.active{color:#305c8b;}
.service_tab_cont.type02 .service_tab li.active b{color:#305c8b;}
.service_tab_cont.type02 .service_tab li.active span{color:#305c8b;}
.service_tab_cont.type02 .service_cont02{border:1px solid #305c8b; border-top:0px;}


.service_tab_cont.type03{}
.service_tab_cont.type03 .service_tab{background:#92af28;}
.service_tab_cont.type03 .service_tab li.active{color:#92af28;}
.service_tab_cont.type03 .service_tab li.active b{color:#92af28;}
.service_tab_cont.type03 .service_tab li.active span{color:#92af28;}
.service_tab_cont.type03 .service_cont02{border:1px solid #92af28; border-top:0px;}


.estimate_cont{padding-top:30px; font-size:16px; text-align:center;}
.estimate_cont img{margin-top:20px;}


.design_container .portfolio{width:100%; overflow:hidden; z-inex:500;}
.design_container .portfolio:after{display:block;clear:both;content:''}
.design_container .portfolio ul{position:relative; margin:0 auto; height:10000px;}
.design_container .portfolio ul li{display:block; position:absolute; top:0px; left:0px; display:none; cursor:pointer;}


.design_container .portfolio ul li b img{position:relative; z-index:100; margin-bottom:20px;}
.design_container .portfolio ul li b span.dark_bg{position:absolute; display:block; top:0px; left:0px; width:0px; height:0px; z-index:300; background:url('/design/images/dark_bg.png');}


.portfolio_bimg{z-index:1000; position:fixed; top:0px; left:100px; width:1000px; height:500px; display:none; background-color:#1c1c1c;}
.portfolio_bimg b{position:absolute; z-index:100;}
.portfolio_bimg div.bimg{position:relative; top:0px; left:0px; width:1000px; z-index:50; overflow-y:auto; overflow-x:hidden;}
.portfolio_bimg div.bimg img{position:absolute; z-index:400;}
.portfolio_bimg div.bimg div{position:relative; z-index:100;}
.portfolio_bimg div.bimg .btn_prev{position:fixed; top:0px; left:15px; cursor:pointer; z-index:200;}
.portfolio_bimg div.bimg .btn_next{position:fixed; top:0px; left:32px; cursor:pointer; z-index:300;}
.portfolio_bimg .btn_close{top:10px; right:25px; cursor:pointer;}

.portfolio_dark_bg{position:fixed; top:0px;left:0px; width:100%; height:0px; z-index:900; background:url('/design/images/dark_bg2.png');}





.portfolio .portfolio_list ul{position:relative; width:100%;}
.portfolio .portfolio_list ul:after{display:block;clear:both;content:''} 
.portfolio .portfolio_list li{float:left; width:25%; text-align:center; margin-bottom:50px; display:none;}
.portfolio .portfolio_list li a{position:relative; display:inline-block; width:218px; height:209px; border:1px solid #e4e4e4; padding:3px; background-color:#FFFFFF;}
.portfolio .portfolio_list li a .ico_basic{position:absolute; top:3px; left:2px; width:66px; height:46px; background:url('/2014/images/sub/ico_basic.png') no-repeat;}
.portfolio .portfolio_list li a .cont_container{position:relative; width:100%; height:54px; border-top:1px solid #ff8776; overflow:hidden;}
.portfolio .portfolio_list li a .cont_container .cont{position:absolute; top:0px; left:0px; width:100%; height:108px;}
.portfolio .portfolio_list li a .cont_container .cont .li{width:100%; height:54px; background-color:#949494;}
.portfolio .portfolio_list li a .cont_container .cont .li.bg_pink{background-color:#ff8777;}
.portfolio .portfolio_list li a .cont_container p{color:#ffffff; font-size:12px; font-weight:500; padding-left:10px; text-align:left; line-height:16px;}
.portfolio .portfolio_list li a .cont_container p.title{padding-top:10px;}
.portfolio .portfolio_list li a .cont_container p.url{font-weight:normal;font-family:arial;font-size:11px;}

.portfolio_m .portfolio_list ul{position:relative; width:100%;}
.portfolio_m .portfolio_list ul:after{display:block;clear:both;content:''}
.portfolio_m .portfolio_list li{float:left; width:25%; text-align:center; margin-bottom:50px;}
.portfolio_m .portfolio_list li a{position:relative; display:inline-block; width:230px; height:340px; background:url('/2014/images/sub/mobile_bg.gif') no-repeat;}
.portfolio_m .portfolio_list li a p.img{display:block; padding-top:40px;}


#moblie_port_cont{width:100%; padding-top:20px;}
#moblie_port_cont .box{width:520px; height:770px; margin:0 auto; background:url('/2014/images/sub/mobile_bg02.jpg') no-repeat;}
#moblie_port_cont .box .cont{padding-top:89px; padding-left:33px;}


.portfolio .btn_more{position:relative; display:none; width:260px; padding:0px 25px; background-color:#919199; margin:0 auto; cursor:pointer;}
.portfolio .btn_more p{line-height:55px; vertical-align:middle; font-size:20px; color:#FFFFFF;}
.portfolio .btn_more p img{position:absolute; top:17px; right:17px}


.input2{line-height:33px; vertical-align:middle; font-size:14px; border:1px solid #e4e4e4; height:35px; background-color:#f4f3f4; padding-left:5px; color:#242424;}
.input3{line-height:33px; vertical-align:middle; font-size:14px; border:1px solid #e1e1e1; height:35px; background-color:#ffffff; padding-left:5px; color:#242424;}
.input4{line-height:33px; vertical-align:middle; font-size:14px; border:1px solid #e1e1e1; height:35px;}
.input5{line-height:18px; font-size:14px; border:1px solid #e1e1e1; color:#242424;}


.cont_resize{width:1100px; margin:0 auto;}


.cont100{position:relative;}




.tab_menu{position:relative; text-align:center;}
.tab_menu ul{display:inline-block;}
.tab_menu ul:after{display:block;clear:both;content:''}
.tab_menu ul li{float:left; display:block; height:45px; margin-bottom:4px;}
.tab_menu ul li a{display:block; margin: 0px 2px; line-height:45px; color:#242424; font-size:12px; padding:0px 34px; text-decoration:none; background-color:#d0d4d5;}
.tab_menu ul li.active a{background-color:#df5148;}
.tab_menu ul li.active a{color:#FFFFFF;}