@charset "utf-8";

/** bootstrap **/
@import "bootstrap-4.2.1.css";

/** 文字icon **/
@import "font-awesome.min.css";

/** 手機選單 **/
@import url("slicknav.css") screen and (max-width:950px);

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

/** PhotoSwipe Repository **/
@import "Noto+Sans+TC.css";
@import "Roboto.css";

/** 國家選擇器 **/
@import "niceCountryInput.css";

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.4;font-family: 'Roboto', 'Noto Sans TC', sans-serif;word-break: break-word;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;}
img{border:0; vertical-align:middle; max-width:100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slicknav_menu{display:none;}

/** 表單預設文字顏色設定 **/
::-webkit-input-placeholder{color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
::-moz-placeholder{color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
:-ms-input-placeholder{color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
input:-moz-placeholder{color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
#field2::-webkit-input-placeholder{color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
#field3::-webkit-input-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
#field2::-moz-placeholder{color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
#field3::-moz-placeholder{color:#999999; background:lightgreen; text-transform:uppercase;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
.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;}

/** 清除瀏覽器的默認選擇框樣式清除，隱藏拖動箭頭 **/
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#ffffff url("../images/icon-select.svg")no-repeat right 10px center;background-size: 7px;}
select::-ms-expand { display: none; }

/** 彈跳廣告 **/
.pop-up-message {position: fixed;left: 0;top: 0;z-index:99999;width: 100%;height: 100vh;font-size: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;}
.pop-up-message .b-closed {position: absolute;left: 0;top: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, .8);opacity: 0;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;}
.pop-up-message .pop-up-message-information {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 800px;max-width: 90%;max-height: 85vh;opacity: 0;background-color: #fff;-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;border-radius:0px;overflow: hidden;border: 0;}
.pop-up-message .ad-content {max-height: 85vh;overflow-y: auto;padding: 40px;font-size: 20px;color: #333333;}
.pop-up-message img {display: block;max-width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.pop-up-message .pop-closed {position: absolute;right:0;top:0;z-index: 1;width:40px;height:40px;background-color:#f8b62b;border-radius:0px;border: 0; color: #fff!important;font-size: 22px;display: flex;align-items: center;justify-content: center;}
.pop-up-message.show {opacity: 1;visibility: visible;pointer-events: auto;}
.pop-up-message.show .b-closed, .pop-up-message.show .pop-up-message-information {opacity: 1;}
@media screen and (max-width:767px){
    .pop-up-message .ad-content {padding:30px 15px;}
	.pop-up-message .pop-closed {width:26px;height:26px;font-size:16px;}
}

/** 手機選單、選單 色塊-變色 **/
.b-color, .slicknav_menu{}
.slicknav_icon-bar{background-color:#000000;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background: #092b5b;}
.border-color{border-left:7px #A0A0A0 solid;}
.slicknav_nav .slicknav_arrow{font-family:Arial;}

/** 浮動 **/
.float{width: 50px;border-radius: 50px 0 0 50px;position: fixed;top: 50%; right: 0;z-index: 10001;}
.float ul{list-style: none;padding: 0;margin: 0;display: block;}
.float ul li{padding: 0;margin: 0;width: 100%;text-align: center;}
.float ul li img{width: 100%;}
.float ul li a{display: block; padding: 10px;border-radius: 50px 0 0 50px;background: #f8b62b;}
.float ul li a:hover{background: #092b5b;border-radius: 50px 0 0 50px;}
@media screen and (max-width:767px){
    .float{width: 36px;}
    .float ul li a{ padding:6px;}
}
    
/** 上版 **/
.head-tool-main{background: #000000; padding: 0 15px;position: relative;}
.head-tool{margin: 0; display:flex;}
.head-tool ul{list-style:none; padding:0px; margin:0 ;display: flex;justify-content: flex-end;width: 100%;}
.head-tool ul li{padding:0px; margin:0 0 0 23px; color:#ffffff; font-size:14px;width: auto;display: flex;align-items: center;}
.head-tool ul li i{width: 20px;margin: 0 8px 0 0;}
.head-tool ul li:last-of-type i{width: 20px;margin: 0 ;}
.head-tool ul li span{flex: 1;}
.head-tool ul li a{ padding:8.5px 0; display:flex; color:#ffffff;}
.head-tool ul li a:hover{color:#f8b62b;}
.language{}
.language select{padding:9px 30px 9px 8px; margin:0;  color:#ffffff; font-size:14px;border: 0;background-color: transparent;background-image: url("../images/icon-select.svg");background-repeat: no-repeat;background-position: right 10px center;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
header{background:#ffffff;padding: 0 15px;border-bottom: 1px #cccccc solid; height:90px;transition: all .5s ease 0s;}
.head-main{max-width:1200px; margin:0 auto; padding:0; position:relative;}
.head-main .logo{width: 206px; position:absolute; left:0px; top:20px; height:auto;transition: all .5s ease 0s;}
.head-main .logo a{display: block;}
.head-main .logo img{width:100%; height:auto;}
.header-height{ height:60px;transition: all .5s ease 0s;}
.header-height .logo{width: 160px;top:8px;transition: all .5s ease 0s;} 
@media screen and (max-width:1050px){
    .head-tool ul li{margin:0 0 0 16px; }
}
@media screen and (max-width:950px){
    header{height:0px;border-bottom:0;position: inherit!important;z-index: 10000!important;}
    .head-main{position: inherit;}
    .head-main .logo{width:130px;position: fixed;top: 8px;left: 15px;z-index: 10000;transition: all 0s ease 0s;}
    .head-tool-main{ padding:0 15px 0 15px;margin: 48px 0 0 0; z-index: 9999;}
	.head-tool ul li span{display: none;}
    .header-height{ height:0px;position: inherit;}
    .header-height .logo{width:130px;position: fixed;top: 8px;left: 15px;z-index: 10000;transition: all 0s ease 0s;} 
}
@media screen and (max-width:575px){
    .head-tool ul li{margin:0 0 0 8px; } 
}

/** 收合搜尋 **/
.close-search-main{display: none;transition: all 0.05s ease 0s;position: absolute;top:37.3px;left: 0;width: 100%;background: #f3f3f3;padding:15px;z-index: 999;}
.close-search{display: flex;max-width: 1200px ;margin: 0 auto;}
.close-search .close-search-field{flex: 1;margin: 10px 0;}
.close-search .close-search-field input{width: 100%; padding:4px 15px; margin:0;  color:#333333; font-size:15px;border: 0;background-color: #ffffff;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
.close-search .close-search-btn{width: 49px;background: #092b5b;}
.close-search .close-search-btn img{width:34px;}
.close-search .close-search-btn a{padding: 10px;display: flex;align-items: center;justify-content: center;}
.close-search .close-search-btn a:hoer{}
@media screen and (max-width:950px){
    .close-search-main{top:85.3px;} 
    .close-search .close-search-field{margin: 8px 0;}
    .close-search .close-search-btn{width: 45px;}
}

/** 主選單與下拉 **/
nav{margin: 0 0 0 215px;}
.menu{max-width:1200px; padding:0; list-style:none; position:relative; margin:0 auto; display:flex;justify-content: flex-end;}
.menu>li{width: auto;color:#000000; font-size:16px; text-align:center; position:relative;cursor:pointer; padding:0; margin:0;}
.menu>li>a{color:#000000; display:block; padding:34px 18px; margin:0;position: relative;z-index: 1;transition: all .5s ease 0s;}
.menu>li>a:after{content: "";display: block;width: 100%;height: 0%; background: #092b5b;position: absolute;top: 0;left: 0;transition: all .5s ease 0s;z-index: -1;opacity: 0;}
.menu>li>a:hover{color: #ffffff;position: relative;z-index: 1;}
.menu>li>a:hover:after{content: "";display: block;width: 100%;height: 100%; background: #092b5b;position: absolute;top: 0;left: 0;transition: all .5s ease 0s;z-index: -1;opacity: 1;}
.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;}
.header-height .menu>li>a{padding:19px 12px;transition: all .5s ease 0s;}
@media screen and (max-width:1050px){
    .menu>li>a{padding:34px 9px;}
}
@media screen and (max-width:950px){
	#menu{display:none;}
	.slicknav_menu{display:block;background:#ffffff;position: fixed;width: 100%;z-index: 10000;left: 0;top: 0;border-bottom: 1px #cccccc solid;}
}

/** edm輪播 **/
.edm{background:#ffffff;max-width:100%; margin:0 auto; position:relative;}
.edm img{vertical-align:middle; width:100%; height:auto; position:absolute;}

/** 配置 **/
.warpper{position: relative;overflow: hidden;}
.main{}
.i-title-main{position: relative;margin: 0 0 10px 0;}
.subheadings{font-size: 14px; color: #666666;letter-spacing: 0.7px;margin: 0 0 5px 0;}
h2.i-title{font-size: 30px; color: #014099;font-weight: 700;font-style: italic;font-family: "arial";letter-spacing: 0.4px;margin: 0;padding: 0;line-height: 1.4;}
.i-title-center{text-align: center;}
.more{font-size: 12px; text-transform: uppercase;color: #ffffff; text-align: center;position: absolute;bottom: 0;right: 0;letter-spacing: 1px;}
.more a{display: block;background:#f8b62b;color: #ffffff;padding: 8px 15px 6px 15px; }
.more a:hover{box-shadow: 0 0 0 1px #f8b62b;color: #f8b62b;background: #ffffff;}
@media screen and (max-width:767px){
    .subheadings{font-size: 13px;}
    h2.i-title{font-size: 24px;}
}
@media screen and (max-width:575px){
    .more{position:inherit;bottom:inherit;right: inherit;display: flex;width: 100%;justify-content: flex-end;}
    .more a{display: table;}
}

/** 首頁搜尋 **/
.i-search-main{max-width: 1000px; margin:-30px auto 0 auto;width: 100%;background: #eeeeee;padding:0 0 0 20px;border-radius: 5px; overflow: hidden;display: flex;align-items: center;}
.i-search-title{font-size: 18px; color: #000000;width: 250px;margin: 0 16px 0 0;}
.i-search{display: flex;flex: 1;}
.i-search .i-search-field{flex: 1;margin: 10.5px 0;}
.i-search .i-search-field input{width: 100%; padding:9px 15px; margin:0;  color:#333333; font-size:15px;border: 0;background-color: #ffffff;font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
.i-search .i-search-btn{width: 90px;background: #092b5b;display: flex;align-items: center;justify-content: center;}
.i-search .i-search-btn img{width:40px;}
.i-search .i-search-btn a{padding: 10px;display: flex;align-items: center;justify-content: center;}
.i-search .i-search-btn a:hoer{}
@media screen and (max-width:950px){
    .i-search-main{ margin:0 auto;border-radius:0;padding:0 0 0 10px;}
    .i-search-title{font-size: 16px; width: 220px;margin: 0 10px 0 0;}
    .i-search .i-search-btn{width: 60px;}
    .i-search .i-search-btn a{padding: 15px;}
}
@media screen and (max-width:767px){
    .i-search-main{display: block;padding: 10px;}
    .i-search-title{width: 100%;margin:0 0 5px 0;}
    .i-search{flex: initial;width: 100%;}
    .i-search .i-search-field{margin:0;}
    .i-search .i-search-btn{width:52px;}
    .i-search .i-search-btn a{padding:6px 12px;}
}

/** 首頁特色課程 **/
.i-featureCourses-main{padding:4% 15px 0 15px;}
.i-featureCourses{max-width: 1200px; margin: 0 auto;}
.i-featureCourses ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-featureCourses ul li{padding: 0;margin: 10px;width: calc(100%/3 - 20px);position: relative;}
.i-featureCourses ul li a{display: block;border: 1px #cccccc solid;background: #ffffff;}
.i-featureCourses ul li a:hover{border: 1px #014099 solid;}
.i-featureCourses ul li .i-featureCourses-photo{background-position: center center;background-repeat: no-repeat;background-size:100%;transition: all 0.5s ease 0s;}
.i-featureCourses ul li h3{margin: 0;line-height: 1.2;font-weight: normal;font-size: 20px; color: #000000;position: absolute;top: 0;left: 0;height: 100%;width: 55%;display: flex;align-items: center;justify-content: flex-start;padding: 15px;text-shadow: 0 0 15px #ffffff; }
.i-featureCourses ul li:hover .i-featureCourses-photo{background-size: 110%;transition: all 0.5s ease 0s;}
@media screen and (max-width:950px){
    .i-featureCourses ul li h3{width: 100%;}
}
@media screen and (max-width:767px){
    .i-featureCourses ul li h3{font-size: 18px; }
    .i-featureCourses ul li{margin: 5px;width: calc(100%/3 - 10px);}
}
@media screen and (max-width:575px){
    .i-featureCourses ul li h3{width: 80%;}
    .i-featureCourses ul li{margin: 5px 0;width: calc(100%/1 - 0px);}
}

/** 首頁最新消息 **/
.i-news-main {padding:4% 15px 0 15px;}
.i-news {max-width: 1200px; margin: 0 auto;}
.i-news ul{list-style:none; color:#666666; padding:0 0 4% 0; margin:0;display: flex;flex-wrap: wrap;}
.i-news ul li{margin: 10px;width: calc(100%/2 - 20px); font-size:14px;color: #666666;text-align: center;display:block;border: 1px #f3f3f3 solid;background: #ffffff;padding: 15px;position: relative;transition: all 0.5s ease 0s;}
.i-news ul li h3{ font-size:20px;color: #000000;padding: 0;margin:5px 0 0 0;line-height: 1.2;font-weight: normal;overflow: hidden;text-overflow: ellipsis;height: 24px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.i-news ul li .i-news-date{ font-size:14px;color: #f8b62b;text-transform: uppercase;margin: 6px 0 14px 0;}
.i-news ul li .i-news-content{ font-size:14px;color: #666666;overflow: hidden;text-overflow: ellipsis;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 10px 0;}
.i-news ul li:hover{border: 1px #014099 solid;transition: all 0.5s ease 0s;}
.i-news-more{position: absolute;bottom: 0;right: 0;font-size: 16px; color: #ffffff;}
.i-news-more a{display: block; color: #ffffff;position: relative;z-index: 1;padding: 0px 5px;}
.i-news-more a:after{content: "";display: block;position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 36px 36px;border-color: transparent transparent #092b5b transparent;z-index: -1;}
.i-news-more a:hover{}
.i-news-more-all{font-size: 12px; text-transform: uppercase;color: #ffffff; text-align: center;letter-spacing: 1px;display: table;margin: 0 auto 1px auto;}
.i-news-more-all a{display: block;background:#f8b62b;color: #ffffff;padding: 8px 15px 6px 15px; }
.i-news-more-all a:hover{box-shadow: 0 0 0 1px #f8b62b;color: #f8b62b;background: #ffffff;}
@media screen and (max-width:767px){
    .i-news ul li{margin: 5px 0;width: calc(100%/1 - 0px);}
    .i-news ul li h3{ font-size:18px;color: #000000;height: 21px;}
    .i-news ul li .i-news-date{ font-size:13px;}
    .i-news ul li .i-news-content{ font-size:13px;height: 36px;}
}

/** 首頁師資 **/
.i-all-teacher-main{background: #f3f3f3;padding:3% 15px;}
.i-all-teacher{max-width: 1200px; margin: 0 auto;}
.i-teacher{padding: 2% 0;}
.i-teacher ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-teacher ul li{padding: 0;margin: 10px;width: calc(100%/4 - 20px);position: relative;}
.i-teacher ul li a{display: block;background: #ffffff;}
.i-teacher ul li a:hover{}
.i-teacher ul li .i-teacher-photo{background-position: center center;background-repeat: no-repeat;background-size:100%;transition: all 0.5s ease 0s;}
.i-teacher ul li .i-teacher-information{padding:20px 15px;}
.i-teacher ul li .i-teacher-information h3{margin: 0 0 15px 0;line-height: 1.2;font-weight: normal;font-size:18px; color: #000000;padding:0;position: relative;}
.i-teacher ul li .i-teacher-information h3:after{content: "";display:block;width: 60px;height: 2px; background: #092b5b;position: absolute;bottom: -5px;left: 0;}
.i-teacher ul li .i-teacher-information .i-taecher-language{margin: 5px 0;}
.i-teacher ul li .i-teacher-information .i-taecher-language ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-teacher ul li .i-teacher-information .i-taecher-language ul li{padding: 0;margin:5px 5px 5px 0;display: block;width: 30px; height: 30px;}
.i-teacher ul li .i-teacher-information .i-taecher-language ul li .i-taecher-language-flags{display: block;width: 30px; height: 30px;background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 100px;border: 1px #cccccc solid;}
.i-teacher ul li .i-teacher-information .i-taecher-content{ font-size:14px;color: #666666;overflow: hidden;text-overflow: ellipsis;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0;}
.i-teacher ul li .i-teacher-information .i-taecher-price{font-size:20px;color: #014099;text-align: right;margin: 10px 0 0 0;font-weight: bold;}
.i-teacher ul li:hover .i-teacher-photo{background-size: 110%;transition: all 0.5s ease 0s;}
@media screen and (max-width:767px){
    .i-teacher ul li{margin:5px;width: calc(100%/2 - 10px);}
    .i-teacher ul li .i-teacher-information h3{font-size:16px;} 
    .i-teacher ul li .i-teacher-information .i-taecher-content{ font-size:13px;height: 36px;}
}
@media screen and (max-width:575px){
    .i-teacher ul li .i-teacher-information{padding:15px 10px;}
    .i-teacher ul li .i-teacher-information .i-taecher-language ul li{width: 25px; height: 25px;margin:3px 3px 3px 0;}
    .i-teacher ul li .i-teacher-information .i-taecher-language ul li .i-taecher-language-flags{width: 25px; height: 25px;}
}


/** 首頁找師資 **/
.i-findTeacher-main{background: #092b5b;padding:4% 15px;}
.i-findTeacher{max-width: 1200px; margin: 0 auto;}
h2.i-findTeacher-title{font-size: 30px; color: #ffffff;font-weight: 500;text-align: center;letter-spacing: 0.4px;margin: 0 0 30px 0;padding: 0;line-height: 1.4;}
.i-findTeacher ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-findTeacher ul li{padding: 0;margin: 10px;width: calc(100%/6 - 20px);text-align: center;}
.i-findTeacher ul li .i-findTeacher-icon{width: 50px;margin: 0 auto;}
.i-findTeacher ul li .i-findTeacher-step{color: #092b5b;font-size: 24px;font-weight: 500;background: #ffffff;padding: 0 15px;border-radius: 5px;text-transform: uppercase;margin: 15px 0;line-height: 1.5;position: relative;}
.i-findTeacher ul li .i-findTeacher-step:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: -12px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 12px;border-color: transparent transparent transparent #ffffff;}
.i-findTeacher ul li:last-of-type .i-findTeacher-step:after{display: none;}
.i-findTeacher ul li .i-findTeacher-step span{display: inline-block;font-size: 48px;font-weight: 700;padding: 0 0 0 10px;}
.i-findTeacher ul li h3{font-size:20px;color: #ffffff;padding: 0;margin: 0;line-height: 1.2;font-weight: normal;}
@media screen and (max-width:1100px){
    .i-findTeacher ul li .i-findTeacher-step span{font-size: 40px;display: block;width: 100%;padding: 0;line-height: 1.2;}
}
@media screen and (max-width:850px){
    .i-findTeacher ul li h3{font-size:18px;}
}
@media screen and (max-width:767px){
    h2.i-findTeacher-title{font-size: 24px;}
    .i-findTeacher ul li .i-findTeacher-step{font-size: 20px;}
    .i-findTeacher ul li .i-findTeacher-step span{font-size: 30px;}
    .i-findTeacher ul li{margin: 5px;width: calc(100%/3 - 10px);}
    .i-findTeacher ul li .i-findTeacher-step:after{content: "";display: block;position: absolute;top: calc(50% - 8px);right: -6px; width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 6px;border-color: transparent transparent transparent #ffffff;}
    .i-findTeacher ul li h3{margin: 0 0 15px 0;}
}
@media screen and (max-width:575px){
    .i-findTeacher ul li{width: calc(100%/2 - 10px);}
}

/** 首頁選擇老師 **/
.i-chineseTeacher-main{padding:4% 15px;}
.i-chineseTeacher{max-width: 1200px; margin: 0 auto;}
.i-chineseTeacher ul{list-style: none;padding: 0;margin:25px 0 0 0;display: flex;flex-wrap: wrap;position: relative;}
.i-chineseTeacher ul li{padding: 0;margin: 0 25px 0 0;width: calc(100%/2 - 25px);display: flex;}
.i-chineseTeacher ul li .i-chineseTeacher-icon{width: 100px;height: 100px;display: flex;align-items: center;justify-content: center; padding: 15px;background: #f3f3f3;box-shadow: 0 3px 0 0 #f8b62b;border-radius: 100px;position: relative;}
.i-chineseTeacher ul li .i-chineseTeacher-information{flex: 1;padding:0 0 0 70px ;margin: 0 0 0 -50px; text-align:left;border-left: 1px #f8b62b solid;}
.i-chineseTeacher ul li .i-chineseTeacher-information h3{font-size:18px;color: #000000;padding: 0;margin: 0 0 5px 0;line-height: 1.2;font-weight: normal;}
.i-chineseTeacher ul li .i-chineseTeacher-information .i-chineseTeacher-content{font-size:14px;color: #666666;min-height: 114px;margin: 0 0 20px 0;}
.i-chineseTeacher ul li:nth-child(even){margin: 0 0 0 25px;}
.i-chineseTeacher ul li:nth-child(n+7) .i-chineseTeacher-information{border-left:0;border-right:0}
@media screen and (max-width:950px){
    .i-chineseTeacher ul li{margin: 0 15px 0 0;width: calc(100%/2 - 15px);}
    .i-chineseTeacher ul li .i-chineseTeacher-icon{width: 80px;height: 80px;}
    .i-chineseTeacher ul li .i-chineseTeacher-information{flex: 1;padding:0 0 0 60px ;margin: 0 0 0 -40px;}
    .i-chineseTeacher ul li:nth-child(even){margin: 0 0 0 15px;}
}
@media screen and (max-width:767px){
    .i-chineseTeacher ul li{margin:0;flex-direction: row;width: calc(100%/1 - 0px);}
    .i-chineseTeacher ul li .i-chineseTeacher-information{padding:15px 0 15px 60px ;margin: 0 0 0 -40px;text-align:left;border-left: 1px #f8b62b solid;border-right:0;}
    .i-chineseTeacher ul li:nth-child(even){margin:0;}
    .i-chineseTeacher ul li:nth-child(n+7) .i-chineseTeacher-information{border-left: 1px #f8b62b solid;}
    .i-chineseTeacher ul li .i-chineseTeacher-information h3{font-size:16px;}
    .i-chineseTeacher ul li .i-chineseTeacher-information .i-chineseTeacher-content{font-size:13px;min-height:72px;margin: 0;}
}
@media screen and (max-width:575px){
    .i-chineseTeacher ul li .i-chineseTeacher-icon{width: 60px;height: 60px;}
    .i-chineseTeacher ul li .i-chineseTeacher-information{padding:15px 0 15px 50px ;margin: 0 0 0 -30px;}
}

/** 首頁老師評價 **/
.i-rating-main{padding:4% 15px;position: relative;z-index: 1;}
.i-rating-main:after{content: "";display: block;width: 37.5%;height: 100%; background: #f8b62b url("../images/rating_bg.png") no-repeat center center;position: absolute;left: 0;top: 0;z-index: -1;}
.i-rating{max-width: 1200px; margin: 0 auto;display:flex;align-items: center;}
h2.i-rating-title{width: 220px; font-size: 30px; color: #ffffff;font-weight: 500;text-align: center;letter-spacing: 0.4px;margin: 0 20px 0px 0;padding: 0;line-height: 1.4;}
.i-rating ul{flex: 1; list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.i-rating ul li{padding: 0;margin: 10px;width: calc(100%/3 - 20px);position: relative;}
.i-rating ul li a{display: block;}
.i-rating ul li a:hover{}
.i-rating ul li .i-rating-photo{width: 130px;height: 130px; margin: 0 auto -65px auto;background-position: center center;background-repeat: no-repeat;background-size:100%;transition: all 0.5s ease 0s;border-radius: 100px;overflow: hidden;box-shadow: 2px 2px 0 0 rgba(0,0,0,.4);position: relative;}
.i-rating ul li .i-rating-information{padding:80px 15px 40px 15px;background: #f3f3f3;box-shadow: 0 0 0 0 #092b5b;transition: all 0.5s ease 0s;}
.i-rating ul li .i-rating-information h3{margin: 0;line-height: 1.2;font-weight: normal;font-size:18px; color: #000000;padding:0;position: relative;}
.i-rating ul li .i-rating-information .i-rating-star{margin:3px 0 8px 0;}
.i-rating ul li .i-rating-information .i-rating-star ul{list-style: none;padding: 0;margin: 0;display: flex;}
.i-rating ul li .i-rating-information .i-rating-star ul li{padding: 0;margin: 5px 10px 5px 0;width: 20px;}
.i-rating ul li .i-rating-information .i-rating-content{ font-size:14px;color: #666666;overflow: hidden;text-overflow: ellipsis;height:57px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 0;}
.i-rating ul li:hover .i-rating-photo{background-size: 110%;transition: all 0.5s ease 0s;}
.i-rating ul li:hover .i-rating-information{box-shadow: 0 0 0 1px #092b5b;transition: all 0.5s ease 0s;}
.i-rating-more{position: absolute;bottom: 0;right: 0;font-size: 16px; color: #ffffff;}
.i-rating-more a{display: block; color: #ffffff;position: relative;z-index: 1;padding: 0px 5px;}
.i-rating-more a:after{content: "";display: block;position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 36px 36px;border-color: transparent transparent #092b5b transparent;z-index: -1;}
.i-rating-more a:hover{}
@media screen and (max-width:950px){
    .i-rating-main:after{width: 100%;}
    .i-rating{display:block;}
    h2.i-rating-title{width:100%;font-size: 30px; color: #ffffff;font-weight: 700;font-style: italic;font-family: "arial";letter-spacing: 0.4px;margin: 0 0 15px 0;padding: 0;line-height: 1.4;}
    .i-rating ul{flex:initial;width: 100%;} 
}
@media screen and (max-width:767px){
   h2.i-rating-title{font-size: 24px;}
   .i-rating ul li{margin:5px;width: calc(100%/3 - 10px);}
   .i-rating ul li .i-rating-information .i-rating-star ul li{margin: 5px 6px 5px 0;}
    .i-rating ul li .i-rating-information h3{font-size:16px;}
    .i-rating ul li .i-rating-information .i-rating-content{ font-size:13px;}
}
@media screen and (max-width:575px){
   .i-rating ul li{margin:5px 0;width: calc(100%/1 - 0px);}
}

/** 首頁連結 **/
.i-link{margin:0 auto;}
.i-link h3{color:#333; font-size:36px; font-weight:normal; text-align:center; padding:0; margin:20px 0; line-height:1;}
.i-link-title{padding:0; margin:0; line-height:1;}
.i-link h3 .red{color:#333333; font-size:24px;}
.i-link h3 .brwon{color:#999999; font-size:24px; padding:0 0 0 15px;}
.i-link ul{background:#e1e1e1; margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.i-link ul li{width:25%; margin:0; padding:0; border:1px #fff dotted;}
.i-link ul li img{width:100%; height:auto; border:0; margin:0; padding:0;}
.link-photo{background:#f7f7f7; width:100%; position:relative;}
.link-photo a{display:flex; height:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.link-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
@media screen and (max-width:575px){
	.i-link ul li{width:50%;}
}

/** 首頁產品 **/
.i-pro{margin:0 auto;}
.i-pro-title{font-size:24px; color:#333; padding:10px 0; text-align:center; font-weight:normal; border-bottom:3px #DFDFDF solid; margin:10px 0;}
.i-pro ul{margin:0; padding:5px; list-style:none; display:flex; flex-wrap:wrap;}
.i-pro ul li{width:20%; margin:0; padding:10px; text-align:center;}
.i-pro ul li:hover{background:#f8f6f6;}
.i-pro ul li h4{font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.i-pro ul li .i-pro-store{color:#938c83; padding:10px 0 0px 0; display:block; text-decoration:line-through;}
.i-pro ul li .i-pro-price{color:#b83400; font-size:20px; padding:5px; display:block;}
.pro-photo{background:#f7f7f7; width:100%; position:relative;}
.pro-photo a{display:flex; height:100%; vertical-align:middle; text-align:center; align-items:center; justify-content:center;}
.pro-photo img.index-pro-img{width:auto; height:auto; flex-shrink:0;}
.cart{color:#cecece; font-size:15px; display:block; width:100%; text-align:center;}
.cart a, .cart button{background:#ffffff; padding:5px 8px; color:#333333; font-size:15px; display:block; border:1px #bbbbbb solid; width:100%; text-align:center;}
.cart a:hover, .cart button:hover{background:#ffbe00; color:#fff; border:1px solid #ffbe00;}
.cart a[disable], .cart button[disable]{cursor:no-drop; color:#cecece;}
.cart a[disable]:hover, .cart button[disable]:hover{background-color:#fff; border:1px solid #bbbbbb;}
.pro-more{max-width:1200px; margin:15px auto 0 auto; position:relative;}
.pro-more a{background:#2a2a2a; color:#ffffff; display:table; padding:8px 20px; margin:0 auto; text-align:center;}
.pro-more a:hover{background:#000;}

@media screen and (max-width:767px){
	.i-pro ul li{width:33.3333%;}
}

@media screen and (max-width:575px){
	.i-pro ul li{width:50%; padding:5px;}
}

/** 內頁banner **/
.inside-banner{background:#eeeeee;background-repeat: no-repeat;background-position: center center;background-size: cover; padding:150px 0;min-height: 450px;}
.inside-banner .banner-title{max-width:1200px; font-size:30px; color:#ffffff; margin:0 auto; padding:0;text-align: center;}
.banner-video-main{position: relative;background: #000000;}
.banner-video{max-width:1200px; margin:0 auto;position: relative;padding-bottom:34%;padding-top: 30px;height: 0;overflow: hidden;min-height: 677.02px;}
.banner-video iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width:1200px){
    .banner-video{padding-bottom:53%;min-height: inherit;}
}
@media screen and (max-width:950px){
	.inside-banner{padding:50px 0;min-height: 300px;}
}
@media screen and (max-width:767px){
	.inside-banner{padding:25px 0px;min-height: 200px;}
}
@media screen and (max-width:657px){
    .banner-video{padding-bottom:51%;}
}
@media screen and (max-width:575px){
	.inside-banner{padding:25px 0px;min-height: 160px;}
}
@media screen and (max-width:450px){
    .banner-video{padding-bottom:49%;}
}

/** 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:#e9ecef; 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:#4697bf;}
.breadcrumb-item a:hover{color:#007bff; text-decoration:none;}

/** 內頁架構 **/
.content-body{max-width:1200px; margin:0 auto; background:#ffffff; padding:30px 0;width: 100%;}
.content-body-float{max-width:1200px; margin:0 auto;width: 100%;}
.page-title-main{text-align: center;padding: 0 15px;}
.page-title-information{max-width:1200px; margin:0 auto;padding: 10px 0;}
.page-title{font-size: 30px;color: #014099;font-weight: 700;font-style: italic;font-family: "arial";letter-spacing: 0.4px;margin: 0 0 10px 0;padding: 0;line-height: 1.4;position: relative;z-index: 1;}
.page-title02{font-size:24px; color:#333; padding:5px 0; margin:0;}
.page-title03{margin: 30px 0 10px 0;padding: 0;line-height: 1.4;font-size: 24px; color: #000000;}
.page-title04{margin: 0px 0 10px 0;padding: 0;line-height: 1.4;font-size: 20px; color: #333333;}
.page-main{padding:0; font-size:16px; color:#333;}
.font001{font-size:18px;background:#092b5b;color: #ffffff; display: table;padding: 5px 20px; border-radius: 20px; font-weight: 400;margin: 30px 0 15px 0; }
.font002{font-size:20px;color: #333333; display:block;padding:0 0 0 20px; border-radius: 0; font-weight: 400;margin: 4vmin 0 15px 0;position: relative;}
.font002:after{content: "";display: block;width: 8px; height: 8px; background:#f8b62b;position: absolute;top: 9px;left: 2px;transform: rotateZ(45deg);}
.font002:before{content: "";display: block;margin-top: -160px;height: 160px;visibility: hidden;}
.font003{font-weight: 500;font-size: 18px;margin: 20px 0 15px 0;color: #333333;}
.content001{}
.content001 ul{list-style:square;padding: 0;margin: 0 0 0 25px;}
.content001 ul li{padding:3px 0;margin: 0;}
.content001 ol{list-style:decimal-leading-zero;padding: 0;margin: 0 0 0 25px;}
.content001 ol li{padding:3px 0;margin: 0;}
.distance{margin: 0 0 4vmin 0;}
@media screen and (max-width:767px){
    .content-body{padding:20px 0 ;}
    .page-title{font-size:24px;}
}

/** 上面分類 **/
.in-top-menu{margin:0 0 10px 0;}
.in-top-menu>ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.in-top-menu>ul>li{margin: 10px ;width:auto; font-size:16px; color:#333333; padding:0;}
.in-top-menu>ul>li>a{background:#eeeeee; color:#333;  display:block; padding:10px 20px;border-radius: 3px;box-shadow: 0 2px 0 0 rgba(0,0,0,.2);}
.in-top-menu>ul>li>a:hover{background-color:#f8b62b;color: #ffffff;box-shadow: 0 2px 0 0 #c68703;}
.in-top-menu>ul>li>.current{background:#f8b62b;color: #ffffff;box-shadow: 0 2px 0 0 #c68703;}
@media screen and (max-width:900px){
    .in-top-menu>ul>li{margin: 10px 6px;}
    .in-top-menu>ul>li>a{padding:10px 15px;}
}
    
/** 左邊分類 **/
.left-menu-title{background:#e9ecef; text-align:center; font-size:18px; font-weight:bold; padding:8px 0; border-radius:5px 5px 0 0; margin-bottom:3px; border-bottom:2px solid #6d6d6d; color:#525252;}
.in-left-menu{}
.in-left-menu>ul{margin:0; padding:0; list-style:none;}
.in-left-menu>ul>li{margin: 10px 0;font-size:16px; color:#333333; padding:0;}
.in-left-menu>ul>li>a{background:#eeeeee; color:#333;  display:block; padding:10px 20px;border-radius: 3px;box-shadow: 0 2px 0 0 rgba(0,0,0,.2);}
.in-left-menu>ul>li>a:hover{background-color:#f8b62b;color: #ffffff;box-shadow: 0 2px 0 0 #c68703;}
.in-left-menu>ul>li>.current{background:#f8b62b;color: #ffffff;box-shadow: 0 2px 0 0 #c68703;}
.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:13px; 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;}
@media screen and (max-width:767px){
	.classBox{padding:0 0 20px 0;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative; background-color:#ffffff; border:1px solid #f8b62b;}
	.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:#f8b62b; width:37px; height:100%; text-align:center; color:#FFF; line-height:37px; position:absolute; right:0; top:0;}
	.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #f8b62b; position:absolute; left:0; top:100%; z-index:99; box-sizing:border-box;}
	.m_classLink ul li{margin:0; padding:0;}
	.m_classLink ul li a{display:block; padding:8px; border-top:1px solid #f8b62b; 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:#f8b62b;color: #ffffff;}
	.m_classLink ul li ul{display:block; margin:0 10px 10px 10px; padding:0; list-style:none; width:calc(100% - 20px); background:#FFF; border:1px solid #f8b62b; position:inherit; left:inherit; top:inherit; z-index:999; box-sizing:border-box;}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}

/** 提示 **/
.hint{position: relative;}
.hint:after{content: "";display: block;background: #ff0000;width: 5px;height: 5px;border-radius: 10px; position: absolute;top: calc(50% - 2.5px);right: 10px;}
@keyframes hint
{
0% {box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
50% {box-shadow: 0 0 0 0px rgba(255,0,0,.2);}
100%{box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
}
@-moz-keyframes hint /* Firefox */
{
0% {box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
50% {box-shadow: 0 0 0 0px rgba(255,0,0,.2);}
100%{box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
}
@-webkit-keyframes hint /* Safari 和 Chrome */
{
0% {box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
50% {box-shadow: 0 0 0 0px rgba(255,0,0,.2);}
100%{box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
}
@-o-keyframes hint /* Opera */
{
0% {box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
50% {box-shadow: 0 0 0 0px rgba(255,0,0,.2);}
100%{box-shadow: 0 0 0 5px rgba(255,0,0,.2);}
}
.hint:after {
animation: hint 1.5s infinite;
-moz-animation: hint 1.5s infinite;	/* Firefox */
-webkit-animation: hint 1.5s infinite;	/* Safari 和 Chrome */
-o-animation: hint 1.5s infinite;	/* Opera */
}

/** 最新消息 **/
.news{}
.news ul{margin:0; padding:0; list-style:none;display: flex;flex-wrap: wrap;}
.news ul li{padding: 0;margin: 10px;width:calc(50% - 20px);text-align:center;}
.news ul li a{color:#333; display:block; padding:15px;border: 1px #e1e1e1 solid;}
.news ul li a:hover{border: 1px #f8b62b solid;box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);}
.news ul li h3{width:100%; color:#000000; font-size:20px; margin:0;font-weight: 500;padding: 0;}
.news ul li .news-date{width:100%; color:#f8b62b; font-size:14px;  margin:5px 0 15px 0;text-transform: uppercase;}
.news ul li .news-content{width:100%; font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-detail-date{color:#ffffff;background: #f8b62b; padding:5px 15px;display: table;font-size:14px; margin:10px 0 20px 0;text-transform: uppercase;}
@media screen and (max-width:767px){
    .news ul li{margin: 10px 0;width:calc(100% - 0px);}
}

/** 課程 **/
.course{}
.course ul{max-width:1200px; margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap;}
.course ul li{width:calc(100%/3 - 20px); margin:10px; padding:0px;}
.course ul li:hover{}
.course ul li .course-photo-main{position: relative;}
.course ul li .course-photo-main .course-photo{background-color: #f3f3f3; background-repeat: no-repeat;background-position: center center;background-size: contain;position: relative;}
.course ul li .course-photo-main .course-photo .course-level{position: absolute;top: 6px; left: -6px;color: #ffffff;background: #f8b62b;font-size: 15px; padding: 5px 15px;border-radius:0 5px 5px 5px;}
.course ul li .course-photo-main .course-photo .course-level:before{content: "";display: block;position: absolute;top: -6px; left: 0; width: 0;height: 0;border-style: solid;border-width: 0 0 6px 6px;border-color: transparent transparent #da9f21 transparent;}
.course ul li .course-photo-main .course-favorites{position: absolute;bottom:10px;right:10px;font-size: 17px; color: #666666;width: 36px; height: 36px;padding: 0px;}
.course ul li .course-photo-main .course-favorites i{}
.course ul li .course-photo-main .course-favorites a{display: flex;align-items: center;justify-content: center;color: #333333;border: 2px #333333 solid;border-radius: 50px;width: 36px; height: 36px;padding: 5px;}
.course ul li .course-photo-main .course-favorites a:hover{ color: #f10f0f;border: 2px #f10f0f solid;}
.course ul li .course-photo-main .course-favorites-red a{ color: #f10f0f;border: 2px #f10f0f solid;}
.course ul li .course-information{padding: 0;margin:0 0 5px 0;}
.course ul li .course-information .total-number{font-size:14px; color:#ffffff;text-align:left;margin: 0;background: #f10f0f ;padding: 5px 10px;}
.course ul li .course-information h4{font-size:18px; color:#333333; line-height:1.4; font-weight:normal; padding:0; margin:10px 0;overflow: hidden;text-overflow: ellipsis;height:25px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.course ul li .course-information .course-rating{margin:3px 0 8px 0;}
.course ul li .course-information .course-rating ul{list-style: none;padding: 0;margin: 0;display: flex;}
.course ul li .course-information .course-rating ul li{padding: 0;margin: 5px 10px 5px 0;width: 20px;}
.course ul li .course-information .course-content{font-size: 14px;color: #666666; margin: 8px 0;font-weight: 300;overflow: hidden;text-overflow: ellipsis;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.course ul li .course-information .course-price-main{font-size:22px;color: #092b5b;text-align: right; margin: 10px 0 0 0;font-weight:500;display:block;}
.course ul li .course-information .course-price-main .course-price{display: block;font-size: 22px;color: #092b5b;}
.course ul li .course-information .course-price-main .course-price span{font-size: 14px;color: #333333;font-weight: 400;display: inline-block;}
.course ul li .course-information .course-price-main .course-price-total{font-size: 14px;color: #333333;font-weight: 400;display: block;width: 100%;margin: 0;}
.course ul li .course-information .course-star{margin: 5px 0;}
.course ul li .course-information .course-star ul{list-style: none;padding: 0;margin: 0;display: flex;}
.course ul li .course-information .course-star>ul>li{padding: 0;margin: 5px 5px;width: 20px;border-bottom: 0;}
@media screen and (max-width:767px){
	.course ul li{width:calc(100%/2 - 20px); }
}
@media screen and (max-width:575px){
	.course ul li{width:calc(100%/2 - 10px);margin: 5px; }
    .course ul li .course-photo-main .course-favorites{bottom:5px;right:5px;font-size: 15px; width: 30px; height: 30px;}
    .course ul li .course-photo-main .course-favorites a{width: 30px; height: 30px;}
    .course ul li .course-information .course-price-main .course-price{font-size: 20px;}
    .course ul li .course-information .course-price-main .course-price span{font-size: 13px;}
    .course ul li .course-information .course-price-main .course-price-total{font-size: 13px;}
    .course ul li .course-information .course-star ul{justify-content: center;}
    .course ul li .course-information .course-star>ul>li{margin: 5px 3px;}
}
@media screen and (max-width:370px){
	.course ul li{width:calc(100%/1 - 0px);margin: 5px 0; }
}

/** 課程明細 **/
.course-banner{width: 100%;}
.course-banner img{width: 100%;}
.course-title{margin:0 0 15px 0; border-left: 4px #014099 solid;padding: 0 0 0 10px;}
.number-people{font-size:14px; color:#f10f0f;text-align:left;border-bottom: 1px #f10f0f solid;padding: 5px 5px;margin: 0 0 10px 0;}
.course-fixed-main{display: flex;margin: 0 0 15px 0;}
.course-fixed-main .course-fixed-information{flex: 1;margin: 0 15px 0 0;}
.course-fixed-main .course-fixed-information .course-star-icon{display:flex;align-items: center;}
.course-fixed-main .course-fixed-information .course-star-icon .course-star{flex: 1; margin:0;}
.course-fixed-main .course-fixed-information .course-star-icon .course-star ul{list-style: none;padding: 0;margin: 0;display: flex;}
.course-fixed-main .course-fixed-information .course-star-icon .course-star ul li{padding: 0;margin: 5px ;width: 20px;}
.course-icon{}
.course-icon ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.course-icon ul li{padding: 0;margin:3px ;width: auto;font-size: 20px;}
.course-icon ul li a{display: flex;align-items: center;justify-content: center;color: #ffffff;background: #f8b62b;border-radius: 50px;width: 38px; height: 38px;padding: 6px;}
.course-icon ul li a:hover{ background: #f8b62b;}
.course-fixed-main .course-fixed-price{width: auto;display:block;align-items: center;justify-content: flex-end;}
.course-fixed-main .course-fixed-price .course-price-main{font-size:20px;color: #092b5b;text-align:left; margin: 10px 0 0 0;font-weight:500;display:block;}
.course-fixed-main .course-fixed-price .course-price-main .course-price{display: block;font-size: 22px;color: #092b5b;}
.course-fixed-main .course-fixed-price .course-price-main .course-price span{font-size: 14px;color: #333333;font-weight: 400;display: inline-block;}
.course-fixed-main .course-fixed-price .course-price-main .course-price-total{font-size: 14px;color: #333333;font-weight: 400;display: block;width: 100%;margin: 0;}
.course-fixed-main .course-fixed-price .course-car-btn {flex: 1;font-size: 16px; color: #ffffff;margin: 10px 0;}
.course-fixed-main .course-fixed-price .course-car-btn a{display: block;padding: 8px 15px;color: #ffffff; background: #f8b62b;text-align: center;border-radius: 3px;}
.course-fixed-main .course-fixed-price .course-car-btn a:hover{background: #ffffff;color: #f8b62b;box-shadow: 0 0 0 1px #f8b62b;}
.course-date-time{padding: 10px 15px;background: #f3f3f3;margin: 0 0 10px 0;}
.course-date{font-size: 16px; color: #333333;margin: 8px 0;}
.course-time{font-size: 16px; color: #333333;margin: 8px 0;}
@media screen and (max-width:575px){
	.course-fixed-main{display: block;}
    .course-fixed-main .course-fixed-information{margin: 0;}
    .course-fixed-main .course-fixed-price{width:100%;margin: 10px 0 0 0;}
    .course-fixed-main .course-fixed-price .course-price-main{text-align: right;}
}

/** 課程時間 **/
#calendar {width: 100%;}

/** 老師 **/
.teacher-main{margin: 0 calc(28% + 0px) 0 0;}
.teacher{}
.teacher>ul{list-style: none;padding: 0;margin: 0;}
.teacher>ul>li{padding: 20px 0;margin: 0;width: 100%; display: flex;flex-wrap: wrap; position: relative;border-bottom: 1px #cccccc dotted;}
.teacher>ul>li:last-of-type{border-bottom: 0;}
.teacher>ul>li .teacher-photo-main{width: 170px;position: relative;margin: 0 20px 0 0;}
.teacher>ul>li .teacher-photo-main a{display: block;}
.teacher>ul>li .teacher-photo-main .teacher-photo{background-color: #f3f3f3; background-repeat: no-repeat;background-position: center center;background-size: contain;box-shadow: 0 0 0 0 rgba(0,0,0,.2);transition: all 0.5s ease 0s;}
.teacher>ul>li:hover .teacher-photo-main .teacher-photo{border-radius: 200px;box-shadow: 3px 3px 0 0 rgba(0,0,0,.2); transition: all 0.5s ease 0s;}
.teacher>ul>li .teacher-photo-main .teacher-star{margin: 5px 0;}
.teacher>ul>li .teacher-photo-main .teacher-star ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.teacher>ul>li .teacher-photo-main .teacher-star>ul>li{padding: 0;margin: 5px 5px;width: 20px;border-bottom: 0;}
.teacher>ul>li .teacher-photo-main .teacher-star>ul>li a{display: flex;align-items: center;justify-content: center;color: #666666;border: 2px #666666 solid;border-radius: 50px;width: 38px; height: 38px;padding: 6px;}
.teacher>ul>li .teacher-photo-main .teacher-star>ul>li a:hover{ color: #f10f0f;border: 2px #f10f0f solid;}
.teacher>ul>li .teacher-photo-main .teacher-star>ul>li.teacher-favorites-red a{ color: #f10f0f;border: 2px #f10f0f solid;}
.teacher>ul>li .teacher-information{font-size: 16px;color: #333333;flex: 2.1;}
.teacher>ul>li .teacher-information h1{font-size: 20px;color: #333333;padding: 0;margin: 0;line-height: 1.4;}
.teacher>ul>li .teacher-information h3{font-size:18px;color: #333333;padding: 0;margin:5px 0;line-height: 1.4;font-weight: 500;}
.teacher>ul>li .teacher-information .taecher-language{margin:0;}
.teacher>ul>li .teacher-information .taecher-language h4{margin:5px 0;padding: 0;font-size: 15px; color: #333333;font-weight: 500;}
.teacher>ul>li .teacher-information .taecher-language ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.teacher>ul>li .teacher-information .taecher-language>ul>li{padding: 0;margin:3px;display: block;width: 30px; height: 30px;border-bottom: 0;}
.teacher>ul>li .teacher-information .taecher-language>ul>li .taecher-language-flags{display: block;width: 30px; height: 30px;background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 100px;border: 1px #cccccc solid;}
.teacher>ul>li .teacher-information .taecher-target{margin:0;}
.teacher>ul>li .teacher-information .taecher-target h4{margin:5px 0;padding: 0;font-size: 15px; color: #333333;font-weight: 500;}
.teacher>ul>li .teacher-information .taecher-target .taecher-target-content{font-size: 14px;color: #666666;margin:0;}
.teacher>ul>li .teacher-information .teacher-country{font-size: 14px;color: #666666;margin:0;}
.teacher>ul>li .teacher-information .teacher-content{font-size: 14px;color: #000000;margin: 8px 0;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.teacher>ul>li .teacher-information .teacher-detail-content{font-size: 14px;color: #000000;margin: 8px 0;font-weight: 400;}
.teacher>ul>li .teacher-information .teacher-more{font-size: 14px;color: #333333;margin: 15px 0 0 0;display: table;}
.teacher>ul>li .teacher-information .teacher-more a{display: block;color: #ffffff;padding: 5px 15px; background: #092b5b;border-radius: 3px;}
.teacher>ul>li .teacher-information .teacher-more a:hover{background: #000000;color: #ffffff;}
.teacher>ul>li .teacher-link{flex: 1;margin: 0 15px 0 20px;}
.teacher>ul>li .teacher-link .teacher-price-main{display: flex;flex-wrap: wrap;flex: 1;}
.teacher>ul>li .teacher-link .teacher-price-main .teacher-price{flex: 1;font-size: 16px;color:#092b5b;text-align: center;margin: 5px 3px;font-weight: 500;}
.teacher>ul>li .teacher-link .teacher-price-main .teacher-price span{width: 100%; display: block;font-size: 13px;color: #666666;font-weight: 400;}
.teacher>ul>li .teacher-link .teacher-car-btn{flex: 1;font-size: 16px; color: #ffffff;margin: 10px 0;}
.teacher>ul>li .teacher-link .teacher-car-btn a{display: block;padding: 8px 15px;color: #ffffff; background: #f8b62b;text-align: center;border-radius: 3px;}
.teacher>ul>li .teacher-link .teacher-car-btn a:hover{background: #ffffff;color: #f8b62b;box-shadow: 0 0 0 1px #f8b62b;}
.teacher-icon{flex: 1;}
.teacher-icon>ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.teacher-icon>ul>li{padding: 0;margin: 5px 5px;width: auto;}
.teacher-icon>ul>li a{display: flex;align-items: center;justify-content: center;color: #333333;border: 2px #333333 solid;border-radius: 50px;width: 38px; height: 38px;padding: 6px;}
.teacher-icon>ul>li a:hover{ color: #f8b62b;border: 2px #f8b62b solid;}
.teacher-icon>ul>li:nth-child(1) a:hover{ color: #f42020;border: 2px #f42020 solid;}
.teacher-icon>ul>li:nth-child(2) a:hover{ color: #027dbc;border: 2px #027dbc solid;}
.teacher-icon>ul>li:nth-child(3) a:hover{ color: #107110;border: 2px #107110 solid;}
.teacher-icon>ul>li.teacher-favorites-red a{ color: #f42020;border: 2px #f42020 solid;}
.teacher-slogan{font-size: 16px; color: #333333;background: #fef9ec;margin: 10px 0 0 0;padding: 15px;}
@media screen and (max-width:1000px){
    .teacher-main{margin: 0 ;}
    .teacher>ul>li .teacher-photo-main{width: 160px;}
    .teacher>ul>li .teacher-information{flex: 2;}
    .teacher>ul>li .teacher-link{margin: 0 0 0 20px;}
}
@media screen and (max-width:767px){
    .teacher>ul>li .teacher-photo-main{width:100%;margin: 0 auto 10px auto;}
    .teacher>ul>li .teacher-photo-main .teacher-photo{width:100%;max-width: 250px; margin: 0 auto ;}
    .teacher>ul>li .teacher-information{flex:1;}
    .teacher>ul>li .teacher-link{flex:initial;width:180px;min-width: 180px;}
}
@media screen and (max-width:575px){
    .teacher>ul>li .teacher-information{flex:initial;width: 100%;margin: 0 0 10px 0;}
    .teacher>ul>li .teacher-link{flex:initial;width:100%;min-width:inherit;margin: 0;}
}

/** 老師明細 **/
.banner{margin:10px 0 20px 0;}
.youtube{position: relative;padding-bottom: 52%;padding-top: 30px;height: 0;overflow: hidden;margin:10px 0 20px 0;}
.youtube iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}

/** 課程購物清單 **/
.course-price-cart{}
.course-cart{}
.course-cart>ul{list-style: none;padding: 0;margin: 0;}
.course-cart>ul>li{padding: 0;margin:10px 0;font-size: 24px; color: #333333;line-height: 1.2;font-weight: 500;}
.course-cart>ul>li a{display: block;padding:10px 15px;color: #092b5b;border: 1px #cccccc solid;border-radius: 3px;position: relative;}
.course-cart>ul>li a.trial{background: #f8b62b;border: 1px #f8b62b solid;color: #ffffff;}
.course-cart>ul>li a.trial span{color: #ffffff;}
.course-cart>ul>li a.trial:after{border-color:transparent transparent transparent #ffffff;}
.course-cart>ul>li a.trial:hover{background: #f42f2f;border: 1px #f42f2f solid;}
.course-cart>ul>li a:after{content: "";display: block;position: absolute;top:calc(50% - 5px);right: 5px;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #092b5b;}
.course-cart>ul>li a:hover{background:#092b5b;color: #ffffff;border: 1px #092b5b solid;position: relative;}
.course-cart>ul>li a:hover:after{content: "";display: block;position: absolute;top:calc(50% - 5px);right: 5px;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #ffffff;}
.course-cart>ul>li span{font-size: 14px;color: #333333;font-weight: 400;display: block;width: 100%;margin: 5px 0 0 0;}
.course-cart>ul>li a:hover span{color: #ffffff;}
.experience-btn{margin: 10px 0;text-align: center;}
.experience-btn a{display: block;padding: 8px 15px; background:#f8b62b;color: #ffffff;box-shadow: 0 0 5px 0 rgba(0,0,0,.2);border-radius: 3px;}
.experience-btn a:hover{background: #ffffff;color: #f8b62b;box-shadow: 0 0 0 1px #f8b62b;}
.course-detail-icon{width: auto;}
.course-detail-icon>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.course-detail-icon>ul>li{padding: 0;margin: 5px 5px;width: auto;}
.course-detail-icon>ul>li a{display: flex;align-items: center;justify-content: center;color: #333333;border: 2px #333333 solid;border-radius: 50px;width: 38px; height: 38px;padding: 6px;}
.course-detail-icon>ul>li a:hover{ color: #f8b62b;border: 2px #f8b62b solid;}
.course-detail-icon>ul>li:nth-child(1) a:hover{ color: #f42020;border: 2px #f42020 solid;}
.course-detail-icon>ul>li:nth-child(2) a:hover{ color: #027dbc;border: 2px #027dbc solid;}
.course-detail-icon>ul>li.course-favorites-red a{ color: #f42020;border: 2px #f42020 solid;}
#course_active {position: relative;padding: 0 0 20px 0; transition: all 0.5s ease 0s;max-height: 200px;overflow: hidden;}
#course_active:before {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80&0+0,1+80 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#course_active.open {max-height: unset;transition: all 0.5s ease 0s;}
#course_active.open:before  {display: none;}
#course_active button {position: absolute;right: 0;bottom: 0px;display: block;margin: 0;padding: 2px 15px;width: 80px;color: #ffffff;border: 0; text-align: center;background: #092b5b;font-size: 14px;border-radius: 5px;z-index: 2;}
#course_active button:before {content: "";display: block;width: 2000%;height: 1px; background: #092b5b ;position: absolute;left: -2000%; top: calc(50% - .5px);}
#course_active button:hover {background: #ffffff;box-shadow: 0 0 0 1px #092b5b inset;color: #092b5b;}
@media screen and (max-width:767px){
    #course_active:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+35,ffffff+85&0+35,1+85,1+85 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 35%, rgba(255,255,255,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 35%,rgba(255,255,255,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 35%,rgba(255,255,255,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
}

/** 課程管理1 on 1 價格建立 **/
.course-brand{ margin:10px 0 0 0; }
#course-brand{ height:auto;  width:100%; }
#course-brand ul{  list-style:none;  height:auto; margin:0;  padding:0;display: flex;align-items: flex-end; border-bottom:2px solid #f8b62b;}
#course-brand ul li{ text-align:center; cursor:pointer;width:calc(100%/2); font-size:18px;  padding:6px 10px; color:#666666;  display:flex; align-items:center; justify-content:center;font-weight: 400;}
#course-brand ul li img{vertical-align:text-bottom; }
#course-brand ul li:hover{ color:#ffffff; background:#092b5b;} 
#course-brand ul li.active{ color:#ffffff;  font-size:18px; border-bottom:0; background:#f8b62b;padding: 10px 10px 8px 10px;}
#course-brand-info{ color:#333333; font-size:16px; width:100%;padding:0 5px; overflow:hidden; border-top:0;}
#course-brand-info>.box{  width:auto;  height:auto;  display:none;}
#course-brand-info>.box table{ background:#55BCFF;}

/** 行事曆 **/
.calendar-main{opacity: 0;visibility: hidden; position: absolute;top: 5px;right: calc(-38% - 8px);border: 1px #cccccc solid;max-width: calc(38% + 8px);width: 100%;padding: 15px;background: #ffffff;font-size: 14px; color: #333333;border-radius: 3px;}
.calendar-main:before{content: "";display: block;position: absolute;top: 15px;left: -8px;width: 0;height: 0;border-style: solid;border-width: 7px 8px 7px 0;border-color: transparent #cccccc transparent transparent;}
.teacher ul li:hover .calendar-main{opacity: 1;visibility: visible;}
.calendar-information{background: #f3f3f3;margin: 5px 0 0 0 ;}
.calendar-information>ul{list-style: none;padding:5px;margin: 0;display: flex;}
.calendar-information>ul>li{padding: 0;margin: 0;flex: 1;display: block;text-align: center;}
.calendar-information>ul>li:first-of-type{flex: 2.6;text-align:left;}
.calendar-information>ul>li .calendar-content{font-size: 12px; color: #000000;width: 100%;padding:2px 2px;min-height: 48px;}
.calendar-information>ul>li .calendar-content:first-of-type{display:flex;align-items: center;justify-content: center;}
.calendar-information>ul>li .calendar-content .calendar-title{display: none;min-height: 48px;}
.calendar-information>ul>li:first-of-type .calendar-content .calendar-title{display:flex;align-items: center;justify-content: center;}
.calendar-information>ul>li .calendar-content .calendar-mark{min-height: 48px;background: #ffffff;}
.calendar-information>ul>li .calendar-content .calendar-mark.mark001{background: #fbcb65;}
.calendar-information>ul>li .calendar-content .calendar-mark.mark002{background: #fbebc9;}
@media screen and (max-width:1000px){
    .calendar-main{display: none;}
}

/** 社群 **/
.teacher-community{}
.teacher-community ul{list-style: none;padding: 0;margin: 0;display: flex;}
.teacher-community ul li{padding: 0;margin:3px ;width: auto;font-size: 20px;}
.teacher-community ul li a{display: flex;align-items: center;justify-content: center;color: #ffffff;background: #f8b62b;border-radius: 50px;width: 38px; height: 38px;padding: 6px;}
.teacher-community ul li a:hover{ background: #f8b62b;}
@media screen and (max-width:575px){
    .teacher-community{margin: 10px 0 0 0;}
}

/** 更多主題課程 **/
.theme-course{}
.theme-course .item{}
.theme-course .item h4{padding: 10px;margin: 0;line-height: 1.4;}
.theme-course-photo{background-color: #f3f3f3; background-position: center center;background-repeat: no-repeat;background-size:contain;}
.theme-course-name{font-size: 16px; color: #333333;margin:10px 0;text-align: center;overflow: hidden;text-overflow: ellipsis;height:22px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.theme-course-content{font-size: 14px;color: #000000;margin: 8px 0;font-weight: 400;overflow: hidden;text-overflow: ellipsis;height: 38px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media screen and (max-width:575px){
    .theme-course .item h4{padding:5px;}
}

/** 授課時間 **/
.teaching-time-open{visibility: visible;}
.teaching-time{padding:0;}
.teaching-time-date-main{display: flex;align-items: center; padding: 10px 0;flex-wrap: wrap;}
.teaching-time-date-main .teaching-time-arrow{width: auto;font-size: 20px; color: #333333;}
.teaching-time-date-main .teaching-time-arrow span{display: inline-block;}
.teaching-time-date-main .teaching-time-arrow a{display:inline-flex;align-items: center;justify-content: center; color: #ffffff;padding: 5px 15px;background: #f8b62b;width: 36px; height: 36px;border-radius: 3px;}
.teaching-time-date-main .teaching-time-arrow a:hover{background: #333333;}
.teaching-time-date-main .teaching-time-date{width: auto;font-size: 16px; color: #333333;margin: 0 15px;}
.teaching-time-date-main .teaching-time-note{flex: 1;text-align: right;font-size: 14px; color: #333333;}
.teaching-time-content{}
.teaching-time-content>ul{list-style: none;padding: 0;margin: 0;display: flex;background: #fef9ec;border-top: 3px #f8b62b solid;}
.teaching-time-content>ul>li{padding:0;margin:10px;width: calc(100%/7 - 20px);text-align: center;}
.teaching-time-content .teaching-time-content-day{font-size: 16px; color: #333333;font-weight: 400;}
.teaching-time-content .teaching-time-content-time{font-size: 14px; color: #333333;margin: 10px 0 0 0 ;}
.teaching-time-content .teaching-time-content-time>ul{list-style: none;padding: 0;margin: 0;}
.teaching-time-content .teaching-time-content-time>ul>li{padding: 0; margin:5px 0;font-size: 14px; color: #ffffff;position: relative;}
.teaching-time-content .teaching-time-content-time>ul>li.choose a{background: #092b5b;}
.teaching-time-content .teaching-time-content-time>ul>li a[disable]{cursor: no-drop;color: #999999;background: none;}
.teaching-time-content .teaching-time-content-time>ul>li a[disable]:hover{background: none;}
.teaching-time-content .teaching-time-content-time>ul>li a{display: block;padding:3px;color: #ffffff;background: #f8b62b;border-radius: 5px;overflow: hidden;}
.teaching-time-content .teaching-time-content-time>ul>li a:hover{background: #092b5b;}
.teaching-time-content .teaching-time-content-time>ul>li i{position: absolute;top: 2px;right:2px;font-size: 12px;}
.teaching-time-content .tutor-one-time{font-size: 14px; color: #333333;margin: 10px 0 0 0 ;}
.teaching-time-content .tutor-one-time>ul{list-style: none;padding: 0;margin: 0;}
.teaching-time-content .tutor-one-time>ul>li{ margin:5px 0;font-size: 14px; position: relative;padding:2px;color: #ffffff;background: #f8b62b;border-radius: 5px;}
.teaching-time-content .tutor-one-time>ul>li i{position: absolute;top: -4px;right:-4px;font-size: 12px;z-index: 1;}
.teaching-time-content .tutor-one-time>ul>li a i{color: #ffffff;background: #092b5b;padding: 1px;border-radius: 10px;width: 14px; height: 14px;line-height: 1;display: flex;align-items: center;justify-content: center;}
.teaching-time-content .tutor-one-time>ul>li a:hover i{color: #ffffff;background: #f42020;}
.teaching-time-content .tutor-one-add-time{font-size: 12px;color: #ffffff;margin: 5px 0;}
.teaching-time-content .tutor-one-add-time a{display: block;color: #ffffff;background: #f42020;padding: 3px;border-radius: 3px;}
.teaching-time-content .tutor-one-add-time a:hover{background: #092b5b;}
@media screen and (max-width:575px){
    .teaching-time-date-main .teaching-time-arrow{font-size: 20px;}
    .teaching-time-date-main .teaching-time-date{font-size: 14px;}
    .teaching-time-date-main .teaching-time-note{font-size: 14px;flex: initial;width: 100%;margin: 8px 0 0 0;}
    .teaching-time-content>ul>li{margin:5px 1px;width: calc(100%/7 - 2px);}
    .teaching-time-content .teaching-time-content-day{font-size: 13px;}
    .teaching-time-content .teaching-time-content-time{font-size: 12px;}
    .teaching-time-content .teaching-time-content-time>ul>li{font-size: 12px; padding:3px;}
}
@media screen and (max-width:370px){
    .teaching-time-content .teaching-time-content-time>ul>li{padding:1px;}
}

/** 授課時間選擇 **/
.course-time-choose-main{margin: 20px 0;max-height:154.78px;overflow-y: auto;}
.course-time-choose{margin:0;}
.course-time-choose ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.course-time-choose ul li{padding:0;margin:5px 10px 5px 0;display: flex;flex-wrap: wrap; align-items: center;width: calc(100%/2 - 5px);border: 1px #e1e1e1 solid;}
.course-time-choose ul li:nth-child(even){margin: 5px 0}
.course-time-choose ul li .course-time-content:first-of-type{flex: initial;width: 100px;text-align: center;border-left:0;}
.course-time-choose ul li .course-time-content{flex: 1;padding: 10px 15px;font-size: 14px; color: #333333;border-left: 1px #e1e1e1 solid;height: 100%;display: flex;align-items: center;justify-content: center;}
.course-time-choose ul li .course-time-content:last-of-type{flex: initial;width: 90px; padding: 0;}
.course-time-choose-btn{margin:0;display:block;color: #ffffff;text-align: center;width: 100%;height: 100%;}
.course-time-choose-btn a{color: #ffffff;padding: 10px 15px;background: #196d06;height: 100%;display: flex;align-items: center;justify-content: center;}
.course-time-choose-btn a:hover{background: #2ea612;}
.course-time-choose ul li[disable]{background: #eeeeee;cursor: no-drop;}
.course-time-choose ul li[disable] .course-time-content{color: #999999;}
.course-time-choose ul li[disable] .course-time-choose-btn a{cursor: no-drop;background: #999999;color: #cccccc;}
.course-time-choose ul li[disable] .course-time-choose-btn a:hover{background: #999999;}
.course-time-choose-btn a[disable]{cursor: no-drop;background: #999999;color: #cccccc;}
.course-time-choose-btn a[disable]:hover{background: #999999;}
.course-time-history ul li{background: #eeeeee;}
.course-time-choose ul li .course-time-history:first-of-type{flex: initial;width: 100px;text-align: center;border-left: 0;}
.course-time-choose ul li .course-time-history{flex: 1;padding: 10px 15px;font-size: 14px; color: #666666;border-left: 1px #e1e1e1 solid;height: 100%;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width:900px){
    .course-time-choose ul li{width: calc(100%/1 - 0px);margin: 5px 0;}
}
@media screen and (max-width:575px){
    .course-time-choose ul li .course-time-content{padding: 10px 10px;}
    .course-time-choose-btn a{color: #ffffff;padding: 10px 10px;}
}
@media screen and (max-width:374px){
    .course-time-choose-main{max-height:273.56px;}
    .course-time-choose ul li .course-time-content{height: auto;}
    .course-time-choose ul li .course-time-content:last-of-type{width: 100%;border-left:0;}
    .course-time-choose-btn{height: auto;}
    .course-time-choose-btn a{height: auto;}
}


/** 評論 **/
#reviews_active {position: relative;padding: 0 0 24px 0; transition: all 0.5s ease 0s;max-height: 230px;overflow: hidden;}
#reviews_active:before {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80&0+0,1+80 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#reviews_active.open {max-height: unset;transition: all 0.5s ease 0s;}
#reviews_active.open:before  {display: none;}
#reviews_active button {position: absolute;right: 0;bottom: 0px;display: block;margin: 0;padding: 2px 15px;width: 80px;color: #ffffff;border: 0; text-align: center;background: #092b5b;font-size: 14px;border-radius: 5px;z-index: 2;}
#reviews_active button:before {content: "";display: block;width: 2000%;height: 1px; background: #092b5b ;position: absolute;left: -2000%; top: calc(50% - .5px);}
#reviews_active button:hover {background: #ffffff;box-shadow: 0 0 0 1px #092b5b inset;color: #092b5b;}
.reviews{}
.reviews>ul{list-style: none;padding: 0;margin: 0;}
.reviews>ul>li{padding: 15px;margin:0;width: 100%; display:block;position: relative;}
.reviews>ul>li:nth-child(even){background: #f3f3f3;}
.reviews>ul>li .reviews-photo-main{width: 200px;position: relative;margin: 0 30px 0 0;}
.reviews>ul>li .reviews-photo-main .reviews-photo{background-color: #eeeeee; background-repeat: no-repeat;background-position: center center;background-size: contain;border-radius: 200px;box-shadow: 3px 3px 0 0 rgba(0,0,0,.2);}
.reviews>ul>li .reviews-star{margin: 5px 0;}
.reviews>ul>li .reviews-star>ul{list-style: none;padding: 0;margin: 0;display: flex;}
.reviews>ul>li .reviews-star>ul>li{padding: 0;margin: 5px ;width: 20px;}
.reviews>ul>li .reviews-star>ul>li:first-of-type{margin: 5px 5px 5px 0;}
.reviews>ul>li .reviews-star>ul>li a{display: flex;align-items: center;justify-content: center;color: #666666;border: 2px #666666 solid;border-radius: 50px;width: 38px; height: 38px;padding: 6px;}
.reviews>ul>li .reviews-star>ul>li a:hover{ color: #f10f0f;border: 2px #f10f0f solid;}
.reviews>ul>li .reviews-information{font-size: 16px;color: #333333;width: 100%; margin: 0 ;padding: 0;}
.reviews>ul>li .reviews-information h1{font-size: 20px;color: #333333;padding: 0;margin: 0;line-height: 1.4;}
.reviews>ul>li .reviews-information h3{font-size:18px;color: #333333;padding: 0;margin:5px 0;line-height: 1.4;font-weight: 500;}
.reviews>ul>li .reviews-information .reviews-country{font-size: 14px;color: #666666;margin:0;}
.reviews>ul>li .reviews-information .reviews-content{font-size: 14px;color: #000000;margin: 8px 0;font-weight: 400;}
.reviews-more{font-size: 14px;color: #333333;margin: 15px 0 0 0;display: flex;justify-content: center;}
.reviews-more a{display: table; color: #ffffff;padding: 5px 15px; background:#092b5b;}
.reviews-more a:hover{background: #ffffff;box-shadow: 0 0 0 1px #092b5b;color: #092b5b;}
@media screen and (max-width:767px){
    #reviews_active {max-height: 260px;}
    #reviews_active:before {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+35,ffffff+85&0+35,1+85,1+85 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 35%, rgba(255,255,255,1) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 35%,rgba(255,255,255,1) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 35%,rgba(255,255,255,1) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
}

/** 產品搜尋 **/
.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:16px; color:#333333; line-height:1.4; background: #fef9ec; margin-bottom:20px; text-align:center; padding:15px;width: 100%;}
.mesesnger{display: table;margin:10px auto 0 auto;max-width: 60px;}
.mesesnger a{display: block;background: #f8b62b;padding: 12px;border-radius: 50px;}
.mesesnger a:hover{background: #092b5b;}

/** 產品列表介紹 **/
.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.4; 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; vertical-align:middle; 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; vertical-align:middle; 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{margin: 0 0 20px 0;}
.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; position: relative;margin: 5px 0; font-size:16px;}
.faq>ul>li .qa_title:before{content: "Q";position: absolute;top: 6px;left: 10px;background: #f8b62b;width: 40px; height: 40px;display: flex;align-items: center;justify-content: center;font-size: 24px; font-weight: 500;border-radius: 100px; box-shadow: 2px 2px 0 0 rgba(0,0,0,.2);color: #ffffff;}
.faq>ul>li .qa_title a{color:#333333; display:block; padding:16px 10px 16px 60px;}
.faq>ul>li .qa_title a:hover{box-shadow: 0 0 5px 0 rgba(0,0,0,.2);border-radius: 3px;}
.faq>ul>li .qa_content{background: #f9f9f9; border-top:2px #092b5b dashed;border-bottom:2px #092b5b dashed; padding:15px; font-size:15px; color:#666666;}
.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:14px;margin: 10px 0 10px 0;display: flex;align-items: center;}
.opacl a{display:inline-block;background:#092b5b; color:#fff; padding:6px 15px; margin:0 5px; border-radius:3px;}
.opacl a:hover{background:#ffffff;color: #092b5b;box-shadow: 0 0 0 1px #092b5b;}
.faq>ul>li .qa_content .close_qa{font-size:13px; color:#333333; text-align:right;}
.faq>ul>li .qa_content .close_qa a{color:#ffffff;background: #f8b62b;padding: 5px 15px;border-radius: 3px;}
.faq>ul>li .qa_content .close_qa a:hover{background: #ffffff;color: #f8b62b;box-shadow: 0 0 0 1px #f8b62b;text-decoration: none;}

/** 我的課程 **/
.mycourse{margin: 40px 0 0 0;}
.mycourse .page-title{text-align: center;background: #f3f7fc;padding: 5px 15px;}
.mycourse>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.mycourse>ul>li{padding: 0; margin: 15px;width:230px;height: 230px;text-align: center;border-radius: 500px;border:1px #e1e1e1 solid;overflow: hidden;}
.mycourse>ul>li .mycourse-title{height: 50%;padding:20px;display: flex;align-items:flex-end;justify-content: center;background: #f8b62b;color: #ffffff;border-bottom: 4px #c68703 solid;font-size: 22px; font-weight:700;}
.mycourse>ul>li .mycourse-content{height: 50%;padding:20px;display: flex;align-items: flex-start;justify-content: center;background: #fef9ec;}
@media screen and (max-width:575px){
    .mycourse>ul>li{margin: 5px;width:160px;height: 160px;}
}

/** 教學紀錄 **/
.tutor-history{}
.tutor-history>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.tutor-history>ul>li{padding:5px 15px;margin:10px;width: calc(100%/2 - 20px);box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);border-radius: 3px;}
.tutor-history>ul>li .tutor-history-info{display:flex;margin: 10px 0;align-items: center;}
.tutor-history>ul>li .tutor-history-info .tutor-history-title{width: 120px;background: #092b5b;padding: 4px 15px;border-radius: 3px;text-align: center;color: #ffffff;}
.tutor-history>ul>li .tutor-history-info .tutor-history-content{flex: 1;padding: 4px 0 4px 15px;}
.tutor-history>ul>li .tutor-history-info .tutor-history-content a{display: block;color: #333333;}
.tutor-history>ul>li .tutor-history-info .tutor-history-content a:hover{color: #f8b62b;}
@media screen and (max-width:767px){
	.tutor-history>ul>li{margin:10px 0;width: calc(100%/1 - 0px);}
}

/** 學生檔案 **/
.tutor-ST{}
.tutor-ST>ul{list-style: none;padding: 0;margin: 0;display:block;}
.tutor-ST>ul>li{padding:0;margin:10px 0;width:100%;display:flex;}
.tutor-ST>ul>li .tutor-ST-title{width: 100px;background: #092b5b;padding: 4px 15px;border-radius: 3px;text-align: center;color: #ffffff;}
.tutor-ST>ul>li .tutor-ST-content{flex: 1;padding: 4px 0 4px 15px;}

/** 作業檔案 **/
.tutor-download{flex: 1;margin:20px 0 60px 0;}
.tutor-download>ul{list-style: none;padding: 0;margin: 0;width: 100%;}
.tutor-download>ul>li{padding:0 ;margin:15px 0;width: 100%;display: flex;border: 1px #e1e1e1 solid;position: relative;background: #ffffff;}
.tutor-download>ul>li:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 15px 15px 0 0;border-color: #f8b62b transparent transparent transparent;}
.tutor-download>ul>li .tutor-download-content{font-size: 16px; color: #333333;flex: 1;margin: 0;padding: 15px 15px;}
.tutor-download>ul>li .tutor-download-content h4{padding: 0 0 10px 0;margin: 0 0 10px 0;line-height: 1.4;font-size: 16px; color: #333333;font-weight: 400;border-bottom: 1px #e1e1e1 dashed;}
.tutor-download>ul>li .tutor-download-content .tutor-download-note{font-size: 12px; color: #999999;font-weight:300;}
.tutor-download>ul>li .tutor-download-btn{width: 88px; font-size: 28px; color: #333333;text-align: center;border-left: 1px #e1e1e1 solid;}
.tutor-download>ul>li .tutor-download-btn a{ color: #f8b62b;background: #ffffff;height: 100% ;padding: 15px 15px;display: flex;align-items: center;justify-content: center;}
.tutor-download>ul>li .tutor-download-btn a:hover{color: #ffffff;background: #f8b62b;}
.tutor-download>ul>li:hover{border: 1px #f8b62b solid;box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);}
.tutor-download>ul>li:hover  .tutor-download-btn a{color: #ffffff;background: #f8b62b;}
@media screen and (max-width:575px){
    .tutor-download>ul>li{display: block;}
    .tutor-download>ul>li .tutor-download-content{width:100%;}
    .tutor-download>ul>li .tutor-download-btn{width:100%;border-left: 0;border-top: 1px #e1e1e1 solid;}
}

/** 留言區 **/
.message-name{padding: 5px 15px;border-radius:3px;margin: 0 0 15px 0;line-height: 1.4;font-size: 18px;font-weight: normal;background: #222222;color: #ffffff;display: table;}
.message{}
.message ul{list-style: none;padding: 0;margin: 0;}
.message ul li{padding:20px 0;margin: 0;font-size: 16px; color: #07212a;border-bottom: 1px #cccccc dashed;}
.message ul li:last-of-type{border-bottom: 0;}
.message ul li .message-job-seeker-name{position: relative;font-size: 18px; font-weight: 500;padding: 0 0 0 35px;margin: 0 0 8px 0;}
.message ul li .message-job-seeker-name:before{content: "應";display:flex;align-items: center;justify-content: center; position: absolute;top: 0;left: 0;background: #3ea7ca;color: #ffffff;border-radius: 5px;padding: 5px;width: 28px ;height: 28px; line-height: 1;}
.message ul li .message-enterprise-name{padding:0 0 8px 0;margin: 0 0 15px 0;border-bottom: 2px #cccccc dotted;line-height: 1.4;font-size: 18px;font-weight: normal;color: #3d4447;display: block;}
.message ul li .message-information{}
.message ul li .message-content{font-size: 16px; color: #07212a;}
.message ul li .message-time{font-size: 14px; color: #666666;margin: 15px 0 0 0;text-align: right;}
.message ul li .message-btn{margin: 20px 0 10px 0; font-size: 16px; color: #07212a;}
.message ul li .message-btn i{padding: 0 8px 0 0;}
.message ul li .message-btn a{display: table;background: #f8b62b;color: #ffffff;padding: 5px 15px;border-radius: 3px;}
.message ul li .message-btn a:hover{background: #c68703;}
.message ul li .reply{display: none;}
.message ul li .message-information .reply-information{margin: 15px 0; padding: 15px; background: #ffffff;font-size: 15px;border: 1px #cccccc solid;color: #666666;}
.message ul li .message-information .reply-color{background: #f3f3f3;}
.message ul li .message-information .reply-content{}
.message ul li .message-information .enterprise-name{position: relative;font-size: 16px; font-weight: 500;padding: 0 0 12px 30px;margin: 0 0 12px 0;border-bottom: 1px #cccccc solid;}
.message ul li .message-information .enterprise-name:before{content: "S";display:flex;align-items: center;justify-content: center; position: absolute;top: 0;left: 0;background: #0ca6f6;color: #ffffff;border-radius: 5px;padding: 4px;width: 22px ;height: 22px; line-height: 1;}
.message ul li .ask-btn{margin: 15px 0; font-size: 16px; color: #07212a;}
.message ul li .ask-btn i{padding: 0 8px 0 0;}
.message ul li .ask-btn a{display: table;background: #e19819;color: #ffffff;padding: 5px 15px;border-radius: 3px;}
.message ul li .ask-btn a:hover{background: #ffa60a;}
.message ul li .reply{display: none;}


/** 課程評價星星 **/
.message-star{margin:0 0 15px 0;}
.message-star ul{list-style: none;padding: 0;margin: 0;display: flex;}
.message-star>ul>li{padding: 0;margin: 5px 5px;width: 28px;border-bottom: 0;}
.message-star>ul>li a{display: flex;align-items: center;justify-content: center;color: #666666;border: 2px #666666 solid;border-radius: 50px;width: 42px; height: 42px;padding: 6px;}
.message-star>ul>li a:hover{ color: #f10f0f;border: 2px #f10f0f solid;}

/** 代理商 **/
.agent{margin: 20px 0 60px 0;}
.agent-title{font-size: 22px; font-weight: 500;color: #333333;margin: 25px 0 10px 0;background: #f6f6f6;padding:10px 15px;}
.agent>ul{list-style: none;padding: 0;margin: 0;}
.agent>ul>li{padding:15px;margin:20px 0;display:flex;flex-wrap: wrap;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius: 3px;}
.agent>ul>li a{display: block; color: #333333;}
.agent>ul>li:hover{box-shadow: 0 0 0 1px #f8b62b;}
.agent h2{padding:0;display:block;margin: 5px 0 10px 0;font-size: 20px; color: #092b5b;;width: 100%;font-weight: 500;}
.agent>ul>li .agent-photo{width: 100%; max-width: 250px; margin: 0 20px 0 0;background-position: center center;background-repeat: no-repeat;background-size: contain;box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);border: 1px #e1e1e1 solid;display: flex;align-items: flex-start; height: 100%;}
.agent>ul>li .agent-information{flex: 1;position: relative;padding: 0 0 40px 0;}
.agent>ul>li .agent-information .agent-pic{background-color: #eeeeee; background-position: center center;background-repeat: no-repeat;background-size:contain;}
.agent>ul>li .agent-information .agent-content-main{padding:0;}
.agent>ul>li .agent-information .agent-content-main>ul{list-style: none;padding: 0;margin: 0;}
.agent>ul>li .agent-information .agent-content-main>ul>li{padding: 0;margin:10px 0;display: flex;align-items: flex-start; color: #333333;font-size: 16px;}
.agent>ul>li .agent-information .agent-content-main>ul>li .agent-icon{background: #f8b62b;color: #ffffff;padding: 10px;border-radius: 50px; width: 42px;min-width: 42px;font-size:22px;display: flex;align-items: center;justify-content: center;margin: 0 10px 0 0 ;}
.agent>ul>li .agent-information .agent-content-main>ul>li .agent-content{flex: 1;padding: 10px 0;}
.agent>ul>li .agent-link{font-size:24px;position: absolute;bottom: -15px;right: -15px;}
.agent>ul>li .agent-link a{background: #f8b62b;color: #ffffff;padding: 10px;border-radius:3px 0 3px 0;width: 42px;height: 42px; display: flex;align-items: center;justify-content: center;}
.agent>ul>li .agent-link a:hover{background: #ea2f2f;}
.agent>ul>li:hover .agent-link a{background: #ea2f2f;}
@media screen and (max-width:767px){
    .agent-title{font-size: 20px;}
    .agent h2{font-size: 18px;}
    .agent>ul>li{display: block;}
    .agent>ul>li .agent-photo{ margin: 0 auto 15px auto;}
    .agent>ul>li .agent-information{flex: initial;width: 100%;}
    .agent>ul>li .agent-link{right:inherit;left: calc(50% - 13.5px);}
    .agent>ul>li .agent-link a{border-radius:3px 3px 0 0;}
}

/** 評價 **/
.well03{background:#ffffff;padding: 15px; max-width: 550px; width:calc(100% - 30px);margin: 15px;border: 6px #f8b62b solid; border-radius: 5px;max-height: calc(100vh - 30px);overflow-y: auto;display: none;}
.well02{background:#ffffff;padding: 15px; max-width: 700px; width:calc(100% - 30px);margin: 15px;border: 6px #f8b62b solid; border-radius: 5px;max-height: calc(100vh - 30px);overflow-y: auto;display: none;}
.well{background:#ffffff;padding: 15px; max-width: 800px; width:calc(100% - 30px);margin: 15px;border: 6px #f8b62b solid; border-radius: 5px;max-height: calc(100vh - 30px);overflow-y: auto;display: none;}
.evaluation-star {position:relative;display:inline-block;line-height:1em;}
.evaluation-star input {display:block;float:left;margin:0;padding:0;width:1em;height:1em;font:inherit;background:center 0/cover no-repeat;outline:0 none transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.evaluation-star label {display:none;float:right;margin-left:0.5em;}
.evaluation-star input:first-child {display:none; }
.evaluation-star input:checked ~ input {background-position:center -1em;}
.evaluation-star:hover input:checked ~ input {background-position:center 0;}
.evaluation-star:hover input:hover ~ input {background-position:center -1em;}
.evaluation-star input:checked + label {display:block;font-size: 14px;}
.evaluation-star:hover input:checked + label {display:none;font-size: 14px;}
.evaluation-star:hover input:hover + label {display:block;font-size: 14px;}
.evaluation-star {font-size:25px;}
.evaluation-star input {background:url("../images/evaluation-star.png")no-repeat center top;background-size: 25px;margin: 0 5px;}
.fadeandscale_open{display: inline-block;margin: 0;}
.fadeandscale03_open{display: inline-block;margin: 0;}
@media screen and (max-width:575px){
    .well02{padding: 10px;}
    .well{padding: 10px;}
}

/** 授課時間列表 **/
.course-time-list{margin: 20px 0;}
.course-time-list ul{list-style: none;padding: 0;margin: 0;}
.course-time-list ul li{padding:10px;margin: 0;display: flex;align-items: center;}
.course-time-list ul li:nth-child(even){background: #f3f3f3;}
.course-time-list ul li .course-time-content:first-of-type{flex: 1;text-align: center;}
.course-time-list ul li .course-time-content{flex: 3;padding: 5px 15px;font-size: 14px; color: #333333;border-right: 1px #e1e1e1 solid;}
.course-time-list ul li .course-time-content:last-of-type{flex: initial;width: 140px; border-right: 0;}
.teaching-time-close{margin:0;display:block;color: #ffffff;text-align: center;}
.teaching-time-close a{display: block;color: #ffffff;padding: 5px 15px;background: #f8b62b;}
.teaching-time-close a:hover{color:#f8b62b;box-shadow: 0 0 0 1px #f8b62b;background: #ffffff;}
.teaching-time-send-close{margin: 20px auto;display: table;padding: 5px 15px;background: #333333;color: #ffffff;}
@media screen and (max-width:767px){
    .course-time-list ul li{display: block;padding: 10px 5px;}
    .course-time-list ul li .course-time-content:first-of-type{flex:initial;width: 100%;text-align: left;}
    .course-time-list ul li .course-time-content{flex: initial;width: 100%;padding: 0;margin: 5px 0;border-right: 0;}
}

/** 測驗 **/
.test{font-size: 16px;color: #666666;}
.test-note{font-size: 14px;color: #666666;text-align: right;background: #f3f3f3;padding: 5px 15px;margin: 10px 0;}
.test h2{padding:5px 0;margin: 0 0 15px 0;text-align: center; font-size: 24px; font-weight: 700;color: #014099;line-height: 1.4;border-bottom: 1px #cccccc solid;}
.test h3{padding:5px 15px;margin: 15px 0 10px 0;font-size: 20px; font-weight: 500;color: #ffffff;line-height: 1.4;position: relative;background: #f8b62b;}
.test h3.click-audio{padding:5px 271px 5px 15px;}
.test ol,.test ul{padding: 0;margin: 0 0 0 25px;}
.test ol li,.test ul li{margin:5px 0;}
.volume{position: absolute;top: 0;right: 0;font-size: 15px;font-weight:300;}
.volume audio{display:flex;align-items: center;justify-content: center; color: #ffffff;padding:0;height: 38px;width: 256px;}
.volume a{display:flex;align-items: center;justify-content: center; color: #ffffff;padding: 8.5px 15px;background: #ff0000;}
.volume a:hover{}
.fa-volume-up{margin: 0 0 0 5px;}
.test-content{position: relative;margin: 15px 0;}
button.basic-btn01 {margin: 0 8px;background: #092b5b;color: #ffffff;border: 0;font-size: 16px;padding: 5px 15px;min-width: 100px;}
button.basic-btn01:hover{box-shadow: 0 0 0 1px #092b5b;color: #092b5b;background: #ffffff;}
button.basic-btn02 {margin: 0 8px;background: #f8b62b;color: #ffffff;border: 0;font-size: 16px;padding: 5px 15px;min-width: 100px;}
button.basic-btn02:hover{box-shadow: 0 0 0 1px #f8b62b;color: #f8b62b;background: #ffffff;}
button.basic-btn03 {margin: 0 8px;background: #ff0000;color: #ffffff;border: 0;font-size: 16px;padding: 5px 15px;min-width: 100px;}
button.basic-btn03:hover{box-shadow: 0 0 0 1px #ff0000;color: #ff0000;background: #ffffff;}
@media screen and (max-width:767px){
    .test h2{font-size: 22px; }
    .test h3{font-size: 18px; }
    .test h3.click-audio{padding:5px 15px;}
    .volume{position:inherit;top:inherit;right:inherit;display: flex;justify-content: flex-end;margin: 5px -10px 0 0;}
    .volume a{padding:5px 15px;}
}
@media screen and (max-width:575px){
    button.basic-btn01 {min-width: inherit;width: calc(50% - 16px);}
    button.basic-btn02 {min-width: inherit;width: calc(50% - 16px);}
    button.basic-btn03 {min-width: inherit;width: calc(100% - 16px);margin: 8px;}
}

/** 機會 **/
.content-banner{margin:15px 0 15px 0;width: 100%;}
.content-banner img{width: 100%;}
.global-banner{margin:20px 0 20px 0;width: 100%;}

/** 聯絡我們 **/
.contact-body{}
.contact-note{padding:5px 15px; font-weight:400; font-size:14px;background:#f20e0e;color: #ffffff;display: table;margin: 5px 0;border-radius: 3px;}
.contact-main{max-width: 1200px;margin:20px auto ;}
.contact-page{margin: 0 0 20px 0;}
.contact-page a{display: block;color: #333333;}
.contact-page a:hover{text-decoration: underline;}
.contact-page ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.contact-page ul li{padding: 0;margin:10px;display: flex;flex-wrap: wrap; width: calc(100%/2 - 20px);}
.contact-page ul li .contact-icon{width: 50px;font-size: 24px; color: #092b5b;border: 1px #092b5b solid;background: #ffffff;padding: 10px;border-radius: 50px;height: 50px;display: flex;align-items: center;justify-content: center;margin: 0 10px 0 0;}
.contact-page ul li .contact-content{flex: 1;font-size: 15px; color: #333333;}
.contact-page ul li .contact-content span{display: block;margin: 0 0 5px 0; width: 100%;color: #092b5b;font-size: 16px; font-weight: 500;}
.contact-page ul li:last-of-type{width: calc(100%/1 - 20px);}
.line-main{flex:1 ;display: flex;}
.line-qrcode{width: 120px;}
.line-qrcode img{width: 100%;border: 1px #333333 solid;}
@media screen and (max-width:767px){
    .contact-page ul li{margin:10px 0;width: calc(100%/1 - 0px);}
    .contact-page ul li:last-of-type{width: calc(100%/1 - 0px);}
}
@media screen and (max-width:575px){
    .line-main{flex:initial;width: 100%;}
    .line-qrcode{width: 100%;display: flex;justify-content:center;margin: 10px 0;}
    .line-qrcode img{width: 100%;max-width: 140px;;}
}

/** 表單欄位 **/
label{margin-bottom: 0;margin-right: 10px; min-width: 100px;display: flex;align-items: center;}
label input{margin: 0 5px 0 0;}
.form-control:disabled, .form-control[readonly]{background-color: #ffffff; }
.form-box input, .form-box img{vertical-align:middle;}
.opinion-main{display:flex; flex-wrap:wrap; align-items: flex-start;}
.opinion-main02{display:flex; flex-wrap:wrap; }
.opinion-main .opinion:nth-child(2){margin: 0 15px 5px 15px;}
.opinion-main02 .opinion:nth-child(2){margin: 0 0 5px 15px;}
.opinion{flex: 1; display:flex; flex-wrap:wrap; margin:0 0 5px 0;border-radius:0;position: relative;}
.opinion-left01{position: relative;width:100%;padding:5px 0; font-weight:500; font-size:16px; color:#333333; line-height:1.8; display:flex; flex-wrap: wrap; align-items:center;}
.opinion-left02{background:#092b5b; width:100%;padding:5px 15px; font-weight:400;; font-size:16px; color:#ffffff; line-height:1.8; display:flex; align-items:center;}
.input-main-style01{background-color: #ffffff; flex:1; width:100%; border:1px #e1e1e1 solid; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;display: flex;flex-wrap: wrap;border-radius: 0;}
.input-main-style02{background-color: #ffffff; flex:1; width:100%; border:1px #e1e1e1 solid; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;display: flex;border-radius: 0;}
.input-main-style03{background-color: #ffffff; width:100%;margin: 10px 0 0 0; border:1px #e1e1e1 solid;padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;display: flex;border-radius: 0;}
.input-main-style04{background-color: #ffffff;flex:1; width:100%; border:0; margin:0; padding:10px 10px; font-size:16px; color:#333; line-height:1.8; min-height:40px;display: flex;flex-wrap: wrap;align-items: center;border-radius: 0;}
.input-main-style04 span{padding: 0 5px;}
.input-main-style04 select{padding:5px 25px 5px 15px; margin:0; color:#333333; font-size:16px;border:1px #e1e1e1 solid;background: #ffffff url("../images/icon-select-b.svg")no-repeat right 10px center;line-height: 1.8;background-size: 6px;flex: 1;}
.input-main-style05{flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;display: flex;flex-wrap: wrap;border-radius: 0;}
.input-main-style06{background-color: #ffffff; flex:1; width:100%; border:1px #e1e1e1 solid; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;display: flex;flex-wrap: wrap;border-radius: 0;}
.input-main-style07{flex:1; width:100%; border:0; margin:0; padding:5px 0; font-size:16px;  color:#333; line-height:1.8; min-height:40px;border-radius: 0;}
.input-main-style07 label{width: calc(100% - 2px);margin: 5px 0 ;}
.input-main-style08{background-color: #ffffff; flex:1; width:100%; border:1px #e1e1e1 solid; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;display: flex;flex-wrap: wrap;border-radius: 0;}
.input-main-style08 label{width: calc(100%/ 3 - 10px);}
.input-main-style09{background-color: #ffffff; flex:1; width:50%;border: 0;border-bottom:1px #e1e1e1 solid; padding:0 15px; font-size:16px;  color:#333; line-height:1.8; min-height:29px;font-weight: 300;display: flex;flex-wrap: wrap;margin: 0 -10px 0 10px;border-radius: 0;}
.input-main-style10{background-color: #ffffff; flex:1; width:100%; border:1px #e1e1e1 solid; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;display: flex;flex-wrap: wrap;border-radius: 0;}
.input-main-style10 label{width: calc(100%/ 1 - 0px);margin: 2px 0 ;align-items: flex-start;}
.input-main-style10 label input{margin: 6px 5px 0 0 ;}
.input-main-style10 label input.input-main-style09{margin: 0 0 0 10px;}
.input-main{display: flex;width: 100%;}
.input-note01{display: flex;align-items: center;margin: 0 8px 0 0;font-size: 14px; color: #666666;width: 26px;min-width: 26px;}
.input-note02{display: flex;align-items: center;margin: 0 0 0 8px;font-size: 14px; color: #666666;width: 52px;min-width: 52px;}
.input-price{position: absolute;bottom:10px;right: 70px;width: 70px; height: 20px; font-size: 14px;color: #f8b62b;display: flex;align-items: center;justify-content: center; padding: 0 ;}
.input-main-style11{background-color: #ffffff;flex: 1;width: 100%; border:1px #e1e1e1 solid; margin:0; padding:5px 95px 5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;font-weight: 300;border-radius: 0;}
.input-main-select{background:none; flex:1;width: 100%;  border:0; margin:0; padding:0; font-size:16px; color:#333; line-height:1.8; display:flex; flex-wrap:wrap;}
.input-main-select select{padding:5px 25px 5px 15px; margin:0; color:#333333; font-size:16px;border:1px #e1e1e1 solid;background: #ffffff url("../images/icon-select-b.svg")no-repeat right 10px center;line-height: 1.8;background-size: 6px;flex: 1;}
.input-main-select select:nth-child(2){margin: 0 0 0 15px;}
.select-style{background:#8a6e0c; font-size:16px; color:#ffffff; line-height:20px; padding:5px 10px; border:0;}
.input-style01{background: #ffffff; flex:1; width:100%; border:0; margin:0; padding:5px 15px; font-size:16px;  color:#333; line-height:1.8; min-height:40px;}
input:disabled{background-color:#fff; color:#092b5b; cursor:no-drop;}
.btn.openlink{margin:3px 0; padding:0 10px; text-align:center; font-size:16px; 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:40px; margin:0; vertical-align:middle; display:inline-block;}
.week-time{width: calc(100%/2 - 20px);margin: 10px 10px; display: block;}
.week-time:last-of-type{width: calc(100%/1 - 20px);}
.week{margin:0 }
.time{display: flex;flex-wrap: wrap; padding: 10px 10px ;background: #f6f6f6;font-size: 14px; color: #666666;}
.time label{margin: 0 10px ;width: calc(100%/3 - 20px);}
.week-time:last-of-type .time label{width: calc(100%/5 - 20px);}
.level-btn{position: absolute;bottom: 0;right: 0;}
.level-btn a{display: block;color: #ffffff;background: #092b5b;padding:9px 15px;}
.level-btn a:hover{background: #e42525;}
.input-main-style01:focus, .input-main-style02:focus, .input-main-style03:focus, .input-main-style04:focus, .input-main-style05:focus, .input-main-style05:focus, .input-main-style07:focus, .input-main-style08:focus, .input-main-style09:focus, .input-main-style10:focus, .input-main-style11:focus, .input-main-select select:focus, .form-control:focus{outline: 0; color:#333333;border-color:inherit;box-shadow:0 0 0 0 rgb(0 123 255 / 25%) ;border:1px #e1e1e1 solid;border-bottom: 1px #f8b62b solid;}
.iti{width: 100%;display: block;}
.pay-main{padding: 15px;background: #fef9ec;font-size: 15px; color: #333333;border-radius: 3px;margin: 15px 0 ;line-height: 1.6;}
.pay-main .pay-note{font-size: 14px; color: #666666;margin: 5px 0 ;}
.file-main{flex: 1;}
.file-photo {margin: 0 auto;max-width: 200px;text-align: center;}
.file-photo img {margin: 10px auto;}
.form-note{font-size: 14px;color: #999999;display: block;width: 100%;margin: 5px 0;padding:0 15px;}
.form-note02{font-size: 14px;color: #999999;display:inline-block;padding:0;font-weight: 300;}
.form-field{width: 100%;display: flex;}
.add-btn{max-width: 150px;margin: 0;position: absolute;top: 5px;right: 0;font-size: 15px;font-weight: 300;}
.add-btn a{display: block;background: #092b5b ; color: #ffffff;padding: 1px 10px ;position: relative;}
.add-btn a:after{content: "";display: block;width: 0%;height: 100%;position: absolute;top: 0;left:0;background: #092b5b;visibility: hidden;opacity: 0; transition: all 0.8s ease 0s;}
.add-btn a:hover{color:#ffffff;position: relative;z-index: 1;}
.add-btn a:hover:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left:0;background: #f8b62b;visibility: visible;opacity: 1; transition: all 0.8s ease 0s;z-index: -1;}
.delete-btn{max-width: 150px;margin:0;font-size: 16px;font-weight: 300;}
.delete-btn a{display:flex;align-items: center;justify-content: center; width: 40.8px;height: 40.8px;background: #ff0000 ;color: #ffffff;padding: 5px 10px;position: relative;}
.delete-btn a:hover{color:#ffffff;position: relative;z-index: 1;}
@media screen and (max-width:1000px){
    .input-main-style08 label{width: calc(100%/ 2 - 10px);}
}
@media screen and (max-width:1120px){
    .opinion-main02{display:block; }
    .opinion-main02 .opinion:nth-child(2){margin: 0;}
}
@media screen and (max-width:767px){
    .opinion-main{display:block; }
    .opinion-main .opinion:nth-child(2){margin: 0;}
    .input-main-style08 label{width: calc(100%/ 1 - 0px);margin-right: 0;}
}
@media screen and (max-width:575px){
    label{width: 100%;min-width: inherit;}
	.opinion{display:block;}
	.opinion-left01{width:100%;}
	.opinion-left02{width:100%;}
	.input-main-style02{width:calc(100% - 104px); display:inline-block;}
    .input-main-style04{display: block;}
    .input-main-style04 span{padding: 8px 0 0 0;width: 100%;display: block;}
    .input-main-style04 span.none{display: none;}
    .week-time{width: calc(100%/1 - 0px);margin: 10px 0px;}
    .week-time:last-of-type{width: calc(100%/1 - 0px);}
    .time label{width: calc(100%/2 - 20px);}
    .week-time:last-of-type .time label{width: calc(100%/2 - 20px);}
    .file-photo {max-width:250px;width: 100%; }
    .form-note{padding:0 ;}
}
@media screen and (max-width:450px){
    .input-price{bottom:42px;right: 58px;}
    .input-main-style11{padding: 5px 15px;}
}

/** 按鈕 **/
.cart-btn{padding:0; text-align:center; margin:20px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;width: 100%;}
.btn-send{font-size:13px;}
a.btn-send{padding:5px 20px; text-align:center; font-size:16px; font-weight:400; color:#ffffff; min-width:100px; margin:5px; border:0; border-radius:0;background: #f8b62b;box-shadow: 0 2px 0 0 rgba(0,0,0,.1);line-height: 1.6;}
a.btn-send:hover{background:#ffffff;box-shadow: 0 0 0 1px #f8b62b;color:#f8b62b;}
a.btn-reset{background:#092b5b; padding:5px 20px; text-align:center; font-size:16px; color:#ffffff; font-weight:400; min-width:100px; margin:5px; border:0; border-radius:0;box-shadow: 0 2px 0 0 rgba(0,0,0,.1);line-height: 1.6;}
a.btn-reset:hover{background:#ffffff;box-shadow: 0 0 0 1px #092b5b;color:#092b5b;}
a.btn-send-over{background:#31860f; padding:5px 20px; text-align:center; font-size:16px; color:#ffffff; font-weight:400; min-width:100px; margin:5px; border:0; border-radius:0;box-shadow: 0 2px 0 0 rgba(0,0,0,.1);line-height: 1.6;}
a.btn-send-over:hover{background:#ffffff;box-shadow: 0 0 0 1px #31860f;color:#31860f;}
a.btn-password{padding:0; text-align:center; font-size:13px; color:#ff0000; font-weight:400; margin:15px 10px 5px 5px; border:0; border-radius:0;}
a.btn-password:hover{text-decoration: underline;}
a.btn-course{padding:10px 20px; text-align:center; font-size:16px; font-weight:400; color:#ffffff; min-width:180px; margin:5px; border:0; background: #138f13;line-height: 1.6;border-radius: 50px;}
a.btn-course:hover{background:#ffffff;box-shadow: 0 0 0 1px #138f13;color:#138f13;}
@media screen and (max-width:575px){
	a.btn-send{padding:5px 10px; width:calc(50% - 10px);}
	a.btn-reset{padding:5px 10px; width:calc(50% - 10px);}
	a.btn-send-over{padding:5px 0px; width:calc(100% - 0px);}
    a.btn-password{width:calc(100% - 10px);margin:5px 5px 5px 5px; }
    a.btn-course{padding:10px 10px;min-width: inherit;width:calc(50% - 10px);}
}

/** 會員登入 **/
.member-login-box{max-width:900px; margin:0 auto;}
.login-tool{}
.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;width: calc(100%/2 - 10px);}
.login-tool ul li img{width:100%;}
@media screen and (max-width:950px){
	.login-tool ul li{margin:5px 0;width: calc(100%/1 - 0px);}
}
@media screen and (max-width:767px){
	.login-tool ul li{margin:5px;width: calc(100%/2 - 10px);}
}
@media screen and (max-width:370px){
	.login-tool ul li{margin:5px 0;width: calc(100%/1 - 0px);}
}

/** level **/
.level{position: absolute;top:50px;left: 0;background: #ff0000;color: #ffffff;padding: 5px 20px;border-radius: 0 5px 5px 0;}
.level-page{font-size:16px; color:#333333; line-height:1.4; background: #fef9ec; margin:10px 0 20px 0; text-align:center; padding:15px;width: 100%;}
.member-level{margin: 0 0 15px 0;}
.member-level ul{list-style: none;padding: 0;margin: 0;}
.member-level ul li{padding:10px;margin: 0;display: flex;border-bottom: 1px #cccccc dashed;}
.member-level ul li .member-level-test{flex: 1;background: #092b5b;color: #ffffff;padding: 5px 10px;display: flex;align-items: center;justify-content: center;text-align:center; }
.member-level ul li .member-level-upgrade{flex: 2.5;padding: 5px 0;margin: 0 0 0 15px;}
.member-level ul li .member-level-upgrade a{display:block;color:#ff0000;margin: 8px 0 0 0;}
.member-level ul li .member-level-upgrade a i{margin: 0 8px 0 0;}
.member-level ul li .member-level-upgrade a:hover{}
@media screen and (max-width:575px){
	.member-level ul li{display: block;padding: 10px 5px;}
    .member-level ul li .member-level-test{flex: initial;width: 100%;text-align: left;justify-content: flex-start;}
    .member-level ul li .member-level-upgrade{flex: initial;width: 100%;margin: 10px 0 0 0;padding: 5px 10px;}
}

/** 會員註冊 **/
.index-brand{ margin:25px 0 0 0; }
#brand{ height:auto;  width:100%; }
#brand ul{  list-style:none;  height:auto; margin:0;  padding:0;display: flex;align-items: flex-end; border-bottom:2px solid #f8b62b;}
#brand ul li{ text-align:center; cursor:pointer;width:auto;min-width: 100px; font-size:18px;  padding:6px 15px; color:#666666;  display:flex; align-items:center; justify-content:center;font-weight: 400;}
#brand ul li img{vertical-align:text-bottom; }
#brand ul li:hover{ color:#ffffff; background:#092b5b;} 
#brand ul li.active{ color:#ffffff;  font-size:18px; border-bottom:0; background:#f8b62b;padding: 10px 15px 8px 15px;}
#brand-info{background: #f9f9f9; color:#333333; font-size:16px; width:100%;padding: 15px; overflow:hidden; border-top:0;}
#brand-info>.box{  width:auto;  height:auto; display:none;}
#brand-info>.box table{ background:#55BCFF;}
@media screen and (max-width:575px){
	#brand ul li{ font-size:16px;min-width: inherit;  padding:6px 6px;font-weight: 500;}
    #brand ul li.active{font-size:16px;padding: 10px 6px 8px 6px;}
}

/** 隱私權政策 **/
.policy-update{font-size: 14px; font-style: italic;background: #f8b62b;display: table;color: #ffffff;padding: 5px 15px;margin: 0 0 15px 0;border-radius: 3px;}
.policy-information{padding: 15px;background: #f6f6f6;margin: 20px 0;}
.policy-title{color: #000000; font-weight: 700;font-size: 22px;margin:25px 0 10px 0;}
.policy-list{}
.policy-list>ol{list-style: decimal; margin: 0 0 0 25px; padding: 0;font-weight: 500;font-size: 20px;}
.policy-list>ol>li{padding: 0;margin:5px 0;}
.policy-list>ol>li .policy-name{font-weight: 500;font-size: 20px;margin: 15px 0 5px 0;color: #333333;}
.policy-list>ol>li .policy-content{font-weight: 400;font-size:16px;}
.policy-list>ol>li .policy-content>ol{list-style:lower-alpha; padding:0;margin:15px 0 15px 25px;}
.policy-list>ol>li .policy-content>ol>li{padding: 0;margin:5px 0;}


/** 會員條款 **/
.terms{padding:12px 15px;font-size: 14px;color: #333333;display: flex;align-items: center;background: #fef9ec;margin: 20px 0 0 0;}
.terms a{color: #333333;text-decoration: underline;display: inline;}
.terms a:hover{text-decoration: underline;}
.terms label{display: block;width: 100%;}
.terms input{margin: 0 5px 0 0 ;}
.terms-information-main{margin: 15px; }
.terms-information{max-width: 810px; background:#ffffff;border: 6px #f8b62b solid; padding: 15px;border-radius: 5px;margin: 0 auto;height: calc(100vh - 40px);}
.terms-information .terms-content{font-size: 16px; color: #333333;height: calc(100% - 96px);overflow-y: auto;}
.terms-information .terms-content ol{padding: 0;margin: 20px 0 0 20px;}
.terms-information .terms-content ol li{padding:5px 0;margin: 0;}
.agree-btn{padding:20px 0 0 0; text-align:center; margin-top:0px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
button.agree{background: #000000;color: #ffffff;border: 0;font-size: 16px;padding:5px 20px; }
button.agree:hover{}
.fa-check{padding: 0 10px 0 0;font-size: 20px;}
@media screen and (max-width:767px){
	.terms-information h4 .terms-title{text-align: center;line-height: 1.4;}
	.terms-information h4 .terms-title .terms-title-ch{font-size:30px;letter-spacing:0px;display: block;line-height: 1.4;padding: 0 0 0 8px;}
	.terms-information h4 .terms-title .terms-title-en{font-size:16px;letter-spacing:0px;display: block;padding: 0 0 0 3px;}
	.terms-information h4 .terms-title .terms-title-en span{display: none;}
	.terms-information-main{margin: 15px; }
	.terms-information{padding: 15px;}
}

/** 會員條款彈跳視窗 **/
#fadeandscale {-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.popup_visible #fadeandscale {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

/** 送出訊息 **/
.jump-window-box{max-width:550px; margin:0 auto; border:1px #e1e1e1 solid; padding:20px; border-radius:5px;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}

/** 訂單列表 **/
.order-list ul{list-style:none; padding:0; margin:0;}
.order-list ul li{padding:15px 10px; margin:0;display: flex;align-items: center;}
.order-list ul li:nth-child(odd){background: #f3f3f3;}
.order-list ul li .order-list-content{text-align:center; margin:0;}
.order-list ul li:first-of-type{border-bottom:0; padding:15px 10px;background: #092b5b;color: #ffffff;}
.order-list ul li:first-of-type .order-list-content{font-size:16px; text-align:center;}
.order-list ul li:first-of-type .order-list-content b{display:block;border-radius:0;font-weight: 400;}
.order-list .order_number{font-size:16px; color:#333;}
.order-list .order_date{font-size:16px; color:#333;}
.order-list .order_total{font-size:16px; color:#333;}
.order-list .order_status{font-size:16px; color:#333;}
.order-list .order_details{font-size:16px; color:#333;}
.order-list .order_details a{display:inline-flex;align-items: center;justify-content: center; color:#ff0000; padding:0;margin: 0 ;}
.order-list .order_details a:hover {color:#ff0000;}
.order-list .order_details a[disable]{cursor:no-drop; color:#999999;}
.order-list .order_details a[disable]:hover{color:#999999;}

.order-list ul li:hover{}
.oproject{display:none;}
.oproject-content{flex:1;text-align: center;}
.oproject-content a{color: #333333;padding: 0 5px;}
a.oproject-content-star{background: #e4cf1a;color: #ffffff;padding:5px;width: 32px; height: 32px;margin: 2px;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;}
a.oproject-content-star:hover{border-radius: 50px;}
a.oproject-content-time{background: #107110;color: #ffffff;padding:5px;width: 32px; height: 32px;margin: 2px;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;}
a.oproject-content-time:hover{border-radius: 50px;}
a.oproject-content-reviews{background:#e4cf1a;color: #ffffff;padding:5px;width: 32px; height: 32px;margin: 2px;border-radius:3px;display:inline-flex;align-items: center;justify-content: center;}
a.oproject-content-reviews:hover{border-radius: 50px;}
.order-list .order_details a.fadeandscale_open{display:inline-flex;align-items: center;justify-content: center; color:#666666; padding:4px 9.5px;margin: 0 2px;width: 34px;height: 34px; }
.order-list .order_details a.fadeandscale_open:hover{color:#ff7e00; }

@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:auto; margin:0;font-size: 15px;text-align:left;}
	.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:#ff0000; 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:10px 10px; margin:0;}
.shopping-car ul li .shopping-car-content{margin:0;}
.shopping-car ul li:nth-child(odd){background: #f3f3f3;}
.shopping-car ul li:first-of-type{border-bottom:0; padding:10px;background: #092b5b;color: #ffffff;}
.shopping-car ul li:first-of-type .shopping-car-content{font-size:16px; text-align:center;}
.shopping-car ul li:first-of-type .shopping-car-content b{display:block; border-radius:5px;font-weight: 400;}
.shopping-car .shop-car-info{display:flex;flex-wrap: wrap; font-size:16px; vertical-align:middle;align-items:center;text-align: center;}
.shopping-car .shop-car-info a.pro-photo{width:60px; margin:0 15px 0 0;}
.shopping-car .shop-car-info .description{font-size:16px; margin:0px; color:#000; flex:1; width:100%; text-align:left;}
.shopping-car .shop-car-info .description .shop-car-info-title{font-size:16px; }
.shopping-car .shop-car-info .description .spec{font-size:13px; color:#666;}
.shopping-car .shop-car-price{display:block; height:100%; font-size:16px; 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:16px; text-align:center;}
.shopping-car .shop-car-quantity select{padding:0px 25px 0px 5px; margin:0; color:#333333; font-size:14px;border: 1px #333333 solid;background: #ffffff url("../images/icon-select-b.svg")no-repeat right 10px center;font-family: 'Roboto', 'Noto Sans TC', sans-serif;line-height: 1.8;background-size: 6px;}
.shopping-car .shop-car-subtotal{display:block; font-size:16px; color:#333333; text-align:center;}
.shopping-car .shop-car-del{display:block; font-size:16px; vertical-align:middle; text-align:center;}
.shopping-car .shop-car-del a{color:#ff0000; padding:5px 10px;display: flex;align-items: center;justify-content: center; width: 36px; height: 36px;margin: 0 auto;}
.shopping-car .shop-car-del a:hover{color:#ff0000;box-shadow: 0 0 0 1px #ff0000;border-radius: 50px;}
.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; 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.5; 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:500; text-align:left;display: flex;align-items: center;}
.checkout-cart-summary .subtotal-name .subtotal-quantity{font-weight:bold;}
.checkout-cart-summary .subtotal-content{text-align:right;}
.checkout-cart-summary .subtotal-content input{border: 1px #333333 solid;padding: 2.5px 41px 2.5px 15px;}
.checkout-cart-summary .total{display:flex; flex-wrap:wrap; font-size:20px; color:#333;background: #fef9ec;border-top: 3px #f8b62b solid;padding:10px ; margin:10px 0 0 0;}
.checkout-cart-summary .toc{font-weight:bold; color:#900; font-size:20px;}
@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:14px/1.6 "Microsoft JhengHei"; color:#333; text-align:center; clear:both; margin:15px 0;}
.page a{display: inline-block;background:#000000; color:#fff; padding:4px 15px;margin: 10px 0;}
.page a:hover{background:#333333; color:#fff;}
.page br{display:none;}
.page select{padding:0px 25px 0px 5px; margin:0; color:#333333; font-size:14px;border: 1px #333333 solid;background: #ffffff url("../images/icon-select-b.svg")no-repeat right 10px center;font-family: 'Roboto', 'Noto Sans TC', sans-serif;line-height: 1.8;background-size: 6px;}
@media screen and (max-width:767px){
	.page br{display:block;}
}

/** 網站導覽 **/
.bottom-info{background:#000; padding:10px 0px;}
.bottom-info-main{max-width:1200px; margin:0 auto;}
.bottom-info-main h3{font-size:16px; color:#ffffff; border-bottom:1px #707070 solid; padding:10px 0; margin:0 0 10px 0;}
.bottom-info-main ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap;}
.bottom-info-main ul li{font-size:14px; width:calc(25% - 10px); margin:5px;}
.bottom-info-main ul li a{color:#ffffff;}
.bottom-info-main ul li a:hover{color:#707070;}
.bottom-info-main .bottom-info-content{font-size:14px; color:#ffffff;}

@media screen and (max-width:767px){
	.bottom-info-main ul li{width:calc(50% - 10px);}
}

@media screen and (max-width:575px){
	.bottom-info-main ul li{width:calc(33.3333% - 10px);}
}

/** 下版 **/
footer{background:#000000;padding: 0 15px;}
footer .footer{max-width:1200px; margin:0 auto;font-size: 15px; color: #ffffff;display: flex;align-items: center; padding: 20px 0;}
footer .footer a{color: #ffffff;}
footer .footer a:hover{color: #f8b62b;}
footer .footer .footer-logo{width: 200px;margin: 0 60px 0 0;}
footer .footer .footer-logo img{width: 100%;}
footer .footer .footer-information{flex: 1;}
footer .footer .footer-information .footer-menu-main{border-bottom: 1px #999999 solid;padding: 5px 0 15px 0;}
footer .footer .footer-information .footer-menu-main .footer-menu{}
footer .footer .footer-information .footer-menu-main .footer-menu ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
footer .footer .footer-information .footer-menu-main .footer-menu ul li{padding: 0;margin: 0;width: auto;}
footer .footer .footer-information .footer-menu-main .footer-menu ul li a{color: #ffffff;padding: 5px 45px 5px 0;display: block;}
footer .footer .footer-information .footer-menu-main .footer-menu ul li a:hover{color: #f8b62b;}
footer .footer .footer-information .footer-contact{padding: 15px 0 0 0;}
footer .footer .footer-information .footer-contact span{display: inline-block;padding: 5px 45px 5px 0;}
.copyright{font-size: 12px; text-transform: uppercase;color: #666666;text-align: center;padding: 8px 15px;}
.copyright a{color: #666666;}
.copyright a:hover{text-decoration: underline;}
.copyright span{display: inline-block;padding: 0 0 0 25px;}
@media screen and (max-width:980px){
	footer .footer{display: block;}
    footer .footer .footer-logo{margin: 5px auto;}
    footer .footer .footer-information{width: 100%; text-align: center;}
    footer .footer .footer-information .footer-menu-main .footer-menu ul{justify-content:space-around;}
    footer .footer .footer-information .footer-menu-main .footer-menu ul li a{padding: 5px 15px;}
    footer .footer .footer-information .footer-contact span{padding: 5px 15px;}
}
@media screen and (max-width:575px){
    footer .footer .footer-information .footer-menu-main .footer-menu ul li a{padding: 3px 10px;}
    footer .footer .footer-information .footer-contact span{padding: 3px 10px;}
    .copyright span{display:block;padding: 0;width: 100%;}
}

/** 購物車模組 **/
#sidr-left{font-size: 16px; display:none; position:absolute; position:fixed; top:0; height:100%; z-index:999999; width:260px; overflow-x:none; overflow-y:auto; background:#000000; color:#fff; box-shadow:0 0 0 10000px rgba(0,0,0,.2);}
#sidr-left *{font-size: 16px; 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;font-size: 15px;color: #f8b62b;}
#sidr-left .cart-items{padding:0;}
#sidr-left .cart-item{margin:0;padding: 15px ; display:flex;align-items: center;}
#sidr-left .cart-item:nth-child(even){background: rgba(255,255,255,.2);}
#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:#ffffff;text-align: center;}
#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:16px;color: #ffffff; padding:8px 15px; border:0; text-align:center; background-color:#f8b62b; border-radius:0;}
#sidr-left .cart-chkt-btn button:hover{background-color:#ffffff;box-shadow: 0 0 0 1px #f8b62b;color: #f8b62b;}
.modal-backdrop{position:fixed; top:0; right:0; bottom:0; left:0;}

/** top **/
#scrollUp {bottom: 0;right: 10px;width: 50px;height: 50px;margin-bottom: -10px;padding:0;background: url("../images/top.png")no-repeat center center;
-webkit-transition: margin-bottom 150ms linear;-moz-transition: margin-bottom 150ms linear;-o-transition: margin-bottom 150ms linear;transition: margin-bottom 150ms linear;}
#scrollUp:hover {margin-bottom: 0;}