html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

@font-face {
    font-family: 'Arial_mac';
    src: url("../fonts/Arial.ttf")
}

html {
    height: 100%;
    box-sizing: border-box
}

html>body {
    min-height: 100%;
    position: relative;
    font-family: Arial_mac;
    color: #6f6f6f
}

*,
*::before,
*::after {
    box-sizing: inherit
}

div,
section {
    vertical-align: bottom
}

a {
    color: #6f6f6f
}

a,
a:hover {
    text-decoration: none
}

footer{
    
}

/* navbar */
header nav#menu .nav-left>li.yes319-frontend-page.active>a {
    background: #a02222
}

header nav#menu .nav-left>li.yes319-backend-page.active>a {
    background: #295daa
}

header nav#menu .nav-left>li.design319-backend-page.active>a {
    background: #795548
}

header nav#menu .nav-left>li.realprice-page.active>a {
    background: #4ff2f6;
    color: #0d3435
}
#menu>.menu-nav {
    font-size: 1.05rem;
    margin: 0 auto;
    max-width: 1170px;
    min-height: 50px;
}

#menu>.menu-nav>.navbar-nav>li {
    padding: 15px 0;
}

#menu>.menu-nav>.navbar-nav>li>a {
    padding: 20px;
    line-height: 15px;
}

#menu>.menu-nav>.navbar-nav>li.active>a {
    color: #ffffff;
    background: #00a8be
}

#menu>.menu-nav>.navbar-nav>li.active>a:hover {
    color: #ffffff
}

#menu>.menu-nav>.navbar-right {
    margin-right: 0px
}

/* footer */
footer {
    margin-top: 50px;
    font-size: 13px;
    line-height: 16px
}

footer>.links>a {
    color: #00a8be;
    margin: auto 7px;
    font-size: 16px;
    font-family: monospace;
}

footer>.others {
    margin-top: 17px
}

footer .title{
    font-size: 16px;
    color: #faf9f9;
}

footer .detail{
    border-left: 3px solid #ab2121;
    padding: 5px;
    margin: 0px;
    font-size: 14px;
    color: #faf9f9;
}

.detail a {
    color:#d4d4d4;
}

.detail a:hover{        
    color: #99939b;
    text-decoration: none;
}

/* .hight-banner {
    background: #00a8be;
    height: 500px;
    position: relative
} */

.app-banner {
    background: #00a8be;
    height: 200px;
    position: relative;
}

.app-banner>h1,
.app-banner>p {
    position: absolute;
    left: 6%
}

.app-banner>h1 {
    color: #ffffff;
    font-size: 53px;
    font-weight: 600;
    top: 11%
}

.app-banner>p {
    color: #d3faff;
    font-size: 27px;
    top: 44%
}

.app-banner>.btnzone {
    position: absolute;
    bottom: 4%;
    right: 1%;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.app-banner>.btnzone>a.btn {
    color: #ffffff;
    font-size: 19px;
    margin-left: 10px;
    border: 2px solid #ffffff
}

.app-banner>.btnzone>a.btn[data-page=realprice] {
    color: #034143;
    border-color: #034143
}

.app-banner>.btnzone>a.btn.intro {
    right: 11%
}

.app-banner>.btnzone>a.btn.tuition {
    right: 3%
}

.app-banner>.btnzone>a.btn.active {
    background: #ffffff;
    color: #00a8be
}

.app-banner>.btnzone>a.btn:hover {
    background: #ffffff
}

.app-banner>.btnzone>a.btn[data-page=yes319-front]:hover {
    color: #a02222
}

.app-banner>.btnzone>a.btn[data-page=yes319-backend]:hover {
    color: #295daa
}

.app-banner>.btnzone>a.btn[data-page=design319-backend]:hover {
    color: #795548
}

.app-banner>.btnzone>a.btn[data-page=realprice]:hover {
    background: #034143;
    color: #4ff2f6
}

section.intro-section {
    position: relative;
    overflow: hidden
}

section.intro-section img,
section.intro-section .word {
    position: absolute;
    z-index: 1
}

section.intro-section .word {
    white-space: nowrap
}

section.intro-section>img.bg {
    width: 100%;
    position: relative;
    vertical-align: text-bottom;
    z-index: -1
}

.yes319-app-header #menu>.navbar-header>.navbar-toggle {
    border-color: #a02222
}

.yes319-app-header #menu>.navbar-header>.navbar-toggle>.icon-bar {
    background: #a02222
}

.yes319-app-header #menu>.navbar-header>.navbar-brand {
    color: #a02222
}

#yes319-frontend-banner {
    background: #a02222
}

#yes319-frontend-banner>p {
    color: #f4cdcd
}

#yes319-frontend-p2 #yes319-p2-carousel {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px
}

#yes319-frontend-p2 #yes319-p2-carousel>.carousel-img {
    position: absolute;
    width: 23.5%;
    top: 4%;
    bottom: 0%;
    left: 38%
}

