@charset "utf-8";
/** bootstrap **/
@import "bootstrap-4.2.1.css";
/** 文字icon **/
@import "font-awesome.min.css";
/** 手機選單 **/
@import url("slicknav.css") screen and (max-width:900px);

/** edm **/

/* @import "edm.css"; */

/** PhotoSwipe Repository **/

@import "dist\photoswipe.css";

@import "dist/default-skin/default-skin.css";

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html{width:100%; height:auto;}

body{background:#fff; margin:0; padding:0; width:100%; height:auto; font:16px/1.5 "Microsoft JhengHei";}

.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

* html .clearfix{height:1%;}

a,a:hover{text-decoration:none;/* display: block; */}
/* a{display: block;} */

img{border:0; vertical-align:middle; max-width:100%;}

input{vertical-align:middle;}

.slicknav_menu{display:none;}

input.select-box{margin-bottom:5px; padding:5px 3%; width:20px; height:20px; text-align:center; border:1px solid #cbcbcb;}

input:focus, select:focus, textarea:focus, button:focus{outline:0;}

ol,ul,li,p{/* padding: 0; *//* margin: 0; */}

h2{
    font-size: 30px;
    font-weight: 600;
}
h3{
    font-size: 24px;
    font-weight: 600;
}



/** 表單預設文字顏色設定 **/

::-webkit-input-placeholder{color:#999999;}

::-moz-placeholder{color:#999999;}

:-ms-input-placeholder{color:#999999;}

input:-moz-placeholder{color:#999999;}

#field2::-webkit-input-placeholder{color:#999999;}

#field3::-webkit-input-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}

#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}

#field2::-moz-placeholder{color:#999999;}

#field3::-moz-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;}

#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;}

.writing-mode-vertical{writing-mode:tb-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; -moz-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr;}



/** 手機選單、選單 色塊-變色 **/

.b-color{background:#fff;}
.slicknav_menu{
    position:sticky;
    right: 0;
    top: 0;
    height: 0;
    z-index: 9999;
    width:100%;
}
.slicknav_menu a{
    background: #003276;
    padding: 1rem;
    border-radius: 5px;
}

.slicknav_icon-bar{background:#fff;}

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#003276}

.border-color{border-left:7px #A0A0A0 solid;}

.slicknav_nav .slicknav_arrow{font-family:Arial;}

.slicknav_nav a{
    background: #f8f8f8;
    color: #000;
    margin: 5px 0;
}
.slicknav_nav {
    text-align: center;
    background: #fff;
}

.slicknav_nav li{
    border-bottom: 1px solid #aaa;
}

.slicknav_nav li:last-child{
    border-bottom: none;
}
.slicknav_btn{
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
    margin: 17px 22px;
}
@media screen and (max-width:768px){
    .slicknav_btn{
        margin: 20px 10px;
    }
}
/* @media screen and (max-width:576px){
    .slicknav_btn{
        margin: 26px 10px;
    }
} */

/** 上版 **/

header{background:#ffffff;}

.head-main{max-width:1200px; margin:0 auto; height:inherit; min-height:90px;display: flex; align-items: center;}

.logo-main{
    display: flex;
    align-items: center;
    flex: 1;
}
.head-main .logo{max-width: 60%; height:auto; margin-left: 10px; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}

/* .head-main .logo a{ } */

.head-main .logo img{
    width: 317px;
}

.head-main .study-btn{
    font-weight: bold;
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
}
.head-main .study-btn a{
    color: #fff;
    background: #fe0000;
    padding: 5px 10px;
    margin: 10px;
    display: block;
}

@media (min-width: 900px) and (max-width: 1143px){
    .head-main .logo{
         max-width: 50%;
    }
    .head-main .study-btn{
        font-size: 15px;
    }
    .head-main .study-btn a{
        margin: 5px;
    }
}
@media screen and (max-width:768px){
    .logo-main{
        max-width: 85%;
    }
    .logo-main .study-btn{
        font-size:16px;
    }
    .head-main .logo{
        max-width: 45%;
    }
}
@media screen and (max-width:576px){
    .logo-main{
        flex-direction: column;
        max-width: 80%;
        padding: 10px;
    }
    .head-main .logo{
        max-width:100%;
        margin: 0;
    }
    .head-main .study-btn{
        width: 100%;
        text-align: center;
        padding-top: .5rem;
    }
    .head-main .study-btn a{
        margin: 4px 0;
    }

}




/** 主選單與下拉 **/

.menu{max-width:1200px; padding:0; list-style:none; position:relative; margin:0 auto; display:flex;text-align:center;}

.menu>li{position:relative; padding: 0;}

.menu>li>a{color:#000;padding:10px; margin:0;display:block; border-bottom:3px solid transparent;}

/* .menu>li>a:after{
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
    height: 2px;
    background: #fe0000;
    transform: scaleX(0);
    transition: transform 0.5s ease;
} */

.menu>li>a:hover{color: #ffffff; font-weight: bold;border-bottom:3px solid red;background-color: #79848b;}

.menu>li>a:hover:after{
    transform: scaleX(0.8);
}

.menu>li.sub>ul.sub-menu{background:rgba(0,0,0,0.5); display:none; position:static; z-index:999; margin:0; padding:0; border-radius:0 0 5px 5px; overflow:hidden;}

.menu>li.sub:hover ul.sub-menu{position:absolute; display:block; width:100%; left:0; top:47px;}

.menu>li.sub>ul.sub-menu>li{display:block; border-top:1px #fff dotted;}

.menu>li.sub>ul.sub-menu>li>a{display:block; color:#fff; padding:5px 10px; margin:0;}

.menu>li.sub>ul.sub-menu>li>a:hover{background:#000000;}



@media screen and (max-width:900px){

	.slicknav_menu{display:block;

    }

	#menu{display:none;}

}



/** edm輪播 **/
/*
.edm{background:#ffffff; max-width:100%;margin:0 auto; position:relative;}

.edm img{vertical-align:middle; width:100%; height:auto; position:absolute;} */



/** 配置 **/

.warpper{background:#fff; max-width:1200px; margin:0 auto;}

.main{padding: 0 10px;}

.i-service,.i-study-content,.i-country{
    max-width: 1200px;
    margin: 10px 0;
    color: #003276;
}

/** 服務項目 **/
/* .i-service{} */
.i-service ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.i-service ul li{
    width: 50%;
    text-align: center;
    margin: 0;
    padding: 0;
}
.i-service ul li a{
    padding: 16px 10px;
    margin: 10px;
    border: 1px solid #003276;
    border-radius: 10px;
    background: #fff;
    color: #003276;
    font-size: 32px;
    font-weight: 600;
    box-shadow: 6px 6px 16px rgb(0 0 0 / 30%);
    height: 80%;
    display: block;
}
.i-service ul .ser-color a{
    color: #fff;
    background: #003276;
    display: block;
}
.i-service ul li a:hover{
    box-shadow: 3px 3px 6px rgb(0 0 0 / 30%);
}
@media screen and (max-width:768px){
    .i-service ul{
        flex-direction: column;
    }
    .i-service ul li{
        width: 100%;
    }
    .i-service ul li a{
        font-size: 30px;
    }
}
@media screen and (max-width:576px){
    .i-service ul li a{
        font-size:1.5rem;
        /* margin: 20px 5px;
        padding: 20px 10px; */
    }
}



/** 留學表單+說明 **/

/* .i-study-content{} */
.i-study-main{
    display: flex;
}
.i-study-from{
    margin-right: 70px;
}
.i-study-from,.i-notice{
    flex: 1;
    padding: 0 5px;
}

.form-box input, .form-box img{vertical-align:middle;}

.opinion{display:flex; flex-wrap:wrap; margin:10px 0; overflow:hidden; align-items: center;}

.opinion-left01{ min-width:150px; padding:5px 15px;  display:flex; align-items:center;}

.input-main-select{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.input-main-style01,.input-main-style02,.input-main-style03{
    flex:1; width:100%; border:1px solid #003276; border-radius: 20px; background: #fff; margin:0; padding:5px 15px; min-height:37px; font-size: 16px;
}
.input-main-style02{flex: auto; width:calc(50% - 20px);margin:0 10px 10px 0;}

/* .input-main-style03{} */

.input-main-select select:nth-child(2){
    margin-right: 0;
}

.option-radio{
    border: 0;
}
.section-style01{
    color: #bbb;
}

input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}


.cart-btn{padding:25px 0;/*margin-top:25px;*/border: 0;}

/* .i-notice ul{  } */

.i-notice ul li{
    /* margin-left: 40px; */
    padding: 5px;
}

.i-study-btn{
    width: 100%;
    background: url("../images/phone_btn.png") 15% center no-repeat;
    font-size: 24px;
    font-weight: 600;
}
.i-study-btn a{
    color: #003276;
    border: 1px solid #003276;
    border-radius: 10px;
    padding: 60px 10px;
    text-align: center;
    margin: 20px 0;
    box-shadow: 6px 6px 16px rgb(0 0 0 / 30%);
    display: block;
}
.i-study-btn a:hover{
    box-shadow: 3px 3px 6px rgb(0 0 0 / 30%);
}
.code-img{
    display: flex;
}
.code-img img{
    margin-left: 5px;
    padding: 5px 0;
}
@media screen and (max-width:900px){
    .i-study-main{
        flex-direction: column;
    }
    .i-study-from{
        margin: 0;
    }
    .opinion-left01{
        padding-left: 0;
    }
}
@media screen and (max-width:575px){
    .input-main-style01{
        flex: auto;
    }
    /* .opinion{
        margin: 10px 0;
    } */
}


/** 國家 **/
/* .i-country{  } */
.i-country ul{
    display: flex;
    list-style: none;
    text-align: center;
    padding: inherit;
}
.i-country li{
    margin: 0 10px;
    flex: 1;
}
.i-country a{
    color: #003276;
}
.i-country img{
    border-radius: 50%;
    box-shadow: 6px 6px 16px rgb(0 0 0 / 30%);
    margin: 10px 0;
}
.i-country img:hover{
    box-shadow: 3px 3px 6px rgb(0 0 0 / 30%);
}

@media screen and (max-width:576px){
    .i-country ul{
        display: flow-root;
    }
    .i-country ul li{
        margin: 20px 10px;
    }

}



/** 內頁banner **/

.inside-banner{background: #133563;padding: 5px 0;}

.inside-banner .banner-title{max-width:1200px; font-size:18px; color:#ffffff; margin:0 auto; padding:0;}



@media screen and (max-width:767px){

	.inside-banner{/* padding: 10px; */}

}



/** Breadcrumb **/

.breadcrumb{display:flex;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;padding:0.75rem 1rem 0.75rem 0;list-style:none;background-color: #133563;border-radius:0.25rem;}

.breadcrumb-item{padding-left:0.5rem;}

.breadcrumb-item + .breadcrumb-item::before{display:inline-block; padding-right:0.5rem; color:#6c757d; content:"/";}

.breadcrumb-item a{font-weight:bold;text-decoration:none;color: #ffffff;}

.breadcrumb-item a:hover{color:#007bff; text-decoration:none;}









/** 內頁架構 **/

.content-body{max-width:1200px; /*margin:0 auto;*/ background:#ffffff; padding:20px 0;}

.page-title{font-size:30px; font-weight: bold;color:#333; padding:5px 0 10px; margin:0; border-bottom: 1px solid #aaa;}

.page-main{padding:10px; font-size:16px; color:#333; /*margin-bottom: 50px;*/}

.page-main h2{font-size: 24px;}
.page-main h3{font-size: 20px;}
.page-main .input-main-style01,.page-main .input-main-style02,.page-main .input-main-style03{color: #333;border: 1px solid #333;}/*外框灰色*/
.page-main .opinion{
    flex-wrap: nowrap;
}
@media screen and (max-width:575px){
    .page-main .opinion{
        flex-wrap: wrap;
    }
}
/** 表單灰色調整 **/
.page-main .cart-btn a{
    border:1px solid #333;
}
.page-main .cart-btn a.btn-send,.page-main a.btn-reset:hover{
    background: #333;
    color: #fff;
}
.page-main a.btn-reset,.page-main .cart-btn a.btn-send:hover{
    color: #000;
    background: #fff;
}
.page-main .option-radio{
    border: 0;
}


/** 左邊分類 **/



.in-left-menu>ul{margin:0; padding:0; list-style:none;}

.in-left-menu>ul>li{border-bottom:1px #fff solid;color:#666; padding:0;}

.in-left-menu>ul>li>a{background:#f4f8fb; color:#333; display:block; padding:10px 5px 10px 25px; line-height:1.5em;}

.in-left-menu>ul>li>a:hover{background-color:#e9ecef; border-left:3px #111111 solid;}

.in-left-menu>ul>li:first-child>a:hover{border:0;}

.in-left-menu>ul>li>.current{background:url(../images/left-icon.png) no-repeat 7px 18px #e9ecef; border-left:3px #111111 solid;}

.in-left-menu>ul>li ul{margin:5px 0 0 30px; padding:0; list-style:square;}

.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px 5px 5px 0;}

.in-left-menu>ul>li ul li a{font-size:14px; color:#666; display:block;}

.in-left-menu>ul>li ul li a:hover{color:#71743D;}

.left-beautify img{width:100%; height:auto; margin-top:0px;}

.m_classLink{display:none;}

.in-left-menu ul li .left-menu-title{
    background:#cbe2f9; text-align:center; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px;
}


@media screen and (max-width:575px){

	.classBox{padding:0 0 20px 0;}

	ul.classLink{display:none;}

	.m_classLink{display:block; position:relative; background-color:#fff; border:1px solid #d1d1d1;}

	.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; color:#333; position:relative; padding:8px;}

	.m_classLink a.main i{display:block; font-size:15px; background:#afafaf; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}

	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#e9ecef; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}

	.m_classLink ul li{margin:0; padding:0; border-top: 1px solid #aaa;}


	.m_classLink ul li a{display:block; padding:8px; font-family:"Microsoft JhengHei", "新細明體", sans-serif; font-size:15px; color:#222;}

	.m_classLink ul li:first-child a{border:none;}

	.m_classLink ul li a:hover{background:#fff;}

	.m_classLink ul li ul{display:block; margin:0 10px; padding:0; list-style:none; width:calc(100% - 20px);  position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}

	.left-menu-title{display:none;}

	.left-beautify{display:none;}

}

/** 移民與簽證 **/
/* .visa-menu{} */

.visa-menu ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    margin: 0 0 20px;
}

.visa-menu ul li{
    width: calc(50% - 20px);
    margin: 10px;
    text-align: center;
}

.visa-menu ul li a{
    background: #fff;
    border:1px solid #333;
    color: #000;
    border-radius: 5px;
    padding: 8px;
    display: block;
}

.visa-menu ul li a:hover{
    color: #fff;
    background: #333;
}



/** 公司介紹 **/
.about-img{
    margin-bottom: 20px;
}

/** 最新活動 **/

.news ul{margin:0; padding:0; list-style:none;}

.news ul li{clear:both; border-bottom:1px #E3E3E3 dotted;}

.news ul li a{color:#333; display:flex; align-items:center; padding:8px 10px;}

.news ul li a:hover{background:#f9f9f9;}

.news ul li .news-date{width:100px; color:#b9b9b9; font-size:14px; text-align:center; margin:0 15px 0 0;}

.news ul li .news-content{flex:1; font-size:15px; color:#333;}

.news-detail-date{color:#b9b9b9; padding:10px 0; border-bottom:1px #D7D7D7 dotted;}

.news-img,.news{
    margin-bottom: 20px;
}

.news-from{
    margin-bottom: 50px;
    padding: 8px;
    background-color: #e4fafd5c;
}

/* .news-notice ul{ } */
.news-notice ul li{
    margin-left: 35px;
    padding: 5px;
}


@media screen and (max-width:400px){

	.news ul li a{display:block;}

	.news ul li .news-date{width:100%; text-align:left;}

}



/** 產品搜尋 **/

.search{padding:0;}

.search-input{padding:0px 0 10px 0; position:relative; color:#333;}

.search-input img{position:absolute; right:0; top:0px;}

.search input{background:#eeeeee; font-size:15px; color:#333; padding:5px 66px 5px 15px; width:100%; border:0; margin:0; vertical-align:middle; min-height:31px; font-family:"Microsoft JhengHei";}

.search img{vertical-align:middle;}

.pro-search-info{font-size:18px; color:#64691F; line-height:1.5em; border-bottom:1px #CCC dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}



/** 產品列表介紹 **/

.pro-store-info{font-size:15px; color:#666; padding:10px; margin-bottom:20px;}

.pro-list ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}

.pro-list ul li{width:25%; margin:0; padding:10px; text-align:center;}

.pro-list ul li:hover{background:#f8f6f6;}

.pro-list ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}

.pro-list ul li .pro-store{color:#938c83; padding:10px 0 0px 0; display:block; text-decoration:line-through;}

.pro-list ul li .pro-price{color:#b83400; font-size:20px; padding:5px; display:block;}



@media screen and (max-width:767px){

	.pro-list ul li{width:33.3333%;}

}


@media screen and (max-width:575px){

	.pro-list ul li{width:50%; padding:5px;}

}



/** 產品明細 **/

.pro-detaile-title{font-size:18px; color:#333; padding:5px; margin:0 0 10px 0; font-weight:normal;}

.pro-detaile-box{display:flex; flex-wrap:wrap; margin:0 0 15px 0;}

.pro-detaile-photo-box{width:calc(50% - 25px); margin:0 25px 0 0;}

.pro-detaile-spe-box{width:50%; position:relative; padding-bottom:210px;}

.pro-detaile .pro-photo-box{background:#fff; width:100%; margin:0; padding:0;}

.pro-detaile .pro-photo-box img{width:100%; height:auto;}

.pro-list-time{background:url(../images/time.png) left center no-repeat; font-size:12px; color:#968c69; padding-left:20px;}

.pro-specification{font-size:15px; color:#333; position:relative;}

.cart-info{position:absolute; width:100%; bottom:0;}

.cart-info .price{font-size:22px; font-weight:bold; color:#F00; display:block; text-align:right;}

.cart-info .price.origin{font-size:smaller; color:#666; text-decoration:line-through;}

.cart-info .price.special{font-size:smaller; color:#000;}

h3.pro-introduce{background:#999; font-weight:normal; border-left:5px #111111 solid; padding:8px 10px; font-size:20px; color:#fff; margin:25px 0 15px 0;}

.pro-content{padding:0px 0; font-size:15px; color:#333; clear:both;}



@media screen and (max-width:767px){

	.pro-detaile-box{display:block;}

	.pro-detaile-photo-box{width:100%; margin:0 0 15px 0;}

	.pro-detaile-spe-box{width:100%; padding-bottom:0;}

	.cart-info{position:inherit; bottom:inherit;}

}



/** 產品明細圖片特效 **/

.slider-wrap{width:100%;}

.stripViewer .panelContainer{width:400% !important;}

.stripViewer .panelContainer .panel ul{text-align:left; margin:0 15px 0 30px; width:100%;}

.stripViewer{position:relative; overflow:hidden; width:100%; height:auto;}

.stripViewer .panelContainer{position:relative; left:0; top:0; width:400%;}

.stripViewer .panelContainer .wrapper{width:100%; display:flex; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}

.stripViewer .panelContainer img{width:auto; height:auto; max-width:100%; max-height:100%;}

.stripViewer .panelContainer .panel{float:left; position:relative;}

.stripNavL, .stripNavR, .stripNav{display:none; width:100%;}

.slider-wrap a{height:auto;}

.nav-thumb{margin-right:0;}

#movers-row{margin:5px 0 0 0; width:101%;}

#movers-row div{width:25%; float:left; padding-right:1%;}

#movers-row div a.cross-link{float:right; display:flex; width:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center; border:1px #C0C0C0 solid;}

#movers-row div a.cross-link img{width:auto; height:auto; max-width:100%; max-height:100%;}

.cross-link{display:block; margin-top:0px; position:relative; padding-top:0px;}

/* .active-thumb{} */

.panel{width:25%;}



@media screen and (max-width:370px){

	.stripViewer .panelContainer .wrapper{height:323px;}

	#movers-row div a.cross-link{height:77px;}

}





/* 產品明細-加入購物車動態視窗 */

/* .addcart-box .modal-title{} */

.addcart-box .price.member{color:#9e0c36; font-weight:bold;}

.addcart-box .spec-title{padding:10px 0;}

.addcart-box ul.specs li{display:inline-block; width:auto; margin:0 5px 20px 0; padding:5px; border:2px solid #333; border-radius:5px; cursor:pointer;}

.addcart-box ul.specs li[disable],.addcart-box ul.specs li.current[disable]{background-color:#fff; color:#ccc; border-color:#ccc;}

.addcart-box ul.specs li.current{background-color:#d63b68; color:#fff;}

             ul.specs {margin-left:0; padding-left:0;}





/** 購物車按鈕 **/

.add-to-cart{color:#cecece; font-size:15px; display:block; width:100%; text-align:center;}

.add-to-cart a{background:#ffffff; padding:5px 8px; color:#333333; font-size:15px; display:block; border:1px #bbbbbb solid; width:100%; text-align:center;}

.add-to-cart a:hover{background:#ffbe00; color:#fff; border:1px solid #ffbe00;}

.add-to-cart a[disable]{cursor:no-drop; color:#cecece;}

.add-to-cart a[disable]:hover{background-color:#fff; border:1px solid #bbbbbb;}





/** 購買數量 **/

.cart-info .qtynspec{display:flex; flex-wrap:wrap;}

.cart-info .quantity{display:flex; justify-content:flex-end; align-items:center; width:100%; font-size:16px; color:#333; padding:7px 0;}

.cart-info .quantity-title{font-size:15px; color:#333; min-width:32px; margin:0 10px 0 0;}



/** 購買數量增減模組 **/

.qtyInputBox{display:inline-table; vertical-align:middle; height:30px; width:auto;}

.qtyInputBox .input-group-btn, .qtyInputBox input{display:table-cell; position:relative; float:left; top:0;}

.qtyInputBox .input-group-btn button{display:block; width:30px; height:30px; margin:0; padding:0; border:1px solid #ccc; border-radius:3px 0 0 3px; overflow:hidden;}

.qtyInputBox .input-group-btn:last-child button{border-radius:0 3px 3px 0;}

.qtyInputBox button i{display:block; width:100%; height:100%; margin:0; padding:0; line-height:30px; background-color:#fff;}

.qtyInputBox button i:hover{background-color:#eee;}

.qtyInputBox input{margin-bottom:0; width:calc(100% - 60px); height:30px; line-height:30px; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:middle; padding:0 5px; text-align:center;}

.qtyInputBox button:focus, input:focus{outline:0;}



/** 購買尺寸 **/

.size{margin:0; padding:7px 0; border-bottom:1px #DFDFDF solid; border-top:1px #DFDFDF solid; display:flex; align-items:center;}

.size-title{font-size:15px; color:#333; min-width:32px; margin:0 10px 0 0;}

.size ul{list-style:none; margin:0 auto; padding:0; flex:1; display:flex; flex-wrap:wrap;}

.size ul li{background:#aaaaaa; font-size:12px; color:#ffffff; margin:2px 5px 2px 0; padding:2px; cursor:pointer; min-width:25px; width:25px; text-align:center;}

.size ul li:hover{background:#000;}

.size ul li.active{background:#000;}

.size ul li.none{background:#E7E7E7;}

.size ul li.title{background:none; font-size:15px; color:#575757; width:auto;}



/** 購買規格 **/

.specification{margin:0; padding:7px 0; display:flex; justify-content:flex-end; align-items:center; width:100%;}

.specification-title{font-size:15px; color:#333; min-width:32px; margin:0 10px 0 auto;}

.specification select{min-height:30px; border:1px #ccc solid; max-width:calc(100% - 32px);}



/** 相片集 **/

/* PhotoSwipe Repository */

.my-gallery figure{margin:0 0 20px; padding:0 5px 5px;}

.my-gallery figcaption{text-align:center; padding:5px 0; font-size:15px;}

.my-gallery .pro-photo{display:flex; align-items:center; justify-content:center;}



/** FAQ **/

.faq>ul{margin:0; padding:0 5px; list-style:none;}

.faq>ul>li{border-bottom:1px #fff solid; font-size:15px;}

.faq>ul>li .qa_title{background:#ffffff; font-weight:normal; border-left:8px #9c9c9c solid;}

.faq>ul>li .qa_title a{color:#555555; display:block; padding:10px 0 10px 10px;}

.faq>ul>li .qa_title a:hover{background:#dbdbdb;}

.faq>ul>li .qa_content{border-top:1px #CCC dotted; padding:10px; font-size:15px; color:#666;}

.faq>ul>li .qa_content a{color:#555555; display:initial;}

.faq>ul>li .qa_content a:hover{background:none; text-decoration:underline;}

.opacl{font-size:12px; line-height:20px; padding-bottom:10px;}

.opacl a{background:#959595; color:#fff; padding:7px 15px; margin:0 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

.opacl a:hover{background:#333;}

.faq>ul>li .qa_content .close_qa{font-size:12px; color:#999; text-align:right;}

.faq>ul>li .qa_content .close_qa a{color:#999;}

.faq>ul>li .qa_content .close_qa a:hover{color:#666; background:none;}



/** 聯絡我們 **/

.contact-img,.contact{ margin-bottom: 20px;}


.contact-note{padding:20px 0; font-weight:bold; font-size:15px; color:#900;}



/** 表單欄位 **/


/*
.form-box input, .form-box img{vertical-align:middle;}

.opinion{display:flex; flex-wrap:wrap; margin:5px 0; border:1px solid #ced4da; border-radius:3px; overflow:hidden;}

.opinion-left01{background:#e9ecef; width:110px; min-width:110px; padding:5px 15px; font-weight:bold; font-size:15px; font-family:"Microsoft JhengHei"; color:#495057; line-height:1.8; display:flex; align-items:center;}

.input-main-style01{flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}

.input-main-style02{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}

.input-main-style03{background:#f4f8fb; flex:1; width:100%; border:0; margin:5px 0 0 0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}

.input-main-select{background:none; flex:1; width:100%; border:0; margin:0; padding:5px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}

.input-main-select select{background:#f4f8fb; width:calc(50% - 2.5px); margin-right:5px; padding:5px 15px; line-height:1.8; border:0; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; min-height:37px;}

.input-main-select select:nth-child(2){margin-right:0;}

.select-style{background:#8a6e0c; font-size:15px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}

.input-style01{background:#f4f8fb; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:15px; font-family:"Microsoft JhengHei"; color:#333; line-height:1.8; min-height:37px;}

input:disabled{background-color:#fff; color:#2d7fb9; cursor:no-drop;}

.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:15px; line-height:1.5; font-weight:bold; background-color:#2d7fb9; color:#fff; border-radius:5px;}

.btn.openlink:hover{background-color:#ffbe00;}

img.code{width:100px; height:37px; margin:0; vertical-align:middle; display:inline-block;}



@media screen and (max-width:400px){

	.opinion{display:block;}

	.opinion-left01{width:100%;}

	.input-main-style02{width:calc(100% - 104px); display:inline-block;}

}
*/


/** 按鈕 **/

.cart-btn{padding:20px 0; text-align:center; /*margin-top:40px;*/ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

/* .btn-send{} */

a.btn-send{padding:5px 20px; text-align:center; color:#fff; min-width:100px; margin:2px 10px; border:1px solid #003276; border-radius:10px; background:#003276;}

a.btn-send:hover{background:#fff; color: #003276;}

a.btn-reset{background: #fff;
    border: 1px solid #003276;
    color:#003276;
     padding:5px 20px; text-align:center; min-width:100px; margin:2px 10px; border-radius:10px;}

a.btn-reset:hover{background:#003276; color:#fff;}

a.btn-send-over{background:#7ea2c5; padding:5px 20px; text-align:center; font-size:15px; color:#fff; min-width:100px; margin:2px; border-radius:5px; border:2px solid #7ea2c5;}

a.btn-send-over:hover{background:#96b9dc; border:2px solid #96b9dc;}



@media screen and (max-width:575px){

	a.btn-send,a.btn-reset{padding:5px 10px; width:calc(95% - 4px);margin: 10px;}

	a.btn-send-over{padding:5px 10px; width:calc(50% - 4px);}

}
/*
.cart-btn a{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}
.cart-btn a:hover{
    color: #fff;
    background: #000;
}
*/



/** 會員登入 **/

.member-login-box{max-width:900px; margin:0 auto;}

.login-tool ul{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

.login-tool ul li{padding:0; margin:5px; min-width:50px;}

.login-tool ul li img{width:100%;}



/** 送出訊息 **/

.jump-window-box{max-width:500px; margin:0 auto; border:1px #ccc solid; padding:20px; border-radius:5px;}



/** 訂單列表 **/

.order-list ul{list-style:none; padding:0; margin:0;}

.order-list ul li{padding:8px 5px; margin:0;}

.order-list ul li .order-list-content{text-align:center; margin:0;}

.order-list ul li:first-of-type{border-bottom:0; padding:8px 5px;}

.order-list ul li:first-of-type .order-list-content{font-size:15px; text-align:center;}

.order-list ul li:first-of-type .order-list-content b{display:block; background-color:#f4f8fb; line-height:2; border-radius:5px;}

.order-list .order_number{font-size:15px; color:#333;}

.order-list .order_date{font-size:15px; color:#333;}

.order-list .order_total{font-size:15px; color:#333;}

.order-list .order_status{font-size:15px; color:#333;}

.order-list .order_details{font-size:15px; color:#333;}

.order-list .order_details a{display:block; color:#666; padding:3px 10px; line-height:1.5em;}

.order-list ul li:hover{background-color:#f4f8fb;}

.order-list ul li:hover .order_details a{color:#c72729;}

.oproject{display:none;}

.oproject-content{flex:1;}



@media screen and (max-width:767px){

	.order-list ul li .order-list-content{padding:5px 0;}

	.order-list ul li:first-of-type{display:none;}

	.oproject{display:inline-block; color:#000; width:100px; margin:0;}

	.oproject-content{width:100%; max-width:100%; text-align:left;}

}



/** 訂單明細 **/

.order-detail{font-size:15px; color:#333; margin:0 0 20px 0;}

.order-detail h3{color:#990000; font-size:18px; padding:0; margin:25px 0 10px 0;}

.order-numbering{color:#2d7fb9; font-size:18px;}



/** 訂單&購物車配置網格 **/

.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}

.o-col-sm{-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%;}

.o-col-sm-auto{-ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:none;}

.o-col-sm-1{-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}

.o-col-sm-2{-ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;}

.o-col-sm-3{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}

.o-col-sm-4{-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}

.o-col-sm-5{-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}

.o-col-sm-6{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

.o-col-sm-7{-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}

.o-col-sm-8{-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}

.o-col-sm-9{-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}

.o-col-sm-10{-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;}

.o-col-sm-11{-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}

.o-col-sm-12{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}



@media screen and (max-width:767px){

	.o-col-sm, .o-col-sm-1, .o-col-sm-10, .o-col-sm-11, .o-col-sm-12, .o-col-sm-2, .o-col-sm-3, .o-col-sm-4, .o-col-sm-5, .o-col-sm-6, .o-col-sm-7, .o-col-sm-8, .o-col-sm-9, .o-col-sm-auto{width:100%; max-width:100%; flex:inherit;}

}



/** step **/

.steps{text-align:center; padding:30px 0;}

.steps .step{display:inline-block; width:240px; max-width:33%; text-align:center; margin:0 -2px;}

.steps .step span{display:block; font-weight:bold;}

.steps .step span.badge{position:relative; height:30px; line-height:30px; text-align:center;}

.steps .step span.badge .text{position:absolute; left:calc(50% - 15px); font-size:18px; font-family:Arial; color:#fff; background-color:#d9d9d9; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; z-index:1;}

.steps .step.active span.badge .text{color:#fff; background-color:#000;}

.steps .step span.badge:before{content:""; position:absolute; background-color:#d9d9d9; width:100%; height:2px; top:50%; left:0; margin-top:-1px; z-index:0;}

.steps .step:first-child .badge::before{width:50%; left:50%;}

.steps .step:last-child .badge::before{width:50%; right:50%;}



/** 購物車第一步驟 **/

.shopping-car{margin:0 0 40px; padding:10px 0;}

.shopping-car ul{list-style:none; padding:0; margin:0;}

.shopping-car ul li{padding:12px 5px; margin:0;}

.shopping-car ul li .shopping-car-content{margin:0;}

.shopping-car ul li:first-of-type{border-bottom:0; padding:8px 5px;}

.shopping-car ul li:first-of-type .shopping-car-content{font-size:15px; text-align:center;}

.shopping-car ul li:first-of-type .shopping-car-content b{display:block; background-color:#f4f8fb; line-height:2; border-radius:5px;}

.shopping-car .shop-car-info{display:flex; font-size:15px; vertical-align:middle; text-align:left; align-items:center;}

.shopping-car .shop-car-info a.pro-photo{width:60px; margin:0 15px 0 0;}

.shopping-car .shop-car-info .description{font-size:15px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}

.shopping-car .shop-car-info .description .shop-car-info-title{font-size:15px; font-weight:bold;}

.shopping-car .shop-car-info .description .spec{font-size:13px; color:#666;}

.shopping-car .shop-car-price{display:block; height:100%; font-size:15px; color:#333; text-align:center;}

.shopping-car .shop-car-price .original-price{display:block; font-size:12px; text-decoration:line-through; color:#999;}

.shopping-car .shop-car-quantity{display:block; font-size:15px; text-align:center;}

.shopping-car .shop-car-subtotal{display:block; font-size:15px; color:#900; text-align:center;}

.shopping-car .shop-car-del{display:block; font-size:15px; text-align:center;}

.shopping-car .shop-car-del a{color:#333; padding:5px 10px;}

.shopping-car .shop-car-del a:hover{color:#f00;}

.shopping-car ul li.addcontainer{background-color:#eee; padding:10px 5px 10px 20px;}

.shopping-car ul li.addcontainer h1{background-color:#4697bf; margin:0 0 5px; padding:5px 10px; font-size:15px; line-height:1.2em; color:#fff; border-radius:3px;}

.shopping-car ul li.addcontainer b{color:#000;}

.shopping-car ul li.addcontainer .shop-car-img img.pro-photo{margin:0 15px 0 0; width:90px; height:90px; padding:10px; border:1px #ccc solid;}

.shopping-car ul li.addcontainer .addc-price{font-size:18px; font-weight:bold; color:#f00; margin:0 3px;}

.discountCoupon{position:relative;}

.discountCoupon span{content:"X"; display:inline-block; background-color:#e4e4e4; width:26px; height:26px; margin:1px; position:absolute; right:15px; top:0; font-size:12px; line-height:26px; text-align:center; cursor:pointer;}



@media screen and (max-width:767px){

	.shopping-car ul li .shopping-car-content{padding:5px 0;}

	.shopping-car ul li:first-of-type{display:none;}

	.shopping-car .shop-car-price{text-align:right;}

	.shopping-car .shop-car-quantity{text-align:left; flex:1; order:1;}

	.shopping-car .shop-car-subtotal{text-align:right; flex:1; order:3; font-weight:bold; font-size:18px;}

	.shopping-car .shop-car-del{width:50px; order:2;}

	.discountCoupon span{right:0;}



}



/** 總計 **/

.checkout-cart-summary{padding:10px 0;}

.checkout-cart-summary .subtotal{font-size:15px; color:#333; padding:5px; margin:0;}

.checkout-cart-summary .subtotal-name{font-weight:bold; text-align:left;}

.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:bold;}

.checkout-cart-summary .subtotal-content{text-align:right;}

.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:15px; color:#333; border-top:1px #ccc solid; padding:5px; margin:10px 0 0 0;}

.checkout-cart-summary .toc{font-weight:bold; color:#900; font-size:18px;}



@media screen and (max-width:767px){

	.checkout-cart-summary .subtotal-name{padding:0;}

	.checkout-cart-summary .subtotal-content{padding:0;}

}



/** 購物車第二步驟 **/

.section-body{margin:0 0 20px 0;}

.shopping-list-more{background-color:#e9ecef; font-size:18px; text-align:center; padding:10px 0; display:block; width:100%; cursor:pointer; border-radius:5px; overflow:hidden;}

.shopping-list-more i.fa.fa-question-circle{margin-left:5px; font-size:24px; color:#2d7fb9;}

.shopping-list-more:hover i.fa.fa-question-circle{color:#ffbe00;}

.shopping-list-more:hover{background-color:#e9ecef;}

.shopping-list-more .shopping-car{margin:20px 0 0 0;}

.shopping-list-toc{text-align:center; font-weight:bold; color:#900; font-size:18px;}



/** 頁次 **/

.page{font:13px/2.4 "Microsoft JhengHei"; color:#333; text-align:center; clear:both; margin:15px 0;}

.page a{background:#4a4a4a; color:#fff; padding:4px 10px; display: inline;}

.page a:hover{background:#848484; color:#fff;}

.page br{display:none;}



@media screen and (max-width:640px){

	.page br{display:block;}
	
	.visa-menu ul li{width: calc(100% - 20px); margin: 10px;  text-align: center;}

}


/** gotop **/
.gotop{
    width: 60px;
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 999;
}


footer{background: #133563; font-size:16px; color:#ffffff;}
.f-main{
    max-width: 1200px; margin: 0 auto; padding: 20px 0;
    align-items: center;display: flex;
}
.f-left{
    display: flex;
    align-items: center;
    flex: 1;
}
.f-logo{
    text-align: center;
    margin: 0 10px;
    /* width: 4rem; */
}
.f-info{
    width: 70%;
    margin: 0 10px;
}
.f-info h3{ font-size:16px; border-bottom:1px #fff solid; padding:10px 0; margin:0 0 10px 0;}
.f-info ul{
    list-style: none;
    padding: initial;
}
.f-info ul li{
    padding: 0 5px;
    margin: 5px 0;
    display: inline-block;
}
.f-info ul li a{
display: inline-block;
}
.f-info ul li img{
    margin: 0 10px;
    width: 13px;
}
.f-info ul li span{
    background: #ff0000;
    padding: 2px 10px;
    margin: 0 5px;
}
/* .f-contact{} */
.f-contact ul{
    list-style: none;
}
.f-contact-top ul,.f-contact-bottom ul{
    display: inline-flex;
    justify-content: flex-end;
}
.f-contact ul li{
    width: 59px;
    margin: 10px;
}
.f-copyright{
    text-align: center;
    margin: 0 auto;
    color: #fff;
    padding-bottom: 2rem;
    font-size: 14px;
}
@media screen and (max-width:1024px){
    .f-main{
        flex-direction: column;
    }
    .f-left{
        width: 98%;
        justify-content: center;
    }
    .f-contact{
        display: flex;
        margin-top: 20px;
    }
}
@media screen and (max-width:800px){
    .f-left{
        flex-direction: column;
    }
    .f-info{
        margin-top: 20px;
        text-align: center;
        width: 85%
    }

}
@media screen and (max-width:576px){
    .f-contact {
        flex-direction: column;
        align-items: center;
    }
    .f-info{
        width: 98%
    }
    .f-logo{
    /*text-align: center;*/
    /*margin: 0 10px;*/
     width: 5rem; 
}
    /* .f-info ul li{
        margin: 15px 0;
    } */
}

/** 購物車模組 **/

#sidr-left{font:15px/1.6 Arial, "Microsoft JhengHei"; display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:260px; overflow-x:none; overflow-y:auto; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-size:15px; background:#333; color:#fff; -webkit-box-shadow:inset 0 0 5px 5px #222; -moz-box-shadow:inset 0 0 5px 5px #222; box-shadow:inset 0 0 5px 5px #222;}

#sidr-left *{font:15px/1.6 Arial, "Microsoft JhengHei"; color:#fff;}

#sidr-left .cart-header{padding:15px; text-align:center; position:relative;}

#sidr-left .cart-header .cross{position:absolute; top:5px; right:10px;}

#sidr-left .cart-header .fa{font:20px FontAwesome;}

#sidr-left .ng-hide{padding:15px; text-align:center;}

#sidr-left .cart-items{padding:15px;}

#sidr-left .cart-item{margin:10px 0; display:flex;}

#sidr-left .cart-item .product-link{width:45px;}

#sidr-left .cart-item .product-link img{width:100%;}

#sidr-left .cart-item .cart-item-content{flex:1; margin:0 10px;}

#sidr-left .cart-item .cart-item-content .title{font-size:13px;}

#sidr-left .cart-item .cart-item-content .ng-scope{font-size:13px;}

#sidr-left .cart-item .cart-item-content .price-details{font-size:13px;}

#sidr-left .cart-item .cart-item-content .ng-binding{font-size:13px;}

#sidr-left .cart-item a.remove{width:30px; font-size:14px; color:#ddd; font-family:Arial, "Microsoft JhengHei";}

#sidr-left .cart-item a.remove:hover{color:#c0392b;}

#sidr-left .cart-chkt-btn{width:100%; display:block; padding:15px;}

#sidr-left .cart-chkt-btn button{width:100%; font-size:14px; line-height:1.4em; padding:6px 12px; border:1px solid #888; text-align:center; background-color:transparent; border-radius:4px;}

#sidr-left .cart-chkt-btn button:hover{background-color:#1f2429;}

.modal-backdrop{position:fixed; top:0; right:0; bottom:0; left:0;}