@charset "utf-8";


/*header*/
#header{border-top:3px solid #003f72; font-size:16px;}
#header .page{height:80px;}
.topphone{display:inline-block; background:#003f72; color:#fff; border-radius:2em; padding:0.5em 1.2em; position:absolute; top:0; right:1%; cursor: pointer;}
/*fixedbtn*/
.fixedbtn{position:fixed; bottom:10vh; right:1%; width:48px; height:auto; z-index: 400;}
.fixedbtn a{display:inline-block; width:48px; height:48px; overflow: hidden; text-align:center; border-radius:100%; }
/*footer*/
#footer{color:#fff; text-align:left; font-size:16px; padding:3em 0 3em 0; background:#2a3338;}
#footer a{color:#fff; display:block;}
#footer a:hover{text-decoration:underline;}

/*defaultimg*/

#banner{width:100%; float:left; color:#333; background-size: cover;}
#banner h1{padding:4em 0 1em 0; text-align:center; color:#003f72; letter-spacing:3px;}
#defaultimg .icon{position:absolute; bottom:6vh; width:100%; text-align:center; color:#333;}
#defaultimg .icon p{display:inline-block; height:3em; width:3em; border-radius:99em;  font-size:24px; padding-top:1em; background:rgba(255,255,255,0.7);}
#defaultimg .icon i{font-size:36px; -webkit-animation: mymove 1s infinite; /* Safari 4.0 - 8.0 */ animation: mymove 1s infinite; position:relative; text-shadow:1px 1px 4px rgba(0,0,0,0.3);}
/*animation*/
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0% {top: 0px; }
    60% {top: 50px; color:#fff;}
	80%{top: 40px;}
	85%{top: 50px; color:#fff;}
	100%{top: 0px;}
}

@keyframes mymove {
 	0% {top: 0px;}
    60% {top: 50px; color:#fff;}
	80%{top: 40px;}
	85%{top: 50px; color:#fff;}
	100%{top: 0px;}
	}



@keyframes changecolor {
    0% {background:#C00;}
	50%{background:#003f72;}
	100%{background:#C00;}
	}
.fadeIn{transition:2s; opacity:0;}
.fadeIn.in{opacity:1;}	
	
/*nav*/

.nav a{color:#000; font-size:18px;}
.nav a:hover{color:#900;}
/*content*/
.mask{background:rgba(0,0,0,0.1); color:#fff; text-align:center; transition:.6s; padding:1em; opacity:0;}
.main{line-height:180%; text-align:left;}
/*default use*/
#defaultimg{overflow:hidden;}
#defaultimg .page{height:80vh; width:100%; max-width:100%;}
#defaultimg .bg{width:2560px; height:auto; position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:-1; background:#f1f1f1;}
#defaultimg .slogan{position:absolute; top:60%; left:60%; display:block; transform:translateY(-50%); padding:30px 80px 30px 30px; background:rgba(255,255,255,.7);}
#defaultimg h1{color:#000; line-height:160%; text-align: right; font-weight:900; padding:0; letter-spacing: 1px; margin:0; font-size:3rem;}
#defaultimg p{font-size:24px; color:#333; letter-spacing: 0px; font-weight:500; text-align: right; line-height:200%; margin:0; }
.slogan a.more{-webkit-animation: changecolor 3s infinite; /* Safari 4.0 - 8.0 */ animation: changecolor 3s infinite; background:#C00; color:#fff; border-radius:1em; padding:0 1em; display:inline-block; letter-spacing:2px; font-size:22px; font-weight:bold; box-shadow:0 0 10px rgba(0,0,0,0.3); margin-top:10px;}
.slogan a.more:hover{background:#F30; box-shadow:0 0 10px rgba(0,0,0,0.5); padding:0 2em;}

.d1{color:#515d64; font-size:20px; line-height:200%; background:#fff;}
.d1 h1.tit{color:#003f72; font-weight:normal;}
.d1 section{width:100%; height:auto; display:block; padding:3em 1em 2em 1em ; background:#f5f5f5;}
.d1 a.more{background:#003f72; color:#fff; padding:0.3em 2em; border-radius:0.3em;}
.d1 a.more:hover{background:#333; padding:0.3em 3em;}
.d2{color:#2a3338; padding:80px 0; position:relative; background:#fff;}
.d2 .page{z-index:3;}
.d2::after{content:""; position:absolute; background:url("images/d2_bg2.jpg") no-repeat left bottom; width:100%; height:100%; background-size:cover; display:block; opacity:.4; top:0; left:0;}
.d2 h2{font-size:3rem; border:0 1px 0 1px; margin:0; line-height:1em; letter-spacing:2px;}
.d2 h2 span{font-size:16px; color:#003f72;}
.d2 .block{font-size:16px; line-height:180%; text-align:center; text-align:left; padding:1em;}

.d2 h3.subject{font-size:22px; font-weight:normal; font-weight:700; margin:0 0 0 -.8em; padding:.1em; display:inline-block; border-radius:1em; letter-spacing: 1px;} 
.d2 h3.subject i{font-size:20px; color:#003f72; border-radius:100%; border:3px solid #003f72; width:1.6em; height:1.6em; line-height:1.3em; display:inline-block; text-align:center; margin-right:.3em;}
.d2 .area p{font-size:16px; padding:0em 1em; border-left:1px solid #ccc;}
.d2 a.more{background:#f8a047; color:#fff; border:1px solid #fff; padding:0.5em 2em; border-radius:1em;}
.d2 a.more:hover{background:#333;}
.d3{color:#fff; background:#fff;}
.d3 div.block{background:#333;}
.d3 div.block:nth-of-type(odd){background:#666;}
.d3 h2{font-size:32px; line-height:160%; text-align:right; font-weight:normal; margin-bottom:4em;}
.d3 h3{width:100%; height:auto; color:#fff; margin:0; padding:1em; text-align:center;}
.d3 h4.dolor{font-size:28px; text-align:center; font-weight:normal;}
.d3 h4.dolor span{font-size:16px;}
.d3 ul{list-style:none;}
.d3 ul li{padding:0.3em 0;}
.d3 a.more{border-radius:0.5em; border:1px solid #fff; color:#FFF; background:#666; padding:0.5em 1em; font-size:24px;}
.dgallery{text-align:center; padding-top:0px; background:rgba(255,255,255,.9);}
.dgallery h2{color:#333; font-size:40px; font-weight:normal; border:0 1px 0 1px; border-left:1px solid #ccc; border-right:1px solid #ccc; display:inline-block; padding:0 0.5em;}
.dgallery h2 span{font-size:16px; color:#003f72;}
.dgallery div.block, .gallery div.block{line-height:0;}
.dgallery div.block > div{position:relative; width:100%; height:100%; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.dgallery div.block div.mask{opacity:0.3;}
.dgallery div.block > div:hover div.mask{opacity:1; background:rgba(0,63,114,0.8);}
.dgallery div.block > div:hover div.mask div{transform:scale(1,1);}
.dgallery div.mask div{width:100%; height:100%; border:1px solid #fff; transition:.6s; transform:scale(1.2,1.2);}
.dgallery h4{font-size:18px; position:relative; top:40%; transform:translateY(-50%); line-height:180%; transition:.3s;}
.dgallery h4 i{background:#fff; color:#666; border-radius:99em; padding:0.3em; margin-top:2em; font-size:14px; cursor:pointer; transition:.2s;}
.dgallery h4 i span{font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-left:0.5em; font-size:12px;}
.dgallery h4 i:hover{transform:scale(1.2,1.2);}
.dgallery a.more{border:2px solid #003f72; border-radius:0.5em; padding:1em 0.5em 1em 1em; color:#003f72; font-size:24px; letter-spacing:1px; font-weight:bold; display:inline-block;}
.dgallery a.more i{margin-left:2em; transition:.3s;}
.dgallery a.more:hover{background:#003f72; color:#fff; padding:1em 1.5em 1em 2em;}
.dgallery a.more:hover i{margin-left:2.5em;}
.dcontact{background:#f4f0e7; color:#2a3338; font-size:1.5rem; line-height:1.5em; padding:40px 0 80px 0; position:relative;}
.dcontact h2{font-size:3rem; line-height:140%; margin:0; padding:0; letter-spacing: 2px;}
.dcontact .list{display:flex; flex-wrap:wrap; letter-spacing: 1px; padding:10px 0;}
.dcontact .list .frm{width:100%; padding:0;}
.dcontact .list h3{margin:.5em 0; line-height:1.5em; font-weight:500;}
.dcontact .block{width:100%; display:flex; flex-wrap:wrap;}
.dcontact .list:nth-of-type(1){width:calc(100% - 230px);}
.dcontact .list:nth-of-type(2){width:230px; padding:10px;}
.dcontact .list p{margin-top:.5em; line-height:1.8em;}
.dcontact a{color:#2a3338;}
.dcontact .wwbg{color:#f4f0e7; font-size:6rem; line-height:100%; font-weight:900; position:absolute; left:0; top:-.8em;}
/*content*/
.normal{padding:2em 0; overflow:hidden;}
/*about*/
.about{padding:80px 1em; background:#f5f5f5;}
.tit{font-weight:700; letter-spacing:2px; line-height:1.3em; font-size:3rem;}
.about .list{padding:10px;}
.aboutdel div.five{padding:0.5em; text-align:left; line-height:1.5em; color:#666; font-size:14px;}
.aboutdel .area{background:linear-gradient(#f5f5f5 6%,#fff,#efefef); border-radius:0 0 1em 1em; box-shadow:0 20px 15px rgba(0,0,0,0.1); height:100%;}
.aboutdel h3.subject{color:#fff; text-align:center; border-bottom:3px solid #fff; background:#003f72;}
.aboutdel .area p{padding:0em 1em;}
/*fee*/
.fee{padding:1em;}
.fee > div{width:100%; height:auto; background:#fff; border:1px solid #ccc; font-size:16px; color:#666; line-height:180%;}
.fee h3{width:100%; height:auto; font-weight:normal; margin:0; padding:1em 0.5em; background:#333; color:#fff;}
.fee h4{font-size:22px; margin:0; padding:1em; border-top:1px dotted #ccc;}
.fee h4 > span{color:#C00;}
.fee a.more{background:#C00; padding:1em 2em;  color:#fff;}
.fee a.more:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.item{padding:8px; background:#efefef; color:#333; margin:1em 0; text-align:left;}
.item > div{height:auto; padding:1em 0.3em; border:.5px solid #efefef; background:#fff; font-weight:bold; color:#444F55;}
.item > div > i{color:#C00; font-size:24px; margin-right:0.5em;}
.item .col-7{font-weight:normal; font-size:16px; color:#369; text-align:center;}
.selection .col-4{padding:1em;}
.selection .area{cursor:pointer; background:#fff; transition:.3s; box-shadow:0 10px 10px rgba(0,0,0,0.1); padding:15px;}
.selection .area:hover{box-shadow:0 10px 15px rgba(0,0,0,0.3);}
.selection ul{color:#333; list-style:none; margin:0.5em; padding:0; text-align:left; display:block; min-height:15em;}
.selection li{text-indent:-20px; padding:5px 0px 5px 17px; border-bottom:1px dotted #ccc;}
.selection li i{font-size:24px; color:#C00; margin-right:5px;}
.selection h3.tit{font-size:28px; color:#000; padding:.5em 0; margin:0;}
.selection .btn{width:100%; text-align:center; background:#2a3338; letter-spacing: 1px; font-size:1.2rem;}
.selection .btn:hover,.selection .area:hover .btn{color:#fff; background:#003f72;}
.custom a.more{border-radius:1em; padding:0.5em 2em 0.7em 2em; background:#72bcc5; color:#fff; font-size:18px; display:inline-block; box-shadow:0 0 10px rgba(0,0,0,0.2); font-weight:bold;}
.custom a.more i{margin-left:0.3em; font-size:32px; font-weight:normal; -webkit-animation: handmove 2s infinite; /* Safari 4.0 - 8.0 */ animation: handmove 2s infinite; position:relative;}
.custom a.more:hover{padding:0.5em 3em 0.7em 3em;}
.how .col-12 p{border-radius:1em; padding:0.8em 1.5em; background:#666; color:#fff; display:inline-block; box-shadow:0 5px 15px rgba(0,0,0,0.6);}
.how .col-12 p::before{content:""; width:10px; height:10px; display:inline-block; background:#fff; border-radius:100%; border:3px solid #666; margin-left:-2em;}
.notice{padding:2em 0;}
.notice .col-12{margin:0.5em 0; border-radius:0.5em; overflow:hidden;}
.notice .col-9{background:rgba(255,255,255,0.6);}
.notice .col-3{text-align:center; color:#fff; font-size:22px; font-weight:500; font-family:'Noto Sans TC', sans-serif; line-height:2em;}
.notice ul{list-style:none; margin:0; padding:0;}
.notice ul li{margin:0.1em 0; padding:0.2em 1em; border-bottom:1px dotted #fff;}
.notice ul li::before{content:""; width:10px; height:10px; display:inline-block; background:#fff; border-radius:100%; border:3px solid #C00; margin-right:1em; }
/*nowhow 20200927*/
/*search bar*/
.searchbar{background:#f5f5f5; border-bottom:1px solid #ccc; padding:20px 0; font-size:16px;}
.searchbar input{width:calc(100% - 105px); border:none; padding:10px; border-radius:20px; margin-right:10px;}
.searchbar a{display:inline-block; background:#ffba00; padding:5px; border-radius:20px; width:95px; text-align: center; color:#fff;}
.searchbar a:hover{background:#f36c36;}
.list.info h3.subject{position:relative; font-weight:bold;}
.list.info h3.subject::before{content:""; width:5px; height:5px; display:block; position:absolute; top:50%; left:-13px; transform:translateY(-50%) rotate(45deg); background:linear-gradient(45deg,rgba(255,255,255,0) 50%,#ffdc00 50%);}

.list.info{border-bottom:1px dotted #ccc; padding:0;}
.list.info .frm{padding:5px 15px;}
.list.info .innerhtml{font-size:13px; color:#999; line-height: 160%; min-height:auto;}
.list.info:hover{background:linear-gradient(90deg,#fff,#efefef 10%,#fff);}
.list.info .more span{color:#FF3E41;}
.list.info:hover h3.subject{color:#286fce;}
.info img{max-width: 100%;max-height: 1000px;border: solid 1px #e9e9e9; box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);}
/*subnav*/
.content.knowhow{padding-top:50px; padding-bottom:80px;}
.knowhow h1{border-bottom:1px solid #efefef; padding-bottom:1em;}
.knowhow .subnav ul li{padding:0.3em 0; display: block;}
.knowhow .subnav ul li a{position:relative; border-radius:1em; background:#fff; box-shadow:0 3px 2px rgba(0,0,0,0.1); border:1px solid #efefef; color:#000; padding:0.3em 2em 0.3em 0.5em;}
.knowhow .subnav ul li a:hover{background:#efefef;}
.knowhow .subnav ul li a.hit{font-weight:bold;}
.knowhow .subnav ul li a::after{content:""; position:absolute; width:10px; height:10px; right:1.5em; top:50%; transform:rotate(45deg) translateY(-50%); border:1px solid #ccc; border-bottom:none; border-left:none; transition:.3s;}
.knowhow .subnav ul li a:hover::after{border:1px solid #fff; border-bottom:none; border-left:none;}
.knowhow .subnav ul li a.hit::after{content:""; border:1px solid #666; border-bottom:none; border-left:none;}
.knowhow .subnav ul li a.hit:hover::after{content:""; border:1px solid #fff; border-bottom:none; border-left:none;}
.knowhow .subnav ul li a.hit:hover{border:1px solid #efefef;}
.knowhow .top .subnav ul li a::after{display:none;}
.knowhow .subnav ul li a.hit{border:1px solid #666; background:#666; color:#fff;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes handmove {
    0% {top: 130px; color:#333; }
    60% {top: 5px; color:#333;}
	61% {top: 5px; color:#fff;}
	85%{transform:scale(1,1);}
	90%{transform:scale(0.9,0.9); top:6px;}
	95%{transform:scale(1,1); top:5px;}
	
}

@keyframes handmove {
    0% {top: 130px; color:#333; }
    60% {top: 5px; color:#fff;}
	61% {top: 5px; color:#fff;}
	85%{transform:scale(1,1);}
	90%{transform:scale(0.9,0.9); top:6px;}
	95%{transform:scale(1,1); top:5px;}
	}
/*example*/
.example{text-align:center; padding-top:1em;}
.example .frm{overflow:hidden;transition:.3s; height:300px; opacity:0.4;}
.example .frm:hover{opacity:1;}
.example a.more{padding:1em 0; width:100%; height:auto; border:1px solid #333; color:#333; display:block; margin:2em 0; font-size:26px;}
.example a.more:hover{background:#333; color:#fff; font-weight:bold;}
/*process*/
.process h4{width:6em; height:6em; border-radius:99em; display:inline-block; font-size:16px; padding-top:0.5em;}
.process span{font-size:18px; color:rgba(255,255,255,0.7); font-style:italic;}
.processdel div.col-12 > div{padding:1em 2em;}
.processdel div.col-12  > div > div{width:100%; height:100%; overflow:hidden; float:left; background:#f5f5f5; transition:.3s; cursor:pointer; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.processdel div.col-12  > div > div:hover{box-shadow:0 10px 20px rgba(0,0,0,0.3); color:#000;}
.processdel div.col-12  > div > div:hover img{opacity:1;}
.processdel div.col-12  > div > div:hover h3.subject{color:#F60; opacity:1; text-shadow:0 0 3px #fff; }
.processdel div.pic{width:100%; height:auto; float:left; position:relative; overflow:hidden; background:#000; line-height:0; margin-bottom:1em;}
.processdel div.pic img{opacity:0.7; width:100%; height:auto; transition:.3s;}
.processdel h3.subject{width:100%; height:100; color:#fff; bottom:0; left:0.5em; position:absolute; line-height:1.5em; opacity:.9; font-size:20px; transition:.3s; text-shadow:0 2px 10px #000; }
.processdel h3.subject span{font-size:60px;}
.processdel hr{margin:0; background:#F90; border:2px solid #F90; position:absolute; bottom:0; left:0;}
.processdel ul{list-style:decimal;padding:2em 0.5em 0em 2em;}
.processdel li{padding:0.5em 0; color:#666; font-size:14px;}
/*gallery*/
.gallery div.block{padding:1em;}
.gallery div.block > div{background:#fff; width:100%; height:auto; float:left; transition:.3s; cursor:pointer;}
.gallery div.block > div:hover{background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.gallery div.block > div:hover img{transform:scale(1.1,1.1);}
.gallery div.block h4{font-size:18px; font-weight:normal; color:#F60; margin:1em 0 0 0; line-height:130%;}
.gallery div.block div.pic{width:100%; max-height:300px; overflow:hidden;}
.gallery div.pic img{transition:.3s;}
.gallery section{height:5em; color:#666; padding:1em; }
.gallery a.view{color:#666; font-size:14px; padding:0.2em;}
.gallery a.view:hover{color:#F90;}
.gallery a.view i{padding-right:0.5em;}
.side h2.subject{text-align:center; color:#73633E; font-weight:normal; line-height:130%; margin:0;}
.side h2.subject span{width:4em; height:3px; display:inline-block; background:#F90;}
.gallerydetail a.btn{border:1px dashed #999; color:#999; padding:0.4em 1em; margin:3px 0; background:none; border-radius:0; font-size:14px;}
.gallerydetail a.btn:hover{background:#999; color:#fff;}
.gallerydetail a.btn > i{padding-right:0.5em;}
/*template*/
.templatelist{width:100%; height:auto; padding-bottom:80px;}
.templatelist .rwd{padding:1em;}
.templatelist .rwd > div{width:100%; height:auto; float:left; background:#fff; transition:.5s; font-size:13px; cursor:pointer; color:#666;}
.templatelist .rwd > div:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2); transform:translateY(5px); color:#333;}
.templatelist .rwd .pic{width:100%; height:auto; float:left; overflow:hidden;}
.templatelist .rwd h4.subject{color:#2C383A; font-size:18px; margin-bottom:0; padding-top:0.4em; background:linear-gradient(#efefef, #fff); display:block; width:100%; float:left;}
.templatelist .rwd h3.subject{color:#F60; font-weight:normal; font-size:18px; }
.templatelist .rwd p{padding:0 0.3em; float:left; width:100%; text-align:center; margin-top:0;}
.templatelist .rwd section{padding:0.5em;}

.template a.more{background:#333; color:#fff; padding:0.5em; border-radius:0.3em; margin:0.5em; display:inline-block;}
.template a.more:hover{background:#F60; color:#fff; padding:0.5em; border-radius:0.3em;}
/*service*/
.service{background:url("images/d2_bg.jpg") no-repeat top center; background-size:cover; padding:2em; color:#fff; padding:80px 0 100px 0;}
.service a.more{color:#fff; background:#C00; padding:1em 2em; display:inline-block;}
.service a.more:hover{background:#F60;}
.service a.more2{color:#CCC; padding:0.5em 2em; display:inline-block; border:1px solid #CCC;}
.service a.more2:hover{ color:#F90; border:1px solid #F90;}
.advantage{list-style:none; margin:00; padding:0;}
.advantage li{height:auto; display:inline-block; margin:0; padding:1em; float:left; font-weight:bold; font-size:18px; color:#2C383A;}
.advantage li span{font-size:16px;}
.advantage li p{text-align:left; font-weight:normal; font-size:16px; color:#666;}
/*rwdshop*/
.rwdshoplist{list-style:none; text-align:left; margin:0; padding:0; color:#666; margin:2em 0;}
.rwdshoplist li{padding:0.3em; border-bottom:1px dotted #ccc;}
/*faq*/
.qa{list-style:none; margin:0; padding:0;}
.qa li{display:block; background:#fff; margin-bottom:8px; padding:0.5em; color:#666; box-shadow:0 0 2px rgba(0,0,0,0.1); border-radius:3px; transition:.3s; cursor:pointer;}
.qa li:hover{color:#F60; box-shadow:0 1px 8px rgba(0,0,0,0.2);}
.qa li > section{display:block; width:100%; height:auto; padding-left:27px; color:#333; border-top:2px dotted #efefef; display:none; padding-top:1em;}
.qa li::before{content:"Q."; padding-right:5px; color:#999; font-size:20px;}
/*contact*/
.contact .block{padding:0em 1em;}
/*btn*/
.btn{background:#666; color:#fff; border-radius:0.3em; padding:0.5em 1.5em;}
.btn:hover{background:#333;}
/*clogin*/
.clogin{font-size:14px; color:#fff; line-height:130%; background:#ff6600; border-radius:100%; overflow:hidden; padding-top:6px; margin-top:20px;}
.clogin:hover{background:#0099cc;}






/*subnav*/
.subnav ul li{border:none; transition:.3s; display:inline-block;}
.subnav ul li a{color:#fff;}
.example .frm{height:270px;}
.topphone{position:absolute; top:0; right:0; border-radius:0 0 1.5em 1.5em; padding:0.2em 1.2em;}
.d3 div.five{width:25%;}
@media screen and (max-width:1400px){/*desktop*/
	#defaultimg .slogan{left:auto; right:0px;}

}

@media screen and (max-width:1286px){/*desktop*/

.topphone{position:absolute; top:0; right:0; border-radius:0 0 1.5em 1.5em; padding:0.2em 1.2em;}

.d3 div.five{width:50%;}
.d2 .block{padding:1em; font-size:14px;}
.d2 .block h3.subject{font-size:16px;}
.d2 .area p{font-size:14px;}

.example .col-p3{height:250px;}

/*fee*/
.item > div > i{margin:0;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
#defaultimg h1{font-size:2.5rem;}
.example .col-d4{height:250px;}
}
@media screen and (max-width:767px) {/*mobile*/
.tit{font-weight:bold;}
.topphone{position:fixed; bottom:0; width:100%; height:auto; border-radius:0; z-index:400; text-align:center; padding:0.7em 0; background:linear-gradient(#C30,#333); box-shadow:0 -5px 10px rgba(0,0,0,0.2);}

#defaultimg .slogan{width:100%; padding:10px; top:100px; transform:translateY(0);}
#defaultimg h1{font-size:2rem; text-align:center; }
#defaultimg p{text-align:center;}
.d3 div.five{width:50%;}
.d3 h4.dolor, .d3 a.more{font-size:20px;}
#header{background:#fff;}
.d1 section{padding-bottom:1em; font-size:16px;}
.d2 .block{padding:1em;}
h2.tit{font-size:2rem !important; line-height:150%;}
/*footer*/
#footer{text-align:center;}
.dcontact .list:nth-of-type(1){width:100%;}
.dcontact .list:nth-of-type(2){width:100%;}
.dcontact .list a[alt='tel']{font-size:2.5rem !important;}
.dcontact .wwbg{font-size:3rem;}
	/*fee*/
.item > div{padding:1em 0.3em;}
.example .col-m6{height:200px;}
.example{padding:3em 0 0 0;}
/*fee how*/
.how .col-12{text-align:left;}
.how .col-12 p{width:100%;}
/*process*/
.processdel div.col-12 > div {padding:1em 0;}
/*subnav*/
.content.knowhow{padding-top:0px;}
.knowhow .subnav ul li{padding:0;}
.knowhow .subnav ul li a{position:relative; border-radius:0; box-shadow:none; border:none; border-top:1px dotted #ccc; color:#000; padding:0.3em 0.5em;}
.knowhow .subnav ul li a::after{display:none;}
}