/*國泰世華-國內訂房優惠自定義CSS*/
.product-all {
    text-align: left;
}

.product-box {
    width: 30%;
    max-width: 200px;
    text-align: center;
    padding: 15px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    letter-spacing: 1px;
}

.product-title {
    color:#333333;
    font-weight: bold;
    width: 100%;
}

.product-icon {
    margin-bottom: 10px;
    text-align: center;
}

.product-icon img {
    width: 100%;
    max-width: 88px;
    margin: auto;
}

.product-title {
    margin-bottom: 10px;
    text-align: center;
    color:#333333;
    text-shadow: #333333 0em 0em 0em;
    font-weight: bold;
    font-size: 18px;
}

.product-box span {
    text-align: center;
    display: inline-block;
    padding: 6px 10px;
    color:#ffffff;
    text-shadow: #ffffff 0em 0em 0em;
    font-weight: bold;
    border-radius: 5px;
    font-size: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.product-box:hover span {
    color:#fcff00;
    text-shadow: #fcff00 0em 0em 0em;
}

.product-but1 span {
    background:#e65656;
    box-shadow: 0px 3px #cb3c3c;
}

.product-but2 span {
    background:#2b6fbb;
    box-shadow: 0px 3px #235894;
}

.product-but3 span {
    background:#ff7f17;
    box-shadow: 0px 3px #da680c;
}

.product-but4 span {
    background:#47a24b;
    box-shadow: 0px 3px #348537;
}

.product-but1 {
    background:url(images/product_bk1.png) right top no-repeat #ffecec;
    margin-bottom: 10px;
}

.product-but2 {
    background:url(images/product_bk2.png) right top no-repeat #dff5ff;
}

.product-but3 {
    background:url(images/product_bk3.png) right top no-repeat #fff4de;
}

.product-but4 {
    background:url(images/product_bk4.png) right top no-repeat #e3f7e4;
}

.main-smalltitle {
    margin-top: 25px;
}

/*平板
-----------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    .product-all .product-but1 {
        margin-bottom: 20px;
    }

    .product-box {
        width: 45%;
        max-width: inherit;
        margin-bottom: 10px;
    }

    .product-box span {
        font-size: 18px;
        padding: 10px;
    }
}


/*手機
-----------------------------------------------------------------*/

@media screen and (max-width: 480px) {
    .product-box {
        width: 100%;
    }
}