#yes319-frontend-p2 #yes319-p2-carousel>#carousel2Left>img,
#yes319-frontend-p2 #yes319-p2-carousel>#carousel2Right>img {
    width: 6%;
    top: 42%
}

#yes319-frontend-p2 #yes319-p2-carousel>#carousel2Left>img {
    left: 31%
}

#yes319-frontend-p2 #yes319-p2-carousel>#carousel2Right>img {
    right: 31%
}

#yes319-frontend-p2>div>.p2w0>span {
    font-size: 75px
}

#yes319-frontend-p2>div>.p2w1>span,
#yes319-frontend-p2>div>.p2w2>span {
    font-size: 38px
}

.yes319-realty-app-header #menu>.navbar-header>.navbar-toggle {
    border-color: #295daa
}

.yes319-realty-app-header #menu>.navbar-header>.navbar-toggle>.icon-bar {
    background: #295daa
}

.yes319-realty-app-header #menu>.navbar-header>.navbar-brand {
    color: #295daa
}

#yes319-backend-banner {
    background: #295daa
}

#yes319-backend-banner>p {
    color: #dce6f6
}

.design319-designer-app-header #menu>.navbar-header>.navbar-toggle {
    border-color: #795548
}

.design319-designer-app-header #menu>.navbar-header>.navbar-toggle>.icon-bar {
    background: #795548
}

.design319-designer-app-header #menu>.navbar-header>.navbar-brand {
    color: #795548
}

#design319-backend-banner {
    background: #795548
}

#design319-backend-banner>p {
    color: #e8dcd8
}

#design319-designer-p1 .go-google-play {
    bottom: 50px;
    right: 295px;
    width: auto
}

#design319-designer-p1 .go-google-play:hover {
    cursor: pointer
}

#design319-designer-p1 .go-design319 {
    bottom: 33px;
    left: 360px;
    width: 26%;
    border: 2px dashed #c7b4b2
}

#design319-designer-p1 .go-design319:hover {
    cursor: pointer
}

.realprice-app-header #menu>.navbar-header>.navbar-toggle {
    border-color: #4ff2f6
}

.realprice-app-header #menu>.navbar-header>.navbar-toggle>.icon-bar {
    background: #4ff2f6
}

.realprice-app-header #menu>.navbar-header>.navbar-brand {
    color: #4ff2f6
}

#realprice-banner {
    background: #4ff2f6
}

#realprice-banner>h1 {
    color: #034143
}

#realprice-banner>p {
    color: #07888b
}

#realprice-p1.intro-section a.google-play-link>img {
    position: absolute;
    bottom: 3.5%;
    right: 36.8%;
    width: 17%
}

#realprice-p2.intro-section a.google-play-link>img {
    width: 17%;
    position: absolute;
    right: 3.2%;
    top: 7.5%
}

.bg-fffce3 {
    background: #fffce3
}

.bg-e3feff {
    background: #e3feff
}

.padding0 {
    padding: 0 !important;
}

.others>div {
    margin-bottom: 7px;
    font-size: 15px;
    font-family: monospace;
}

.btnzone>a {
    margin: 0px 15px 0px 15px;
}

img[src*=header_icon]:hover {
    position: relative;
    top: 3px;
    left: 3px;
}


.radius_1{
    border-radius:25px;
}
.btn_size{
    padding:18px 20px;
    margin:20px 8px 8px 8px; 
}
.btn_font_style{
    color:#FFF !important;
}
.btn_BG_yes319{
    background-color:#a02222;
}
.btn_BG_yes319:hover,.btn_BG_yes319_realty:hover,.btn_BG_design319_designer:hover,.btn_BG_realprice:hover{
    background-color:#636161;   
}

.btn_BG_yes319_realty{
    background-color:#295daa;
}

.btn_BG_design319_designer{
    background-color:#795548;
}

.btn_BG_realprice{
    background-color:#1bcfd4;
}


/* ------------------media------------------  */


@media (min-width: 768px) and (max-width: 992px){
    /* md情況 */
    .container{
        width: 85%;
        max-width: 800px;
    }

}
@media (max-width: 768px){
    /* sm以下 - 折疊時 */
    .container{
       width: 100%;
       max-width: 100%;
    }
    .navbar-toggler{
        margin: 5px;
    }
    #menu>.menu-nav>.navbar-nav>li.active>a{
        display: block;
        width: 100%;
    }
    #menu>.menu-nav>.navbar-nav>li>a{
        display: block;
        width: 100%;
    }
    #menu>.menu-nav>.navbar-nav>li {
        padding: 0;
    }

}
@media (max-width: 735px){
    
}
@media (max-width: 575px){
    /* xs情況 */
}
@media (max-width: 400px){

}
@media (max-width: 576px){
}


@media print{  
    @page {
        size: A4 portrait;/* A4 直式 */
        margin: 0!important; /* 邊界與內容的距離 */
    }  
    body{
        margin: 0;
    }
    
}