body,header,nav,footer,#main,.left-contents,.center-contents,.right-contents,nav ul,nav li,#main .section,p,h1,h2,h3,h5,.col2,.col2 li,.col3,.col3 li,.col5,.col5 li,footer ul,footer li,a{margin:0;padding:0;border:none;list-style:none;outline:none;font-weight:normal;text-decoration:none;box-sizing:border-box;color:#555;-webkit-text-size-adjust:100%;font-family: "Microsoft JhengHei",Arial, Helvetica, sans-serif;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
body{text-align: justify;}
a img:hover{opacity:0.8;}
header nav .clearfix a:focus{background-color:#eee;}
header{background-color:#fff;border-bottom:4px solid #E35581;margin-bottom:30px;}
.home header{margin-bottom:0;}
.home footer{margin-top:0;}
header h1{font-size:14px;text-align:center;}
header .clearfix{width:1200px;margin:auto;}
header .left-contents{width:300px;float:left;padding-top:10px;}
header .center-contents{width:560px;float:left;}
header .center-contents .banners{text-align:center;}
header .center-contents .banners img{display:inline-block;background-color:#aaa;margin:0 6px;}
header .right-contents{width:340px;float:right;}
#global-menu-button{display:none;}
#global-menu{display:none;}
header nav{width:1200px;padding-top:10px;margin:auto;}
header nav .link{text-align:right;margin-bottom:16px;margin-top:-30px;}
header nav .link a{display:inline-block;margin-left:20px;color:#777;}
header nav .link a:hover span{text-decoration:underline;}
header nav .link a:before{content:"\f0da";font-family:FontAwesome;margin-right:8px}
header nav ul{border-left:1px solid #ccc;}
header nav ul li{float:left;width:171px;border-right:1px solid #aaa;}
header nav ul li a{font-family:"Microsoft JhengHei";font-size:18px;color:#948e82;font-weight:bold;display:block;text-align:center;line-height:150%;}
header nav ul li a span{display:block;margin-top:-5px;font-size:12px;color:#fea69d;}
footer{border-top:5px solid #dc404e;background:linear-gradient(#f3edde, #fff);min-width:1200px;margin-top:50px;position:relative;}
footer .sitemap{padding:10px 20px;text-align:left;}
footer .sitemap div{width:1200px;margin:auto;}
footer .sitemap li{list-style:none;}
footer .sitemap div>ul{width:33.33333333333%;float:left;}
footer .sitemap a{color:#dc404e;}
footer .sitemap div>ul>li{line-height:200%;}
footer .sitemap div>ul>li>a{font-size:16px;}
footer address{clear:both;}
#main .visual{min-width:1160px}
#main .visual img{display:block;width:100%;max-width:1500px;min-width:1200px;margin:auto;width: 8em;height: 40em;}
#main .visual .v-contents{height:160px;background-color:#fbeff8}
#main .visual .v-contents div{height:160px;width:1200px;margin:auto;position:relative;}
#main .visual .v-contents div ul{position:absolute;bottom:0;left:0;padding:0}
#main .visual .v-contents div ul li{width:220px;float:left;background-color:#fff;padding:16px;list-style:none;margin-right:16px;border:1px solid #ccc;}
#main .visual .v-contents div ul li:last-child{margin-right:0}
#main .visual .v-contents div ul li h3{width:160px;margin:auto;font-size:16px;text-align:center;padding:8px 0;border-top:dashed 1px #aaa;border-bottom:dashed 1px #aaa;}
#main .visual .v-contents div ul li p{font-size:14px;padding:16px}
#main .visual .v-contents .vside{width:360px;position:absolute;right:0;padding-top:15px;height: 145px;}
#main .visual .v-contents .vside img{width:100%;min-width:initial}
#main .gray{background-color:#f4f4f4;}
#main .section{width:1300px;margin:auto;}
#main .col3 li{float:left;width:33.3333333333333333333333333333333333333%;}
#main .col5 li{float:left;width:20%;}
#main .rank .section img{display:block;width:100%;}
#main .article{text-align: center;}
#top-message h1,.article h3{border-bottom:1px dotted #E8616D;line-height:150%;text-align:center;padding-bottom:30px;padding-top:20px;margin-bottom:15px;font-size:26px;font-weight: bold;font-family: "Microsoft JhengHei",Arial, Helvetica, sans-serif;}
#top-message p,.article p{margin:50px;margin-left:auto;margin-right:auto;text-align:center;font-size:17px;font-style:normal;margin-top:20px;line-height:150%;}
#main .section{margin-top:10px;margin-bottom:25px;}
#main .gray .section{padding:40px 0;}
#main .section h3{margin-top:10px;}
#main h2,#main h4{position: relative;color:#FA8072;padding: 10px 0;text-align: center;margin: 1.5em 0;font-size:30px;color:#5E5B5B;background-color:#fbeff8;}
#main h4{font-weight: 500;}
#main .elem{padding:20px 0;}
#main .elem li{list-style:none;text-align:center;font-size:22px;font-weight:bold;color:#E54A4B;line-height:1.8em;margin:12px 0 15px 0;}
#main .elem p{text-align:center;font-size:16px}
#main .sns{margin-bottom:50px;}
#main .sns li{text-align:center;}
#main .topic{margin-bottom:50px;}
#main .topic li{text-align:center;}
.information {overflow:scroll;height:300px;padding:0 20px}
.information::-webkit-scrollbar{width:10px;background:#eee;}
.information::-webkit-scrollbar-thumb{background:#ccc;}
.information li{list-style:none;padding:10px 0}
.information li span{font-size:18px;line-height:24px}
.information li .date{float:left;width:160px}
.information li .detail{width:1080px;float:right}
.information li .detail a{color:#36a}
.information li .detail a:hover{text-decoration:underline}
footer address{margin-top:20px;text-align:center;line-height:200%;}
/* 委託注意事項 */
#wrap{width: 1200px;margin: auto;}
#contents{width: 850px;float: right;}
#contents h2 {margin-top: 10px;margin-bottom: 35px;font-size: 19px;padding-top: 10px;background-color: #f8f8f8;border-left: 10px solid #fea69d;padding: 10px;color: #000000;font-weight: 500;padding-left: 20px;}
.wakaresase #main #wrap #contents h2 {padding: 0;border: none;line-height: 60px;color: #f77;position: relative;font-weight: bold;font-size: 20px;padding-left: 48px;background-color: #f9f3f3;margin-bottom: 1em;text-align: inherit!important;}
.aligncenter {text-align: center;margin-top: 30px;}
#contents p {margin-bottom: 16px;}
.wakaresase #main #wrap #contents p {line-height: 2em;margin-bottom: 2em;}
#contents h3 {background: #FFF0F5;padding: 0.6em;margin-top: 10px;margin-bottom: 35px;font-size: 22px;padding-top: 10px;}
.wakaresase #main #wrap #contents h3 {line-height: 48px;border-bottom: 3px solid #f77;color: #f77;position: relative;font-weight: bold;font-size: 18px;padding: 0 0 0 16px;background-color: #f9f3f3;margin-bottom: 1em;}
.wakaresase #main #wrap #contents h2:before {content: '';display: block;position: absolute;left: 10px;width: 12px;height: 60px;background-color: #f55;margin-right: 16px;transform: skew(-16deg, 0);}
.wakaresase #main #contents .step {background: #fcf9f4;padding: 16px 20px 5px;margin: 5px 0 10px 0;}
.aligncenter {text-align: center;margin-top: 30px;}
.wakaresase #main #contents p a {text-decoration: underline;}
#sidebar {width: 300px;padding: 0;float: left;}
#sidebar h2 {font-size: 20px;font-weight: bold;padding: 8px;color: #E35581;border-bottom: 1px dotted #000;background: none;text-align: inherit;}
#sidebar ul {border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 0;}
#sidebar ul li {list-style: none;border-bottom: 1px solid #ccc;}
#sidebar ul li a {display: block;text-align: left;padding: 10px 10px 10px 35px;background-image: url(images/sarrow.png);background-repeat: no-repeat;background-position: 15px 50%;}
/* 服務內容 */
.wakaresase #main #contents table {width: 100%;border-collapse: collapse;border: 1px solid #ccc;margin-bottom: 20px;}
.wakaresase #main #contents table th, .wakaresase #main #contents table td {padding: 10px;border: 1px solid #ccc;}
.wakaresase #main #contents table th {background-color: #eee;}
.wakaresase #main #contents table th {width: 15%;text-align: left;}
#main .yellow{background: linear-gradient(transparent 70%, #FFFF00 0%);}
#main .samon {background: linear-gradient(transparent 10%, #FAEBD7 0%);font-size: 23px;color: #C91554;}
/* 影視頻道 */
#main .col2 li {float: left;width: 50%;}
#main .section .col2 li {padding: 10px 40px;}
iframe {border: none;}
#main .section .col2 li iframe {width: 100%;}
/* 離婚諮詢 */
.wakaresase #main #wrap #contents #tbl-contents {background-color: #fafafa;padding: 24px;margin-bottom: 50px;}
.wakaresase #main #contents ul li{list-style: none;margin-bottom: 16px;}
.wakaresase #main #wrap #contents #tbl-contents .title {font-size: 24px;font-weight: bold;letter-spacing: 8px;border-bottom: 1px solid #999;margin-bottom: 0;}
.wakaresase #main #wrap #contents #tbl-contents>ul>li {list-style: disc;padding: 8px 16px;background-color: #f9f3f3;color: #f77;text-decoration: underline;}
/* 戀愛對策 */
.musubase #main #wrap #contents h4{font-weight: bold;border-top: 1px solid #555;border-bottom: 1px solid #555;color: initial;font-size: 22px;padding: 8px;margin-bottom: 1em;background-color: inherit;}
/* 緣切問答 */
.wakaresase #main #wrap #contents q {display: inline-block;background-color: #f5f5f5;width: 100%;border-radius: 8px;font-style: italic;color: #58AcfA;box-sizing: border-box;padding: 16px;margin: 1em 0;}
.wakaresase #main #wrap #contents q.m {background-color: #F8E0E6;color: #FA5882;}
.wakaresase #main #contents ul{margin: 0;padding: 0;}
.wakaresase #main #wrap #contents .qa li {margin: 0;padding: 16px;border-bottom: 1px solid #f55;}
.wakaresase #main #wrap #contents .qa .q:before {content: '\f0e5';font-weight: bold;font-family: FontAwesome;display: block;color: #f55;float: left;margin: 0 8px;}
.wakaresase #main #wrap #contents .qa .q:after {content: '\f0d7';font-family: FontAwesome;display: block;text-align: center;color: #f55;font-size: 24px;}
.wakaresase #main #wrap #contents .qa .q {background-color: #f9f9f9;transition: all ease .3s;cursor: pointer;}
/* 網站地圖 */
.wakaresase #main #wrap #tbl-contents {background-color: #fafafa;padding: 24px;margin-bottom: 50px;}
.wakaresase #main #wrap #tbl-contents .title {font-size: 24px;font-weight: bold;letter-spacing: 8px;border-bottom: 1px solid #999;margin-bottom: 0;}
.wakaresase #main #wrap #tbl-contents .link li {list-style: circle;list-style-position: inside;margin-bottom: 16px;background-color: #f9f3f3;padding: 8px 16px;}
/* 分段點1024 */
@media only screen and (max-width:1024px){header,header .clearfix,header nav,footer,footer .sitemap div{width:100%;min-width:100%;}
img{max-width:100%}
#main{width:100%;padding:0 10px;}
#main .section{width:100%;}
#main .visual{width:100%;min-width:100%;}
#main .visual img{width:100%;min-width:100%}
#main .rank{height:auto}
#main .section .col3 li img{width:100%;height:initial;}
#main .visual{width:100%;}
#main .visual img{width:100%;height: 11em;}
#main .visual .v-contents {height:initial;padding:1%;}
#main .visual .v-contents div{width:100%;height:initial;}
#main .visual .v-contents div ul{width:100%;position:static;text-align:center;box-sizing:border-box;}
#main .visual .v-contents div ul:after{content:'';display:block;clear:both;}
#main .visual .v-contents div ul li{float:none;width:26%;display:inline-block;margin-right:1%;height:230px;vertical-align:top}
#main .visual .v-contents div ul li:last-child{margin-right:0;}
#main .visual .v-contents div ul li h3{font-size:20px;width:100%}
#main .visual .v-contents div ul li p{font-size:13px;padding:16px 4px;text-align:left;}
#main .visual .v-contents div .vside{position:static;height: initial;padding: 0 0 10px;text-align:center;width:90%}
#main .visual .v-contents div .vside img{max-width:100%;display:initial;width:initial}
header nav ul li{width:initial;}
header nav ul{display:table;table-layout:fixed;width:100%;}
header nav ul li{float:none;display:table-cell;vertical-align:middle;}
header nav ul li a{display:block;padding:8px 0;font-size:16px;}
header nav ul li a span{font-size:10px;margin-top:3px;}
header nav ul.clearfix:after{display:none;}
header nav .link{padding-right:10px;margin-top:0px;}
.information li .date{display:block;float:none;width:100%}
.information li .detail{display:block;width:100%;float:none;padding:0 10px;}
#wrap {width: 100%;}
body:not(.home) #main #contents {width: calc(100% - 320px);}
body:not(.home) #main #contents * {max-width: 100%;}
}
/* 分段點768 */
@media only screen and (max-width:768px){img{max-width:100%;}
.article img{max-height: 12em;}
header,header .clearfix,header nav,footer,footer .sitemap div{width:100%;min-width:100%;}
header p{display:none;}
header .left-contents{padding:0;width:40%;}
header .right-contents{width:60%;text-align:right;}
header .center-contents{text-align:center;float:none;width:100%;clear:both;}
#main{width:100%;padding:0 20px;}
#main .section{width:100%;}
#top-message p{font-size:20px;text-align:left;padding:0 20px;}
#main .section .col3 li{padding:10px;}
#main .section .col3 li a img{width:100%;height:initial;}
#main .section h3 img{max-width:100%;height:initial;}
#main .elem li{font-size:20px;}
#main .topic .col5 li{width:50%;margin-bottom:20px;}
#main .sns li{width:33.333333333333333%;padding:10px;}
#main .sns li img{width:100%;height:initial;}
#main .visual .v-contents div ul li{height:240px}
#main .visual .v-contents div ul li h3{font-size:15px;width:100%}
#main .visual .v-contents div ul li p{font-size:12px;padding:16px 4px;}
footer .sitemap div>ul{width:100%;}
footer .sitemap div li{width:49%;display:inline-block;}
footer .sitemap div>ul>li>a{font-size:14px;}
header nav ul li{width:initial;}
header nav ul{display:table;table-layout:fixed;width:100%;}
header nav ul li{float:none;display:table-cell;vertical-align:middle;}
header nav ul li a{display:block;padding:8px 0;font-size:16px;}
header nav ul li a span{font-size:10px;margin-top:3px;}
header nav ul.clearfix:after{display:none;}
.wakaresase #wrap {width: 100%;}
.wakaresase #contents{width: 100%;}
#contents {float: none;width: 100%;}
body:not(.home) #main #contents {width: 100%;}
#contents img {max-width: 100%;}
#sidebar {float: none;width: 100%;}
#sidebar .sub_contents img {display: block;margin: 0 auto 10px;}
#main .section .col2 li {padding: 10px;}
}
/* 分段點580 */
@media only screen and (max-width:580px){header{border-top:4px solid #E35581}
nav{display:none;}
header .left-contents{float:none;width:100%;position:relative;}
header .right-contents{float:none;width:100%;text-align:center;}
header .right-contents img{max-width:100%;}
header .center-contents{float:none;width:100%;}
.center-contents .banner img{width: 50%;}
#main .visual .v-contents div ul{padding:0 10px;}
#main .visual .v-contents div ul li{height:initial;display:block;width:100%;box-sizing:border-box;margin-bottom:10px;}
#main .visual .v-contents div ul li h2 br{display:none;}
#main .visual .v-contents div ul li p{font-size:12px;padding:16px 4px 0;}
#global-menu-button{display:block;width:60px;height:60px;position:absolute;top:8px;right:0px;padding-top:5px;border-left:1px solid #ccc;}
#global-menu{position:absolute;z-index:9999;box-sizing:border-box;top:75px;border:1px solid #aaa;width:96% !important;margin-left:2%;border-radius:5px;box-shadow:1px 1px 2px 0 #ccc;}
#global-menu .global-menu-in{width:100%;margin:0;border-radius:5px;}
#global-menu ul{margin:0;padding:0;}
#global-menu li{display:block;list-style:none;padding:0;margin:0;box-sizing:border-box;border-right:none;width:100%;}
#global-menu li a{display:block;color:#555;padding:10px 20px;background:linear-gradient(#fff, #f7f7f7);border-bottom:1px solid #aaa;}
#global-menu li:first-child{border-top-left-radius:5px;border-top-right-radius:5px;}
#global-menu li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#global-menu li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}
#global-menu li:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.information li span{font-size:15px}
/* footer .sitemap div>ul:first-child{display:none;} */
footer .sitemap div>ul{margin-bottom:8px;}
footer .sitemap div>ul:last-child li{width:100%;padding:0 10px;}
}
/* 分段點480 */
@media only screen and (max-width:480px){
#top-message p{padding:0;font-size:16px;margin-bottom:30px;}
#main .col3 li{width:50%}
#main .elem li{font-size:16px;}
#main .section .col3 li:nth-child(2n+1){clear:both!important;}
#main .topic .col5 li:nth-child(2n+1){clear:both;}
#main .topic .col5 li p{font-size:12px;}
#main .topic .col5 li img{max-width:100%;height:initial;}
#main h2,#main h4{font-size:18px;}
.article h3{padding-top: 0;}
#main .col2 li {width: 100%;}
}