/*英文字體*/

@font-face {
    font-family: "Californian FB";
    src: url(../css/fonts/CALIFR_0.TTF);
}

@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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

body {
    line-height: 1;
    overflow-x: hidden;
    min-height: 100vh;
}

.indexbg {
    overflow: hidden;
}

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

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #000;
}

a:hover {
    color: #000;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

h1 {
    font-size: 30px;
    letter-spacing: 6px;
}

h2 {
    font-size: 36px;
    font-weight: bold;
}

h3 {
    font-size: 24px;
    color: #007d8c;
}

h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    text-align: left;
}

h5 {
    font-size: 14px;
    color: #005959;
}

h6 {
    color: #436e00;
    font-size: 20px;
}

p {
    font-size: 16px;
}


/*start*/

* {
    font-family: '微軟正黑體', '思源黑體';
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}

html {
    overflow-y: scroll;
}

.container {
    max-width: 1400px;
    padding: 0px;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: bottom;
    max-width: 100%;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;

    /* Direction defaults to 'row', so not really necessary to specify */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.logo {
    margin-top: 8px;
    margin-bottom: 8px;
}


/*start header*/


/*20161018 genie修改*/

nav.navbar-default {
    position: fixed;
    z-index: 999;
    width: 100%;
}

.navbar-brand {
    /*min-height: 62px;*/
    padding: 7px 0px;
}

.nav {
    text-align: center;
}

.navbar {
    margin-bottom: 0px;
}

.nav>li.fixbox a p {
    color: #010101;
    font-weight: 600;
    padding-top: 20px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
}
.subs > li > a {
    font-size: 14px;
}


/*.subs > li{
    margin: 5px; 
}*/

.navbar-nav>li.fixbox {
    /* width: 11%; */
    padding: 0 9px;
    display: inline-flex;
    /*-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;*/
    float: none;
}

.nav>li.fixbox a {
    width: 100%;
}

.navbar-nav ul.subs li:last-child {
    border-bottom: 0;
}


/* .fixbox:hover {
    background-color: #433f37;
    border-bottom: 2px solid #9cc93a;
}

.fixbox a p:hover {
    color: #9cc93a;
} */

.navbar-nav>li.sharebox {
    float: right;
    padding: 24px 0px 0px;
    display: inline-flex;
}

#top .nav>li>a {
    padding: 0px 0px;
}

.nav li.sharebox a {
    padding: 0px;
}

div#logo {
    margin-right: 20px;
}

#top .nav>li>a:hover,
#top .nav>li>a:focus {
    background-color: #fff;
}


/* .sharebox:hover {
    background-color: #212120;
    border-bottom: 0;
} */

.sharebox_radius {
    text-align: right;
    width: 80px;
    height: 30px;
    float: right;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}
.out_log{
    width: 50px;
}
.mob_out{
    width: 50px;
}

.sharebox_radius >span {
    color: black;
    font-size: 12px;
}


/* .sharebox_radius:hover {
    background-color: #9cc93a;
} */


/*banner s*/

#slider .item img {
    display: block;
    height: auto;
    background-position: center;
    background-size: cover;
}


/*.container-fluid {
    padding: 0px;
}*/


/*.item > img {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center center;
    height: 638px;
}*/


/*.item img:last-child {
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: -188px -262px;
    width: auto;
    height: auto;
}
*/

#owl-carousel .item > .img-cover-rudias {
    height: 212px;
    width: 212px;
    border-radius: 50%;
    margin: 0 auto;
}


/*.owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
}
*/

.icon-bar {
    background: #ccc;
}

.indexbg {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 5;
}

.imgaego {
    position: absolute;
    bottom: 5%;
    /*left: 50%;
    margin-left: -192px;*/
    text-align: center;
    z-index: 10;
}

#resheight {
    background-repeat: no-repeat;
    background-position: top center;
    background-color: black;
    /*background-size: auto 100%;*/
}

.more {
    color: white;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.morego {
    text-align: center;
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-nav {
    float: none;
}

.newsbag {
    max-width: 1400px;
    width: 90%;
}

.rightnews >p:first-child {
    line-height: 21px;
}

.clearfix {
    clear: both;
}


/*.navbar-nav >.fixbox:first-child >a> p{
    padding-left: 118px;
}*/

#logo img {
    margin-top: 5px;
    margin-bottom: 5px;
}


/* 20161122shawn */

.graybg {
    background-image: url(../images/bk.png);
    min-height: 88vh;
}

.intertitle {
    letter-spacing: 8px;
    color: white;
    font-size: 30px;
    margin: 50px 0 25px 0;
    text-align: center;
    padding: 25px 0px;
    background-repeat: no-repeat;
}

.intertitle>span {
    padding-left: 10px;
    color: white;
    font-size: 14px;
}

.whitebg {
    background-color: white;
}

.testtitle {
    font-weight: 600;
    border-bottom: 1px solid #a3ad96;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 17px;
    text-align: left;
}

.fontcenter {
    text-align: center;
}

.greentitle {
    font-weight: 600;
    padding-top: 15px;
    font-size: 14px;
    color: #436e00;
}
.testcont {
    text-align: left;
    padding-top: 15px;
    font-size: 14px;
    line-height: 18px;
}

.testtype {
    font-size: 24px;
    font-weight: bold;
    color: #008080;
    padding: 25px 0;
}

.btncontent {
    height: 40px;
    border: 1px solid #4d562a;
    /* background-color: #4d562a; */
    border-radius: 25px;
}

.btncontent.btn2 >a{
    display: block;
    padding: 10px 0px;
}

#public .btncontent {
    padding-top: 6px;
}

.btncontent span {
    color: black;
    font-size: 14px;
}

.btncontent img {
    margin-top: 10px;
}

.rightsolid {
    margin-bottom: 0px;
    margin-top: 0px;
    /*border-right: 1px dashed #626262;*/
    padding: 30px 0px;
}

.dash-line {
    border-right: 1px dashed #626262;
    padding: 0 22px;
}

.fontcenter > .rightsolid:last-child .dash-line {
    border-right: 0px;
}

.posrel {
    position: relative;
}

.join {
    padding-left: 0px;
    padding-top: 20px;
}

.join1 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -84px;
    color: white;
    font-size: 20px;
}

.join1 p {
    color: white;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 30px;
}

.join2 {
    background-color: white;
    text-align: center;
    margin-top: 20px;
    padding: 40px 0 40px;
}

.testtitle.ti2 {
    text-align: center;
}

.join2img {
    padding: 5px 40px 20px;
}

.join2img > img {
    width: 100%;
}

.btncontent.btn2 {
    margin-top: 25px;
}

.dashejoin {
    /*margin-top: 20px;*/
    /*margin-bottom: 30px;*/
    border-right: 1px dashed #626262;
    padding: 0px 60px;
}

.container >.join2:nth-child(2) {
    padding-right: 0px;
}

.container >.join2:nth-child(3) {
    padding-left: 0px;
}

.container >.join2:last-child > .dashejoin {
    border-right: 0px;
}

.interpeople {
    font-weight: bold;
    text-align: center;
    font-size: 26px;
    margin-bottom: 15px;
    padding-bottom: 40px;
}

.greentitle2 {
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
    font-size: 18px;
    color: #436e00;
}

.greentitle2 > p {
    margin-top: 5px;
    font-size: 18px;
}

.testcont2 {
    text-align: center;
    color: black;
    padding-top: 15px;
    font-size: 14px;
}

.testcont2 >p {
    margin-top: 5px;
    font-size: 14px;
}

.marbot25 {
    margin-bottom: 25px;
}

.view {
    /*margin-right: 15px;
    margin-left: 15px;*/
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.vhover:hover .view {
    margin-top: 63%;
}

.vhover:hover .joinimg {
    top: 10%;
}

.wid100 {
    width: 100%;
}

.martop50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.overhidden {
    overflow: hidden;
}

.zzzz {
    padding-left: 15px;
    padding-right: 15px;
}

.joinimg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -45px;
    color: white;
    font-size: 18px;
}

.joinimg > div {
    text-align: center;
    margin-top: 50px;
}


/*.friend .col-md-3{
    margin-top: 30px;
}*/

.friend {
    margin-bottom: 100px;
}

.texright {
    text-align: right;
}


/*
.backtotop {
    position: absolute;
    right: 140px;
    z-index: 555;
    display: none; 
    bottom: -101px; 
    top: -5px;
    bottom: 10%; 
    height: auto;
    overflow: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}*/

.footer1 {
    padding: 15px 15px;
    /*display: flex;*/
    /*height: 90px;*/
}

.footer1 div {
    /*margin-top: 7px;*/
    font-size: 14px;
    padding-left: 0;
}

.footer1 > .col-md-12 {
    width: 180px;
}

.footer1 > div > .col-md-10 > div:first-child {
    border-left: 1px dashed #626262;
    padding-left: 15px;
    width: 218px;
}

.footer1 > div > .col-md-10> div:nth-child(2) {
    border-left: 1px dashed #626262;
    padding-left: 20px;
    /*margin-left: 20px;*/
    width: 336px;
}

.footer1 > div > .col-md-10 > div:last-child {
    border-left: 1px dashed #626262;
    padding-left: 20px;
    /*margin-left: 20px;*/
    padding-right: 0;
}

.footer1 > .row > div > div > div >img {
    margin-right: 10px;
}

.footer1 div > div:nth {
    margin-top: 10px;
}

.otherbg {
    background-color: #64754a;
}

.otherbg >div {
    text-align: center;
    padding: 10px;
}

.otherbg >div >div {
    color: white;
    font-size: 12px;
}

.otherbg >div p {
    color: white;
    font-size: 12px;
    margin-top: 5px;
}

.abtext {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    color: white;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.abtext div {
    opacity: 0;
    margin-top: 10%;
}

.marbot25 .join2 .abtext div {
    margin-top: 25%;
}

.abtext p {
    opacity: 0;
    font-size: 14px;
    margin-top: 15px;
}

.btncontent:hover .greentitle {
    opacity: 1;
}
.item{
    height: 100%;
}
.posrelimg {
    position: relative;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    height: 100%;
}

.posrelimg > img {
    width: 100%;
}

.posrelimg:hover .abtext {
    opacity: 0.7;
    background-color: #2a3818;
}

.posrelimg:hover .abtext div {
    opacity: 1;
}

.posrelimg:hover .abtext p {
    -moz-transition: .8s ease;
    -webkit-transition: .8s ease;
    -ms-transition: .8s ease;
    -o-webkit-transition: .8s ease;
    opacity: 1;
}

.btncontent:hover {
    background-color: #4d562a;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.btncontent:hover span {
    color: white;
}

#owl-carousel .item .img-cover-rudias {
    width: 212px;
    height: 212px;
    border-radius: 50%;
    margin: 0 auto;
}

.img-cover-rudias.posrelimg .abtext {
    border-radius: 50%;
}

.img-cover-rudias.posrelimg:hover .abtext,
.class-menu-pic.posrelimg:hover .abtext {
    background-image: url(../images/raduis-hover.png);
    background-color: rgba(0, 0, 0, 0.65);
}

.class-menu-pic.posrelimg .abtext p {
    font-size: 20px;
    margin-top: 40%;
}

.img-cover-rudias {
    width: 232px;
    height: 232px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #fff;
    border-color: #337ab7;
}


/*.inter-people > div > div {
    max-height: 400px;
    height: 400px;
}*/


/*20161212 genie新增*/


/* fallback */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    color: #d7811c;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga'
}

.navbar-nav >.fixbox a span {
    font-family: 'Californian FB';
    font-size: 12px;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-nav ul.subs li a{
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav>li.fixbox a p:hover,
.navbar-nav >.fixbox a:hover span,
.nav>li.fixbox a p:focus,
.navbar-nav >.fixbox a:focus span,
.navbar-nav ul.subs li a:hover {
    color: #436e00;
}

.navbar-nav >.fixbox a:hover .material-icons {
    color: #ccc;
}

.cf.header {
    background-color: white;
    width: 100%;
    position: fixed;
    z-index: 99;
    box-shadow: 3px 3px 8px -5px rgba(165, 165, 165, 0.5);
}

.open-banner {
    margin-top: -50px;
    padding-top: 50px;
    position: relative;
}

.blackcover {
    background-color: #000;
}

.blackcover img {
    opacity: 0.6;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.blackcover:hover img {
    opacity: 0.9;
}



.owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 33px;
    background-image: url(../images/previous.png) !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
}

.owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 33px;
    background-image: url(../images/next.png) !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
}

.inter-people {
    padding: 30px 20px;
}

.other-page div {
    /*margin-top: 9px;*/
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.other-page a:hover div {
    color: #436e00;
}

.copyright a {
    color: #fff;
}

.footer1 div > div > div > div:nth-child(2),
.other-page a:last-child div {
    margin-top: 10px;
}

.banner-page {
    background-repeat: no-repeat;
    height: 360px;
    background-size: cover;
    width: 100%;
    background-position: center center;
    position: relative;
}

.banner-page .banner-title {
    position: absolute;
    top: 50%;
}

.banner-page .banner-title h1 {
    color: #fff;
    text-align: center;
}

.breadcrumb {
    background-color:  rgba(255, 255, 255, 0);
    padding: 2px 0px;
    font-size: 12px;
    margin-bottom: 0px;
}

.breadcrumb li a {
    color: #5e616d;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 0px;
}

.breadcrumb li a:hover,
.breadcrumb li.active a {
    color: #436e00;
}

.breadcrumb>li+li:before {
    content: ">";
    color: #5e616d;
    padding: 0;
}

.breadcrumb .material-icons {
    color: #5e616d;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.breadcrumb .material-icons:hover {
    color: #d7811c;
}

.center {
    text-align: center;
}

.page-con {
    margin-top: 54px;
}

.con-box {
    margin-top: 22px;
    margin-bottom: 22px;
}

.con-box .title {
    margin-bottom: 22px;
}

.con-linehight p {
    line-height: 22px;
    word-break: break-word;
}

.dropscroll {
    margin-top: 40px;
    margin-bottom: 40px;
}

.contop {
    margin-top: -80px;
    padding-top: 80px;
}


/*
.page-con {
    margin-top: 130px;
}
*/

.newsbox {
    background-color: #fff;
    padding: 20px;
    /*margin-right: 15px;
    margin-bottom: 15px;*/
}

#news .title {
    min-height: 70px;
    max-height: 70px;
    border-bottom: 1px solid rgba(100, 117, 74, 0.42);
}

.right-con .newsbox {
    margin-right: 0px;
}

.time-source {
    padding: 10px 0px;
}

.time-source span img,
.time-source span {
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}

.time-source i {
    margin-right: 10px;
    color: #bdbdbd;
}

#news .posrelimg:hover .abtext {
    opacity: 0.7;
    background-color: #2b2b2b;
}

#news .abtext div {
    margin-top: 25%;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.newspic-box {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-btn {
    padding-top: 20px;
    padding-bottom: 20px;
    float: none;
}

.right-con .newsbox {
    position: relative;
}

.padding {
    padding-left: 0;
    margin-bottom: 15px;
}


/*自訂手風琴 摺疊效果*/

.topic-title {
    background-color: #716e6e;
    height: 40px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    color: #fff;
    padding: 9px 20px;
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fff 100%, #fff 0%);
    background-image: -o-linear-gradient(top, #fff 100%, #fff 0%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #fff 100%, #fff 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fffff', GradientType=0);
    background-repeat: repeat-x;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-default {
    border-color: #fff;
    border-bottom: 0;
}

.panel-heading {
    padding: 10px 0px 0px;
}

.panel-body a {
    display: block;
    padding-left: 30px;
}

.panel.panel-default .material-icons {
    color: #bdbdbd;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    margin-right: 10px;
    font-size: 20px;
}

.panel-body span.active .material-icons,
.panel-hover:hover .material-icons {
    color: #716e6e;
}

.panel-body span.active,
.panel-hover:hover {
    color: #0a4549;
}

.panel-body {
    padding: 0px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px dashed #ddd;
}


/*.right-con .item-topic {
    border-bottom: 1px dashed #ddd;
}*/

.topic-item .list-group {
    box-shadow: none;
}

.topic-item .panel {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.right-con .topic-item {
    margin-top: 22px;
}

.panel-group {
    margin-bottom: 0px;
}

.mob_touch {
    line-height: 24px;
    width: 38px;
    display: block;
    position: absolute;
    top: 25%;
    left: -23px;
    border: 1px solid #e5e5e5;
    background-color: #716e6e;
    border-right: 0px;
    padding: 8px;
    font-size: 20px;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.right-con .newsbox:first-child .topic-item {
    margin-top: 20px;
}

.new-article .col-md-5 {
    padding-right: 0px;
}


.pagination>li>a {
    padding: 5px 0px 0px 0px;
    border-radius: 50% !important;
    border: 0;
    background-color: #0b534f;
    color: #fff;
    width: 34px;
    height: 34px;
}

.pagination>li>a {
    margin-right: 6px;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}


/*.pagination>li {
    margin-right: 10px;
}*/

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: #d7d7d7;
}


/*161214金*/

p.centertwo {
    margin-left: 100px;
}

.centerthree {
    margin-left: 98px;
}

.btn.btn-warning.btn-lg {
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    border-bottom-width: 4px;
}

.download {
    margin-top: 100px;
    margin-bottom: 100px;
}

.downloadicon {
    display: inline-block;
    margin-bottom: -10px;
    margin-top: -5px;
    text-align: center;
    color: white;
}

.downloadword {
    display: inline-block;
    margin-bottom: 5px;
}

.download .btn-lg {
    padding: 10px 77px;
}

.right-con .newsbox .topic-title img {
    margin-right: 10px;
}

.right-con .item-group .new-article .time-source span {
    font-size: 12px;
}

/* .time-source >span:first-child{
    display: inline-block;
} */

/*.right-con .item-group .new-article .time-source{
    margin-top: 25px;
}*/

.topic-item .right-con .topic-item {
    border-bottom: 0;
}

.item-group.row {
    margin-bottom: 12px;
}

.panel-title,
.panel-hover {
    font-size: 14px;
}

.panel-body .item-topic:last-child {
    border-bottom: 0;
}

.right-con .item-group .view {
    height: 40px;
    bottom: 0;
    top: auto;
}

.right-con .item-group:hover .view {
    height: 100%;
    bottom: 0;
}

.right-con .item-group:hover .view .joinimg {
    padding-top: 30%;
}

.right-con .item-group .view .joinimg {
    position: initial;
    margin-top: 0px;
    margin-left: 0px;
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.back-btn {
    margin-top: 50px;
    margin-bottom: 20px;
}

.back-btn .btn {
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    padding: 8px 30px;
}

.word1-5 {
    margin: -60px 0 0 10px;
}

.brown-word {
    font-size: 20px;
    font-weight: 600;
}

.greentitle4 {
    padding-top: 15px;
    font-size: 24px;
    color: #436e00;
}

.opentwo {
    margin-top: -80px;
    padding-top: 80px;
}

.brown-circle {
    padding-bottom: 10px;
}


/*161214 Gingin新增*/

p.centertwo {
    margin-left: 100px;
}

.centerthree {
    margin-left: 98px;
}

.centerthree.one {
    margin-left: 40px;
    display: inline;
}

.btn.btn-warning.btn-lg {
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.download {
    margin-top: 100px;
    margin-bottom: 150px;
}

.downloadicon {
    display: inline-block;
    margin-bottom: -10px;
    margin-top: -5px;
    text-align: center;
}

.downloadword {
    display: inline-block;
    margin-bottom: 5px;
}

.download .btn-lg {
    padding: 10px 77px;
}

.centertwo li {
    list-style: none;
    display: inline;
    line-height: 26px;
}

.madecol {
    display: flex;
    line-height: 26px;
}

.colone {
    min-width: 90px;
    height: 26px;
}

.coltwo {
    margin-left: 20px;
}

.colthree {
    margin-left: 0px;
}

.offsetcol {
    margin-left: 110px;
}

.offsetcoltwo {
    margin-left: 144px;
}


/*161215 Gingin新增*/

.title-big {
    font-size: 30px;
    margin-bottom: 20px;
}

.content-block {
    margin: 0px 0px 40px 0px;
}

.whiteblock {
    padding-bottom: 200px;
}

.post-button {
    background-color: #d2d2d2;
    width: 154px;
    height: 38px;
    border: #959595 1px solid;
    border-radius: 3px;
    line-height: 38px;
    text-align: center;
    margin: 100px auto 0px auto;
}

.post-button:hover {
    background-color: #959595;
    color: white;
    transition: .6s ease;
}

.clockdate {
    display: inline-block;
}

.clock-center {
    margin-top: 5px;
}


/*161219金新增*/

.greentitle3 {
    font-weight: bold;
    padding-top: 20px;
    font-size: 18px;
    color: #436e00;
}

ol {
    list-style: none;
    line-height: 26px;
}

li {
    list-style: none;
    line-height: 26px;
}

.li-content {
    margin-left: 22px;
}

.oli-teacher-content {
    margin: 10px 0 20px 0;
}

.table {
    font-size: 16px;
    /*width: 1000px;*/
    text-align: center;
    margin: 0 auto;
}

.teacherstyle {
    background-color: #0b534f;
    width: 62px;
    height: 62px;
    border-radius: 80px;
    text-align: center;
    color: white;
    line-height: 60px;
    margin: 0 auto 0 auto;
}


/* 5 Columns */


/*.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}*/

.col-xs-1-5 {
    width: 20%;
    float: left;
}

#teacher .col-lg-1-5 {
    position: relative;
    min-height: 1px;
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    color: white;
    margin-bottom: 20px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}

.teachbody tbody tr {
    border-bottom: 2px solid white;
}

.teachbody tbody tr td:first-child {
    vertical-align: middle;
}

.teachmoney tbody td {
    padding: 15px;
    font-size: 15px;
    text-align: left;
    background-color: #eeeeee;
    color: black;
    line-height: 22px;
}

.teachmoney {
    text-align: center;
}

.teachmoney.table>tbody>tr>td>div {
    text-align: center;
}

.openthree {
    margin-top: -20px;
    padding-top: 20px;
}

.horiz-word {
    font-size: 20px;
    padding-left: 5px;
    white-space: nowrap;
}

.clockdate {
    display: inline-block;
}

.clock-center {
    margin-top: 10px;
}


/*最新公告*/

.news-block {
    background-color: white;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 0px 40px 20px 40px;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.news-block:hover {
    box-shadow: 3px 3px 10px -5px rgba(20%, 20%, 40%, 0.5);
}

.news-block:hover .newstype {
    color: #007d8c;
    transition: 1s 6s;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.newstype {
    display: inline-block;
}

.newsdate {
    display: inline-block;
}

.newstype>p {
    font-size: 26px;
    font-weight: bold;
    padding-top: 20px;
    padding-right: 20px;
    display: inline-block;
}

.newsdate>p {
    font-size: 14px;
    display: inline;
}

.newscontent>p {
    font-size: 18px;
    padding-top: 10px;
}

#news .friend,
#media-detial .friend,
#member .friend,
#cart2 .friend {
    margin-top: 80px;
}


/*1221金新增*/

.testype2 {
    padding-top: 0px;
    font-size: 20px;
    color: #008080;
    font-weight: 600;
}

.greentitle4 {
    font-weight: bold;
    padding: 5px 0px;
    font-size: 18px;
    color: #436e00;
}

.newsbox2 {
    padding: 40px 0px;
    background-color: #fff;
}

.green-line {
    border-bottom: dashed 1px #007d8c;
    padding: 15px 30px;
    display: inline-block;
    width: 100%
}

.good-content {
    display: inline-block;
    margin-top: 10px;
}

.good-content2 {
    display: inline-block;
    margin-top: -22px;
    margin-left: 140px;
}

.teachdetail-pics {
    font-size: 24px;
    font-weight: bold;
    padding-left: 15px;
}

.newsbox3 {
    padding: 40px 0px;
}

.button-left {
    margin: 0px 0px 35px 15px;
    ;
}

.inter-people2 {
    padding: 30px 0px;
}


/*20161221 金新增 QA*/

.qa-title {
    font-size: 20px;
    color: #436e00;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 50px;
}

.qa-icon {
    display: inline-block;
    padding-right: 10px;
    margin-top: 5px;
}

.qa-content {
    padding: 15px 0px 15px 50px;
    background-color: #f0f0f0;
}

#qa .panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, rgba(237, 237, 237, 0) 100%, rgba(237, 237, 237, 0) 0%);
    background-image: -o-linear-gradient(top, rgba(237, 237, 237, 0) 100%, #fff 0%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(237, 237, 237, 0)), to(rgba(237, 237, 237, 0)));
    background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0) 100%, rgba(237, 237, 237, 0.1) 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fffff', GradientType=0);
    background-repeat: repeat-x;
    background-color: #f0f0f0;
}

#qa .panel-default {
    border: 0;
}

.qa-icon li {
    background: -webkit-image-set( url('../images/qa.png') 1x, url('../images/qa.png') 2x) no-repeat left;
    background: url('../images/qa.png') no-repeat left;
    background-size: 30px 30px;
}

.qa-hidden {
    margin-bottom: 0px;
}

.qa-hidden .panel-title {
    border-bottom: 1px #b5b5b5 solid;
    padding-bottom: 5px;
    cursor: pointer;
}

.qa-hidden .panel-heading {
    padding: 5px 0px;
    position: relative;
}


/*20161222public金新增*/

.book-detail .material-icons {
    color: #716e6e;
    padding-right: 10px;
}

.book-price {
    color: #ff5a5a;
}

.book-detail {
    padding: 5px 0px;
}

.color-gray {
    color: #716e6e;
    padding-right: 10px;
}

.book-title>p {
    font-size: 18px;
    font-weight: bold;
}

.book-title {
    height: 78px;
    margin-top: 25px;
}

.btncontent:hover .color-gray {
    color: white;
}

.bookpic-box {
    width: 203px;
    height: 270px;
    margin: 0px auto;
}

.circle-lightbox {
    line-height: 140px;
}

.con-linehight s {
    line-height: 26px;
}

.shop-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
}


/*public_detail 金新增*/

.con-linehight i {
    line-height: 26px;
}

.green-line-2 {
    border-bottom: dashed 1px #007d8c;
    display: inline-block;
    width: 100%;
    margin: 30px 0px;
    padding: 0px 15px;
}

.content-block-2 {
    margin: 20px 0px;
}

.radius-1 {
    border-radius: 5px;
    width: 50px;
}

.btn.btn-warning.btn-lg.circle-3 {
    border-radius: 40px;
    padding-left: 50px;
    padding-right: 50px;
    /*margin-left: 50px;*/
}

.btn-buybook {
    /*display: inline-block;*/
    padding-left: 0px;
    padding-top: 30px;
}

.book-detail-2 {
    /*display: inline-block;*/
    margin: 10px 0px;
}

.book-detail-3 {
    /*display: inline-block;*/
    /*margin-top: 20px;*/
    margin-bottom: -20px;
    padding-left: 0px;
}


/*20161228 金contact*/

.office>div {
    margin-bottom: 16px;
}

/* .office2 {
    margin-left: 70px;
    margin-top: 0px;
} */

/* .office2>p {
    margin-top: -20px;
} */

/* .office >div >div>p{
    display: inline-block;
} */

/* .contact-words {
    margin-left: 70px;
    margin-top: -20px;
} */

.contact-words2 {
    margin-left: 20px;
    margin-top: -20px;
}



.greenline {
    border-left: solid 1px #b6beaa;
    padding-left: 30px;
}
.line_right{
    border-left: 0px;
    padding-left: 0px;
    border-right: solid 1px #b6beaa;
    padding-right: 30px;
}

.form-group>label {
    margin-bottom: 10px;
}

.contact-form {
    padding-left: -10px;
}

.captcha {
    width: 250px;
    display: inline-block;
    padding: 12px 0px;
}

.captcha-img {
    margin-left: 5px;
}

#contact .form-control {
    border-color: #64754a;
}

.sub-btn {
    background-color: #44a9b5;
    border-color: #3696a1;
    color: white;
    border-bottom: 2px #3696a1 solid;
    width: 100%;
    padding: 10px 0px;
    font-size: 18px;
}

.sub-btn:hover {
    background-color: #3c97a2;
    border-color: #398b95;
    color: white;
    transition: 0.6s;
    border-bottom: 2px #398b95 solid;
}

.res-btn {
    background-color: #a6a7a8;
    border-color: #979696;
    color: white;
    border-bottom: 2px #979696 solid;
    width: 100%;
    padding: 10px 0px;
    font-size: 18px;
}

.res-btn:hover {
    background-color: #7e7e7e;
    border-color: #6a6868;
    transition: 0.6s;
    color: white;
    border-bottom: 2px #6a6868 solid;
}

.contact-box {
    padding: 20px 0px;
}

.contactbox {
    background-color: #fff;
    padding: 30px;
}

.cont-map {
    padding-top: 24px;
}


/*20161229 金新增 login*/

.loginbox {
    background-color: #fff;
    padding: 40px;
    margin-top: 100px;
}

.login-padding {
    padding-left: 140px;
    padding-right: 140px;
}

.login-type {
    color: #436e00;
    font-size: 30px;
    padding-bottom: 20px;
}

.login-ok img {
    margin-right: 10px;
}

.login-ok {
    margin-top: 20px;
    margin-bottom: 137px;
}

.forget {
    padding-bottom: 20px;
}

.padding-no {
    padding: 0px;
}

.grayline {
    background-color: #acb59e;
    width: 500px;
    height: 1px;
    margin-bottom: 5px;
}

.grayline-or {
    padding: 0px 5px 5px 5px;
    margin-top: -8px;
}

.grayline-f {
    display: flex;
    padding-top: 20px;
}

.captcha-img2 {
    display: inline-block;
    margin-bottom: 36px;
    margin-left: 5px;
}

.captcha2 {
    width: auto;
    display: inline-block;
    padding: 12px 0px;
}
#Confirm{
    width: 150px;
    display: inline-block;
}
#Confirm-error{
    display: block;
}
.conf_im{
    display: inline-block;
}
.captcha2 >label{
    display: block;
}
.facebook {
    background-color: #375395;
    border-color: #273e72;
    color: white;
    border-bottom: 2px #273e72 solid;
    width: 100%;
    padding: 10px 0px;
    font-size: 18px;
}

.facebook:hover {
    background-color: #273e72;
    border-color: #2c4477;
    color: white;
    transition: 0.6s;
    border-bottom: 2px #2c4477 solid;
}

.login-word {
    display: none;
}

.login-word-no {
    display: none;
}

#login .con-linehight p {
    line-height: 26px;
}


/*20170103 金新增 sighup*/

.agreeword {
    color: #3d9ca6;
}

.agreeword:hover {
    color: #3d9ca6;
}

.checkborder {
    border-radius: 2px;
    border-color: #979797;
}


/*20170103 金新增 password*/

.password-padding {
    padding-bottom: 30px;
}

/*20170118 金修改*/
.brown-circle > img {
    padding-top: 20px;
}


/*20161221 genie新增*/

.class-con {
    background-color: #fff;
    padding: 20px;
}

.class-last .class-name >li {
    font-weight: bold;
    margin-bottom: 20px;
}

#teacher .inter-people {
    padding: 0px;
}

.small-class li {
    padding-left: 35px;
    background: url('../images/disc.svg') no-repeat;
    background-position:0px 11px; 
}

.title-margin {
    margin: 0 0 20px;
}

.small-class a:first-child li {
    margin-top: 10px;
}

.class-con h6.title {
    font-size: 18px;
    font-weight: 600;
}

.mfp-counter {
    display: none;
}
.t_color .class-name-box{
    background-color: #241e64;
}
.l_color .class-name-box{
    background-color: #2b676f;
}

.t_color .class-circle{
    background-color: #241e64;
}
.l_color .class-circle{
    background-color: #2b676f;
}

.class-name-box {
    height: 122px;
    background-color: #716e6e;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    padding-top: 53px;
}
.class-name-box >span{
    line-height: 20px;
}
.class-list-box .teachdetail-pics {
    margin-bottom: 20px;
}


.circle-title {
    padding: 0;
    padding-right: 15px;
}
.class_timemoney{
    height: 90px;
    border: 1px solid black;
    text-align: center;
}
.class-circle {
    background-color: #716e6e;
    text-align: center;
    color: #fff;
    padding: 5px;
}

.link-circle span:first-child {
    width: 30px;
    height: 30px;
    border: 1px solid #716e6e;
    border-radius: 50%;
    text-align: center;
    float: left;
    margin-right: 10px;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.dropheight {
    margin-top: -60px;
    padding-top: 60px;
}

.class-list {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px 0px 20px;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.class-list .col-md-5 {
    padding: 0;
    margin-top: 18px;
}

.link-circle a,
.link-circle span,
.link-circle img {
    vertical-align: sub;
    padding-top: 3px;
}

.class-list .col-md-3 > a:hover .link-circle span:first-child {
    border: 1px solid #ccc;
    background-color: #ccc;
}

.class-list .btn.btn-warning.btn-lg {
    width: 100%;
    margin-top: 10px;
}

.sub-box .col-md-12 > div > .col-md-2 {
    padding-left: 0px;
}

.sub-box > div {
    margin-bottom: 10px;
}

.authenticate {
    margin-bottom: 20px;
}

.inter-people2 .posrelimg:hover .abtext {
    background-color: #000;
}

.topic-item h4.panel-title {
    font-weight: 400;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 10px;
}

.item-topic a {
    border-bottom: 1px dashed #ddd;
    padding: 10px 30px;
}

.topic-item .panel-group .panel {
    cursor: pointer;
}

.topic-item .panel-group .panel+.panel {
    margin-top: 0px;
}

.qa-icon li:active,
.qa-icon li:hover {
    color: #0b534f;
}

.qa-hidden .panel-title:after {
    content: "+";
    color: #0b534f;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
}

.item-group.row:hover h5 {
    color: #716E6E;
}

.item-group.row h5 {
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.newstar .topic-item {
    border-bottom: 1px dashed #cccccc;
}

#oil_taster_class .class-list > a > div:nth-child(2) {
    padding-top: 10px;
}

#oil_taster_class .class-list > a > div:first-child {
    padding: 30px 0px;
}

#oil_taster_class .class-list {
    padding: 10px 0px 10px;
}

#oil_taster_class .class-name-box {
    height: 116px;
    padding-top: 50px;
}

/* #oil_taster_class .circle-title:first-child p {
    margin-top: 5px;
}

#oil_taster_class .circle-title:nth-child(2) p,
#oil_taster_class .circle-title:nth-child(3) p {
    margin-top: 25px;
} */

/* .class-list:hover {
    background-color: rgb(245, 245, 245);
} */

#oil_taster_class .sub-box .col-md-12 > div > .col-md-1 {
    padding-left: 0px;
}

#about .dl-horizontal dt {
    width: 60px;
}

#about .dl-horizontal dd {
    margin-left: 80px;
    margin-bottom: 5px;
}
/*
#media-detial .material-icons {
    font-size: 20px;
}*/

#media-detial .time-source.right {
    float: none;
    padding-bottom: 0;
}

#class_con .title {
    margin-bottom: 20px;
}

#class_con .nav-tabs>li:hover a {
    color: #fff;
}

.class_timoncon{
    height: 50px;
    overflow: hidden;
    padding: 10px 15px 0px 15px;
    line-height: 20px;
}

/*#class_con .nav-tabs>li>a:hover {
    border: 0;
}*/

#class_con .nav>li>a:hover,
.nav>li>a:focus {
    background: none;
}


/*#class_con .nav-tabs>li.active>a, #class_con .nav-tabs>li.active>a:hover, #class_con .nav-tabs>li.active>a:focus{
    border: 0;
    background: none; 
}*/

#class_con .nav-tabs>li {
    width: 25%;
}

#class_con .nav-tabs>li>a {
    background-color: #d6e1d9;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 18px;
}

#class_con .nav-tabs>li a {
    color: #4d562a;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

#class_con .nav-tabs>li:hover>a,
#class_con .nav-tabs>li.active>a {
    background-color: #4d562a;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
}

#class_con .panel.panel-default {
    padding-top: 15px;
    padding-bottom: 30px;
}

#class_con .first-info .link-circle {
    margin-top: 10px;
}

#class_con .panel.panel-default {
    border-bottom: 1px dashed #46afbb;
}

#class_con .dl-horizontal dt {
    width: 100px;
    text-align: left;
}

#class_con .second-info p {
    margin-bottom: 5px;
}

#class_con dl.dl-horizontal {
    margin-bottom: 5px;
}

#class_con .dl-horizontal dd {
    margin-left: 100px;
}

#book li.lslide {
    text-align: center;
}

.lSSlideOuter .lSPager.lSGallery li {
    border: 1px solid #ccc;
}

.lSSlideOuter .lSPager.lSGallery img {
    margin: 0 auto;
    height: 100%;
    max-width: none;
}

#book li img {
    height: 100%;
}

.lSSlideWrapper {
    width: 100%;
    border: 1px solid #ccc;
}

ul#book {
    min-width: 268px;
}

.backtotop img {
    position: absolute;
    right: 4%;
    z-index: 6;
    top: -5px;
}

#class_con .btn.btn-warning.btn-lg {
    width: 100%;
    margin-top: 15px;
}

#class_con .panel.panel-default:last-child {
    border-bottom: 0px;
}

.cutoff-btn {
    background-color: #cacaca;
    border-color: #a0a0a0;
    cursor: not-allowed;
}

.cutoff-btn:hover,
.cutoff-btn:focus {
    background-color: #cacaca !important;
    border-color: #a0a0a0!important;
}

.tab-content {}

.tab-content-right {
    height: 977px;
    overflow: hidden;
    overflow-y: auto;
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
}

.class_teacher {
    margin-bottom: 50px;
}

#class_q.tab-pane p {
    margin-top: 15px;
    margin-bottom: 15px;
}

#class_a .testype2 {
    margin-top: 50px;
}

#class_a p {
    margin-top: 30px;
}

#class_con .topic-title {
    margin-right: 10px;
}

.notyet-btn {
    background-color: #d9534f;
    border-color: #a94442;
    cursor: not-allowed;
}

.notyet-btn:hover,
.notyet-btn:focus {
    background-color: #d9534f;
    border-color: #a94442;
}


/*.member {
    margin-top: 110px;
}
*/

.member .breadcrumb {
    background-color: rgba(255, 255, 255, 0);
}

.page-con-top {
    padding-top: 24px;
}


/*20161228 金contact*/

.office>div {
    margin-bottom: 16px;
}

.office2 {
    /* display: inline-block; */
    /* margin-left: 70px;
    margin-top: 0px; */
}

/* .office2>p {
    margin-top: -20px;
} */

/* .contact-words {
    margin-left: 70px;
    margin-top: -20px;
} */

.contact-words2 {
    margin-left: 20px;
    margin-top: -20px;
}

.form-group>label {
    margin-bottom: 10px;
}

.contact-form {
    padding-left: -10px;
}

.captcha {
    width: 250px;
    display: inline-block;
    padding: 12px 0px;
}

.captcha-img3 {
    display: inline-block;
    margin-bottom: 36px;
    margin-left: 5px;
}

.form-control,
.twzipcode_style select,
.twzipcode_style input,
#country-selector{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #879b64;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.sub-btn {
    background-color: #44a9b5;
    border-color: #3696a1;
    color: white;
    border-bottom: 2px #3696a1 solid;
    width: 100%;
    padding: 10px 0px;
    font-size: 18px;
}

.sub-btn:hover {
    background-color: #3c97a2;
    border-color: #398b95;
    color: white;
    transition: 0.6s;
    border-bottom: 2px #398b95 solid;
}

.res-btn {
    background-color: #a6a7a8;
    border-color: #979696;
    color: white;
    border-bottom: 2px #979696 solid;
    width: 100%;
    padding: 10px 0px;
    font-size: 18px;
}

.res-btn:hover {
    background-color: #7e7e7e;
    border-color: #6a6868;
    transition: 0.6s;
    color: white;
    border-bottom: 2px #6a6868 solid;
}

.contact-box {
    padding: 20px 0px;
}

.form-control.cont-h {
    width: 100%;
    height: 259px;
}


.cont-map {
    padding-top: 24px;
    padding-bottom: 25px;
}

p.gray {
    color: #5e616d;
}

p.gray-light {
    color: #a5a5a5;
}

.member-list {
    margin-top: 20px;
}

.member-list > div {
    margin-right: 15px;
}

.member-list .material-icons {
    color: #54b315;
}

.member-list p.gray-light {
    margin-right: 5px;
}

#member .contact-form {
    margin-top: 30px;
}

.red-srar {
    color: #bc1515;
}

.notice {
    margin-bottom: 30px;
}

#member .form-group .col-md-3:first-child {
    padding: 0px;
}

#member .form-group {
    margin-bottom: 15px;
}

#member .form-group input[type="radio"] {
    margin-right: 10px;
}

#member .form-group input[type="radio"]:last-child {
    margin-left: 10px;
}


/*
.captcha-img {
    margin-bottom: 0px;
    margin-left: 0px;
}
*/

#cart-btn > div > .member-btn:first-child {
    padding-left: 0px;
}

#cart-btn > div > .member-btn:last-child {
    padding-right: 0px;
}

#cart-btn .col-md-9.col-sm-9.col-xs-12 {
    padding-right: 0px;
}

#cart-btn .btn.btn-warning.btn-lg,
#cart2 .btn.btn-warning.btn-lg {
    width: 100%;
    max-width: 100%;
    padding: 10px 16px;
}

.padding-btn {
    padding-top: 30px;
}

.scroll_table_wrap thead > tr > th {
    background-color: #eeeeee;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    border-right: 2px solid #fff;
}

.scroll_table_wrap thead > tr > th:last-child {
    border-right: 0;
}

.member-table table {
    text-align: center;
    vertical-align: middle;
    table-layout: fixed;
}

.member-table tbody tr td {
    padding: 20px 15px;
    word-break: break-word;
}

.member-table tbody {
    border: 1px solid #ccc;
    border-top: 2px solid #000;
}
/*
.content {
    min-height: 88vh;
}
*/
.member-table tbody tr {
    border-bottom: 1px solid #ccc;
}

.member-table button.btn-warning {
    width: 90%;
    padding: 0px 5px;
    max-width: 80px;
}

.member-title {
    display: none;
    font-weight: 600;
    font-size: 18px;
    /*visibility: hidden;*/
}

.classtitle {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.member-table .form-control {
    width: 80px;
    margin: 0 auto;
}

caption,
th,
td {
    vertical-align: middle;
}

.table_prize td:first-child p {
    font-size: 13px;
    text-align: left;
}


/* Form Progress */

.progress-member {
    height: auto;
    margin: 20px auto;
    text-align: center;
}

.progress-member .circle,
.progress-member .bar {
    display: inline-block;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #d5d5da;
}

.progress-member .bar {
    width: 80px;
    height: 1px;
    /* margin-left: 0px; */
    /* margin-right: -5px; */
    /* border-left: none; */
    /* border-right: none; */
    /* border-radius: 0; */
    /* margin-top: 18px; */
    border: 1px dashed #d5d5d5;
    position: absolute;
    top: 36%;
    left: 72%;
    ;
}

.progress-member .circle .label {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 27px;
    border-radius: 32px;
    margin-top: 2px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    background-color: #ccc;
}

.progress-member .circle .title {
    color: #b5b5ba;
    font-size: 13px;
    line-height: 30px;
    margin-left: -5px;
}


/* Done / Active */

.progress-member .circle.done {
    background: #eee;
    border: 1px solid #8ab52d;
}

.progress-member .bar.active {
    background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}

.progress-member .circle.done .label {
    color: #FFF;
    background: #8ab52d;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.progress-member .circle.done .title {
    color: #444;
}

.progress-member .circle.active .label {
    color: #FFF;
    background: #0c95be;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.progress-member .circle.active .title {
    color: #0c95be;
}

.step-list span.title {
    display: block;
    margin-top: 10px;
}

.relative {
    position: relative;
}


/*燈箱開始*/

.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 1400px;
    margin: 0 auto;
    height: 80vh;
    overflow-y: auto;
}
.litalpopup{
    height: 50vh;
    width: 680px;
}

/* 
====== 燈箱效果 Zoom effect ======
*/

.mfp-zoom-in {
    /* start state */
    .mfp-with-anim {
        opacity: 0;
        transition: all 0.2s ease-in-out;
        transform: scale(0.8);
    }
    &.mfp-bg {
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    /* animate in */
    &.mfp-ready {
        .mfp-with-anim {
            opacity: 1;
            transform: scale(1);
        }
        &.mfp-bg {
            opacity: 0.8;
        }
    }
    /* animate out */
    &.mfp-removing {
        .mfp-with-anim {
            transform: scale(0.8);
            opacity: 0;
        }
        &.mfp-bg {
            opacity: 0;
        }
    }
}


/* 
====== Newspaper effect ======
*/

.mfp-newspaper {
    /* start state */
    .mfp-with-anim {
        opacity: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.5s;
        transform: scale(0) rotate(500deg);
    }
    &.mfp-bg {
        opacity: 0;
        transition: all 0.5s;
    }
    /* animate in */
    &.mfp-ready {
        .mfp-with-anim {
            opacity: 1;
            transform: scale(1) rotate(0deg);
        }
        &.mfp-bg {
            opacity: 0.8;
        }
    }
    /* animate out */
    &.mfp-removing {
        .mfp-with-anim {
            transform: scale(0) rotate(500deg);
            opacity: 0;
        }
        &.mfp-bg {
            opacity: 0;
        }
    }
}


/* 
====== Move-horizontal effect ======
*/

.mfp-move-horizontal {
    /* start state */
    .mfp-with-anim {
        opacity: 0;
        transition: all 0.3s;
        transform: translateX(-50px);
    }
    &.mfp-bg {
        opacity: 0;
        transition: all 0.3s;
    }
    /* animate in */
    &.mfp-ready {
        .mfp-with-anim {
            opacity: 1;
            transform: translateX(0);
        }
        &.mfp-bg {
            opacity: 0.8;
        }
    }
    /* animate out */
    &.mfp-removing {
        .mfp-with-anim {
            transform: translateX(50px);
            opacity: 0;
        }
        &.mfp-bg {
            opacity: 0;
        }
    }
}


/* 
====== Move-from-top effect ======
*/

.mfp-move-from-top {
    .mfp-content {
        vertical-align: top;
    }
    /* start state */
    .mfp-with-anim {
        opacity: 0;
        transition: all 0.2s;
        transform: translateY(-100px);
    }
    &.mfp-bg {
        opacity: 0;
        transition: all 0.2s;
    }
    /* animate in */
    &.mfp-ready {
        .mfp-with-anim {
            opacity: 1;
            transform: translateY(0);
        }
        &.mfp-bg {
            opacity: 0.8;
        }
    }
    /* animate out */
    &.mfp-removing {
        .mfp-with-anim {
            transform: translateY(-50px);
            opacity: 0;
        }
        &.mfp-bg {
            opacity: 0;
        }
    }
}


/* 
====== 3d unfold ======
*/

.mfp-3d-unfold {
    .mfp-content {
        perspective: 2000px;
    }
    /* start state */
    .mfp-with-anim {
        opacity: 0;
        transition: all 0.3s ease-in-out;
        transform-style: preserve-3d;
        transform: rotateY(-60deg);
    }
    &.mfp-bg {
        opacity: 0;
        transition: all 0.5s;
    }
    /* animate in */
    &.mfp-ready {
        .mfp-with-anim {
            opacity: 1;
            transform: rotateY(0deg);
        }
        &.mfp-bg {
            opacity: 0.8;
        }
    }
    /* animate out */
    &.mfp-removing {
        .mfp-with-anim {
            transform: rotateY(60deg);
            opacity: 0;
        }
        &.mfp-bg {
            opacity: 0;
        }
    }
}


/* 
====== 燈箱特效 Zoom-out effect ======
*/

.mfp-zoom-out {
    /* start state */
    .mfp-with-anim {
        opacity: 0;
        transition: all 0.3s ease-in-out;
        transform: scale(1.3);
    }
    &.mfp-bg {
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    /* animate in */
    &.mfp-ready {
        .mfp-with-anim {
            opacity: 1;
            transform: scale(1);
        }
        &.mfp-bg {
            opacity: 0.8;
        }
    }
    /* animate out */
    &.mfp-removing {
        .mfp-with-anim {
            transform: scale(1.3);
            opacity: 0;
        }
        &.mfp-bg {
            opacity: 0;
        }
    }
}


/* 
====== "Hinge" close effect ======
*/

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    animation-duration: 1s;
    animation-name: hinge;
}

.mfp-with-fade {
    // before-open state
    .mfp-content,
    &.mfp-bg {
        opacity: 0;
        transition: opacity .5s ease-out;
    }
    // open state
    &.mfp-ready {
        .mfp-content {
            opacity: 1;
        }
        &.mfp-bg {
            opacity: 0.8; // background opacity
        }
    }
    // closed state
    &.mfp-removing {
        &.mfp-bg {
            opacity: 0;
        }
    }
}

.bottom-text {
    margin-top: 40px;
    border-top: 2px solid #CCC;
    a {
        border-bottom: 1px solid #CCC;
    }
    p {
        max-width: 650px;
    }
}

#test-popup ul li {
    list-style: disc !important;
}

#test-popup ul {
    padding-left: 50px;
}


/*20170104 金新增 cart2*/

.btn-left {
    margin-left: 49.5%;
}

.cart-td-1 {
    width: 50px;
}

.cart-check {
    text-align: left;
}

#cart2 .member-table table {
    table-layout: auto;
}


/*#cart2 .member-table .form-sm.form-control {
    width: 100%;
}*/

#cart2 .member-table .form-big.form-control {
    width: 100%;
}

#cart2 select {
    display: inline-block;
}

#cart2 .scroll_table_wrap thead > tr > th {
    background-color: #eeeeee;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #eeeeee;
}

#cart2 .member-table tbody {
    border: 1px solid #ccc;
}

#cart2 .member-table .width-100.form-control {
    width: 100px;
    margin: 0 auto;
}

#cart2 .member-table .width-250.form-control {
    width: 250px;
    margin: 0 auto;
}

.partner img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-transition: .6s ease;
    -webkit-transition: .6s ease;
    -ms-transition: .6s ease;
    -o-webkit-transition: .6s ease;
    width: 220px;
}

.partner img:hover {
    -moz-transform-origin:center;
    -moz-transform:scale(1.1,1.1);
    -webkit-transform-origin:center;
    -webkit-transform:scale(1.1,1.1);
    -o-transform-origin:center;
    -o-transform:scale(1.1,1.1);
    -ms-transform-origin:center;
    -ms-transform:scale(1.1,1.1);
    transform-origin:center;
    transform:scale(1.1,1.1);
    -webkit-filter: grayscale(0);
}

#cart2 .cart-check > div,
#cart2 .twzipcode_style > div{
    padding: 5px;
}

#cart2 .form-group>label {
    padding-top: 8px;
    /* white-space: pre-line; */
    white-space: nowrap;
}

.methodDiv .form-group>label{
    min-width: 122px;
}

.cart-check input[type="checkbox"] {
    margin-right: 10px;
}

#cart2 .member-table .form-control {
    width: 100%;
}

/* #cart2 .cart-list .form-control {
    width: 56.5%;
} */

#cart2 .paytable input[type="radio"] {
    margin-right: 10px;
}

.paytable tbody tr td {
    text-align: left;
}

.right-con {
    width: 366px;
    max-width: 366px;
}

#member .left-con .newsbox,
#cart2 .left-con .newsbox {
    display: flex;
}


/*20170105 金 cart3新增*/

.cart3-word p {
    display: inline-block;
}

.cart3-cont {
    margin-left: 180px;
}

.cart3-inline {
    display: inline-block;
}

.card-pad {
    margin-left: 120px;
    margin-top: -22px;
}

.cart3-buy {
    margin-top: 50px;
    margin-bottom: 150px;
}

.cart3-check {
    margin-top: 50px;
}

.thanks {
    margin-top: 15px;
}


/*20170105 金 修改*/

#signup .loginbox {
    background-color: #fff;
    padding: 40px;
    margin-top: 100px;
    width: 490px;
    margin-left: auto;
    margin-right: auto;
}

#login-password .loginbox {
    background-color: #fff;
    padding: 40px;
    margin-top: 100px;
    width: 490px;
    margin-left: auto;
    margin-right: auto;
}

#login .loginbox {
    background-color: #fff;
    padding: 40px;
    margin-top: 100px;
    width: 1090px;
    margin-left: auto;
    margin-right: auto;
}

#cart-btn .member-btn:first-child {
    padding-left: 0;
}


#cart-btn .member-btn:last-child {
    padding-right: 0;
}

#media-detial .page-con-top{
    padding-top: 104px;
}

#public .left-con{
    padding-right: 0px;
}

.twzipcode_style > div > div > div{
    width: 100%;
}

.panel-default .panel-heading a.active{
    color: #436e00;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-webkit-transition: .3s ease;
}

.panel-default .panel-heading a{
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-webkit-transition: .3s ease;
}

.panel-default .panel-heading a:hover{
    color: #436e00;
}

.mini_cart .title > div p{
    font-weight: 800;

}

.mini_cart .title > div{
    padding: 10px 0px;
    border-bottom: 1px solid #000;
}

/*20170106 金修改*/
.cont-fax {
    display: inline-block;
    margin-left: 30px;"
}
.cont-phone {
    display: inline-block;;
}

#media-detial .time-source i {
    margin-right: 5px;
    color: #bdbdbd;
}

.TV-news-2 {
    display: none;
}

.captcha-img3 {
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-top: 8px;
}

#mini_cart #cart-btn button{
    margin-top: 10px;
    margin-bottom: 10px;
}

#mini_cart p{
    font-size: 14px;
}

span.invalid {
    color: #ff5a5a;
    font-size: 12px;
}

/*20170109 金修改*/
.cart-num-tit {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

.big-miss {
    display: none;
}

.cart-miss {
    display: none;
}

.cart-f-padding {
    padding-top: 10px;
}

.cont-capt {
    float: left;
    margin-top: 45px;
    margin-left: 10px;
}

.captcha-fix {
    width: 250px;
    padding: 12px 0px;
    float: left;
    }

#cart2 .btn.btn-warning.btn-lg.btn-buy-record {
    width: 213px;
}

 .mem-ac-cap-miss {
        display: none;
}

.italy-small{
    display: none;
}
.error{
    color: red;
}


/* shawn驗證 */
.cart-check >div{
    margin-bottom: 15px;
}
.cart-check .form-group{
    margin-bottom: 0px;
}
.mem_mor{
    margin-bottom: 15px;
}
.error{
    padding-top: 5px;
    font-size: 14px;
}
#pay-error{
    position: absolute;
    top: 4px;
    left: 55%;
}
.buytable.paytable{
    position: relative;
}

.member-table .form-control{
    margin-bottom: 15px;
}
#cart2 .member-table .form-control{
    margin-bottom: 0px;
}
#love_invoice-error{
    padding-left: 122px;
}

.mfp-bg{
    max-height: 100vh;
}
.pad0{
    padding-left: 5px;
}

.contact >.contactbox{
    background-color: #fff;
    padding: 40px;
    margin-top: 100px;
    width: 1090px;
    margin-left: auto;
    margin-right: auto;
}
.contact .cont-fax{
    margin-left: 0px;
}

.contact .form-control.cont-h{
    height: 200px;
}
.cart-pay{
    display: none;
}
.only-img,.only-iframe{
    cursor: pointer;
}

/* .col-taipei{
    padding-top: 50px;
} */
.pad0{
    padding-left: 0px;
    padding-right: 0px;
}
.italy_btn{
    margin-top: 15px;
    padding: 5px 0;
}
.it_over{
    display: none;
}
.over_btn{
    position: absolute;
    bottom: 25px;
    width: calc(100% - 50px);
    padding: 5px 0px;
}

.over_group{
    text-align: center;
    margin-top: 35px;
}



 /* IE11 */
*::-ms-backdrop, .joinimg{
    top: 0%;
    margin-left: -90px;
}

/* #slides{
    top: 73px;
} */

.btnnews >a{
    display: block;
    padding: 10px 0px;

}

.mem_coun select{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #879b64;
    border-radius: 4px;
}

.no_cc{
    opacity: 0;
}

.lab_same{
    margin-bottom: 5px;
}

.cart3_buy{
    text-align: center;
    border-bottom: 1px solid #cacaca;
    background-color: #eeeeee;
    vertical-align: middle;
    border-right: 1px solid #eeeeee;
    padding: 10px 0px;
}

.cart3_totle{
    border:1px solid #ccc;
    border-top: 0px;
    text-align: right;
}

.member-table .cart3_totle >p{
    display: block;
    padding: 10px 15px 0 0 ;
}
.totle_all{
    margin-bottom: 10px;
    color: #bc1515;
    font-size: 20px;
}

.cart3_chopin{
    width: 150px;
}

.pagination>li>a.pagehigh{
    background-color: #d7d7d7;
    border-color: #ddd;
    color: #23527c;
}

.fire_input >label{
    white-space: nowrap;
}

.cart_labeltitle{
    min-width: 90px;
}

.td_width{
    width: 180px;
}

.label_width95{
    min-width: 100px;
}

#cart2 .cart-list .cart_gifi .form-control{
    width: 150px;
    margin: 0px;
}

.member-table .form-control.Qua{
    padding: 6px 0px 6px 12px;
    width: 60px;
}

.accont_lab{
    padding-top: 8px;
}




/* .record_date {
    font-size: 16px;
    line-height: 1.2;
    margin: 30px 0 0px;
}
.member_color {
    color: #bd7212;
}
.record_date > span {
    display: inline-block;
}
input[type="date"] {
    line-height: 22px;
    background: transparent;
}
.record_date input {
    padding: 0 10px;
    font-size: 16px;
    width: auto;
}
.record_date input, .record_date input:focus {
    border: none;
    box-shadow: none;
    outline: none;
}
.add_btn{
    background: #f0ad4e;
    border: 1px solid #d58512;
    color: #fff;
    line-height: 1.2;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: middle;
    display: inline-block;
}
.add_btn:hover{
    background-color: #ce8012;
} */

.index_date{
    width: 275px;
    font-size: 14px;
    position: relative;
}

.index_date input {
    background-color: rgba(255, 255, 255, 0.8);
    height: 40px;
    text-align: center;
    width: 275px;
    border: 1px solid #ec971f;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    border-radius: 6px;
    margin-bottom: 20px;
    outline: none;
}

.index_date span {
    pointer-events: none;
    position: absolute;
    top: 9px;
    width: 20px;
    left: 10px;
}

.index_date label {
    pointer-events: none;
    right: 10px;
    position: absolute;
    top: 9px;
    width: 15px;
}

.active.start-date.disabled{
    cursor: pointer;
    text-decoration:none;
    color: white;
}

.mem_datt{
    margin-top: 0px;
}
.mem_datt input{
    margin-bottom: 0px;
}

.buy_time{
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #0a0452;
}

.buy_timeclass{
    margin-bottom: 5px;
    font-size: 14px;
    color: #0a0452;
}

.hetitle{

    height: 90px;
    display: table;
}
.hetitle h4{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#news .title{
    overflow: hidden;
    min-height: 60px;
    max-height: 60px;
}
#news .title h4{
    font-size: 20px;
    line-height: 28px;
}

.sec_timespan {
    margin-top: -3px;
    /* display: block;
    height: 60px; */
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    display: inline-block;
    width: calc(100% - 145px);
    white-space: nowrap;
}


.lab80 label{
    min-width: 80px;
    max-width: 80px;
}
.adress_lab{
    min-width: 80px;
    max-width: 80px;
}

.disno_1600{
    display: none;
}

#cart2 .twzipcode_style > div.invoice_flex{
    width: 100%;
    padding: 0px;
    position: relative;
}


#cart2 .invoice_flex select {
    margin-bottom: 15px;
}
#cart2 .invoice_flex input{
    margin-bottom: 15px;
}
.wid122_lab{
    padding-left: 122px;
}

.wid122_lab input{
    width: calc(100% - 122px);
}

#OD_InvoiceCounty-error{
    position: absolute;
    bottom: 1px;
}
#OD_InvoiceCounty2-error{
    position: absolute;
    bottom: 1px;
}

#OD_InvoiceNumber-error{
    padding-left: 122px;
}
#OD_InvoiceNane-error{
    padding-left: 122px;
}

#select_zip_other-error{
    padding-left: 80px;
}
.invioce-fix{
    position: relative;
}
#OD_InvoiceLoveCode-error{
    position: absolute;
    bottom: -13px;
    left: 127px;
}
#OD_PayType-error{
    display: block;
    margin-top: -20px;
}

.test_title{
    position: absolute;
    top: 47%;
    left: 50%;
    color: #000000;
    font-size: 30px;
    margin-left: -83px;
}

#height_sli .owl-carousel .owl-item{
    height: 180px;
}

.tach_detaflex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;

    /* Direction defaults to 'row', so not really necessary to specify */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.tach_detaflex p{
    padding-left: 5px;
}

.time_teacher{
    margin-bottom: 50px;
}

.cont_flex >p>img{
    vertical-align: text-bottom;
}

/* .owl-wrapper-outer {
  font: 0/0 a;
  line-height: 0;
}

.owl-carousel .owl-item {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 285px;
}
.bg-contain .owl-item { 
    background-size: contain;
    
}
.bg-cover .owl-item { 
    background-size: cover ;
}

.owl-carousel .owl-item img {
  height: auto;
  width: 100%;
  visibility: hidden;
} */
 

 #news .time-source{
    padding: 10px 0px 0px 0px;
 }
/*rwd*/

@media screen and (min-width: 1600px) {
    #cart2 .invoice_flex select {
        margin-right: 10px;
    }

    #cart2 .invoice_flex div {
        width: 100%;
    }
    .invoice_flex{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;

        /* Direction defaults to 'row', so not really necessary to specify */
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
    .lab80 label{
        display: none;
    }
    /* .sec_timespan {
        margin-top: 0px;
        display: inline-block;
    } */
    .class-name-box{
        margin-top: 11px;
    }
    .sharebox {
        padding: 25px 0px 0px;
    }
    .container {
        width: 1400px;
    }
    /*.navbar-nav >.fixbox:first-child> a> p{
        padding-left: 13px;
    }*/
    .cf.header {
        margin-bottom: 10px;
    }
    .wrapper {
        width: 1370px!important;
    }
    /* .rightsolid {
        height: 500px;
    } */
    .rightsolid .posrelimg img {
        height: 192px;
    }
    .marbot25 .join2 .posrelimg img {
        height: 192px;
    }
    .marbot25 .blackcover img,
    .blackcover {
        height: 384px;
        width: 452px;
    }
    #news .left-con .newspic-box {
        height: 310px;
    }
    .class-title {
        height: 80px;
    }
    /* .class-con {
        height: 518px;
    } */
    .newspic-box {
        width: 410px;
        height: 227px;
    }
    #cart2 .cart-list .cart-check  .cart2-fix2 {
    width: 58%;
    }

    #oil_taster_class .class-name-box{
        margin-top: 0px;
    }
}

@media screen and (max-width: 1600px) {
    .down-fix {
        width: 100%;
    }
    .cart-list .cart-check > .down-fix {
        width: 100%;
    }
    .cart-list .cart-check > .big-miss {
        display: block;
    }
    .cart-list .cart-check > .big-show {
        display: none;
    }
    .sub-box > div{
        margin-bottom: 50px;
    }
    #height_sli .owl-carousel .owl-item{
        height: 155px;
    }
}

@media screen and (max-width: 1599px) {
    .navbar-nav >.fixbox a .sharebox_radius span {
        display: none;
    }
    .navbar-nav >.fixbox a .sharebox_radius.out_log span {
        display: block;
        padding-top: 4px;
        width: 30px;
    }
    .navbar-nav >.fixbox a .sharebox_radius.mob_out span {
        display: block;
        padding-top: 4px;
        width: 30px;
    }
    .sharebox_radius {
        text-align: center;
        width: auto;
        margin: 20px 10px;
    }
    .navbar-nav>li.sharebox {
        padding: 0;
    }
    .join2 {
        padding: 22px 0px 22px;
    }
    #news .left-con .newspic-box {
        height: 205px;
    }
    .class-title {
        min-height: 80px;
        height: 110px;
    }
    .small-class li {
        font-size: 14px;
        letter-spacing: 0;
        white-space: initial;
    }
    /* .class-con {
        height: 548px;
    } */
    #class .sub-box .col-md-12 > div > .col-md-2,
    #class .sub-box .col-md-12 > div > .col-md-10 {
        width: 100%;
        padding-right: 0;
    }
    .class-name-box {
        padding: 10px 0;
        height: auto;
        border-radius: 3px;
        margin-bottom: 5px;
    }
    /* .testtitle {
        height: 56px;
    } */
    #public_detail .left-con .newsbox > div {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
    .form-control.cont-h {
        width: 100%;
        height: 212px;
    }
    .cart-list .cart-check > div {
        width: 100%;
        display: block;
    }
     #public_detail .left-con .newsbox > div {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }
    .form-control.cont-h {
        width: 100%;
        height: 302px;
    }
    .cart-list .cart-check > div {
        width: 100%;
        display: block;
    }
    #OD_InvoiceCounty-error {
        top: 29px;
    }
    #OD_InvoiceCounty2-error {
        top: 29px;
    }
    #OD_Address-error{
        padding-left: 80px;
    }
}

@media screen and (max-width: 1599px) and (min-width: 992px) {
    .cart2-down {
        width: 100%;
    }
    .cart2-add {
        width: 50%;
        padding-right: 20px;
        padding-left: 3px;
    }
    #cart2 .member-table .cart2-fix-form.form-control {
        width: 64%;
    }
    .cart-2-right {
        padding-left: 100px;
    }
    #cart2 .cart-check  > .cart2-add-write {
        width: 100%;
        padding-left: 8px;
        padding-right: 26px;
    }
    .cart2-fix {
        padding-left: 150px;
        padding-right: 50px;
    }
    .fix-add {
        padding-right: 30px;
    }
    #pay-error{
        left: 58%;
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .navbar-nav ul.subs {
        padding: 5px 10px;
        position: absolute;
        top: 68px;
        left: 8px;
        background-color: #fff;
        z-index: 7;
        border-radius: 5px;
        box-shadow: 0px 2px 14px -3px rgba(27%, 20%, 40%, 0.5);
        display: none;
        -moz-transition: .6s ease;
        -webkit-transition: .6s ease;
        -ms-transition: .6s ease;
        -o-webkit-transition: .6s ease;
    }
    .navbar-nav ul.subs li{
        transition: all 500ms;
    }
    li.fixbox:hover ul:after {
        content: url(../images/arrow_drop.png);
        top: -18px;
        left: 40%;
        position: absolute;
        /*-moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;*/
        z-index: 7;
    }
    .navbar-nav ul.subs-2 {
        left: 24px;
    }
    .navbar-nav ul.subs li {
        border-bottom: 1px solid #e7e7e7;
    }
    .navbar-nav>li.fixbox {
        height: 73px;
    }
    .navbar-nav>li.fixbox:hover ul.subs{
        display: block !important;
    }
    .navbar-nav ul.subs li{
        transition-delay: 300ms;
    }
    .mini_cart{
        padding: 5px 10px;
        position: absolute;
        top: 68px;
        right: -35%;
        width: 330px;
        background-color: #fff;
        z-index: 7;
        border-radius: 5px;
        box-shadow: 0px 2px 14px -3px rgba(27%, 20%, 40%, 0.5);
        display: none;
    }
    .product-list .product {
        padding: 5px 0px;
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (max-width: 1200px) {
    .login-padding {
        padding-left: 0px;
        padding-right: 0px;
    }
}


/*漢堡出現*/

@media screen and (max-width: 1199px) {
    /* #slides{
        top: 66px;
    } */
    .navbar-nav >.fixbox:first-child >a> p {
        padding-left: 0px;
    }
    .navbar-header {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #logo {
        text-align: center;
    }
    .navbar-header {
        float: none;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-top: 0px;
        padding-bottom: 0px
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    /*20161018 genie修正*/
    .navbar-toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0px;
        background-color: #fff;
        margin-top: 14px;
        border: 1px #ccc solid;
        cursor: pointer;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>a {
        margin: 7px 0px;
        display: block;
    }
    /*20161018 genie修改*/
    .collapse.in {
        display: block !important;
        width: 100%;
        background-color: white;
    }
    .rwd-hide {
        display: none;
    }
    .hide {
        display: block;
    }
    .navbar-brand {
        float: none;
        position: relative;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: 0px;
    }
    .nav.navbar-nav {
        margin: 0px;
        margin-bottom: 0px;
    }
    .middle-header {
        margin-top: 0px;
    }
    .nav.navbar-nav>a {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 5px;
    }
    .sharebox2,
    .hider {
        display: block;
    }
    .navbar-nav>li.fixbox {
        display: block;
        width: 100%;
        /*height: 40px;*/
        border-top: 1px solid #cccccc;
    }
    .container {
        width: 100%;
    }
    .nav>li.fixbox a p {
        padding-top: 0px;
        margin-top: 0px;
    }
    .navbar-collapse.in {
        overflow-y: initial;
    }
    .sharebox_radius {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }
    .sharebox {
        padding: 0px;
        margin-top: 5px;
        height: auto;
    }
    .navbar-brand img {
        margin: 0 auto;
    }
    .toplibe >img {
        height: 155px;
    }
    .quaulitybg {
        background-image: none;
    }
    /*20161018 genie新增*/
    nav.scroll.navbar-default .fixbox a p,
    nav.scroll.navbar-default .sharebox {
        padding-top: 0px !important;
    }
    /*nav.scroll #logo{
        height: 75px !important;
    }*/
    /*nav.scroll .navbar-collapse.in{
        top: 49px;
    }*/
    .navbar-nav >.fixbox a .sharebox_radius span {
        display: inline-block;
    }
    #news .left-con .posrelimg > img {
        /*max-height: 181px;*/
        height: auto;
    }
    .nav>li.sharebox a {
        width: auto;
        display: inline-block;
        margin-right: 5px;
    }
    .navbar-nav ul.subs li {
        padding: 6px 0px;
    }
    .navbar-nav ul.subs li {
        border-top: 1px solid #e7e7e7;
    }
    .breadcrumb {
        padding-left: 10px;
    }
    .mini_cart {
        display: none !important;
    }
}

@media screen and (max-width: 1192px) {
    .cont-fax {
        display: block;
    }
}

@media screen and (max-width: 1191px) {
    .form-control.cont-h {
        width: 100%;
        height: 256px;
    }
}



@media screen and (max-width: 1171px) {
    .form-control.cont-h {
        width: 100%;
        height: 340px;
    }
}


@media screen and (max-width: 1162px) {
    .rightsolid {
        width: 50%;
        margin-bottom: 20px;
    }
    .fontcenter > .rightsolid:nth-child(2) .dash-line {
        border-right: 0px;
    }
    .join {
        width: 100%;
    }
    .join2 {
        width: 50%;
    }
    .dashejoin {
        padding: 0px 20px;
    }
    #news .left-con .padding:nth-child(odd) {
        clear: both;
    }
    .italy-small{
        display: block;
    }
    .no_video{
        display: none;
    }
}


@media screen and (max-width: 960px){
    .footer-info {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 960px){
    #height_sli .owl-carousel .owl-item{
        height: 125px;
    }
}



@media screen and (min-width: 767px) and (max-width: 1025px){
    .litalpopup{
        height: 400px;
        width: 400px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1162px) {
    .col-sm-4.teacher-fix-i {
        margin: 0px auto;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        display: block;
    }
    .teacher-fix {
        text-align: center;
        display: block;
        margin: 0px auto;
    }
    .col-sm-8.teacher-fix {
        width: 100%;
    }  

}

@media screen and (max-width: 1134px) {
    #oil_taster_class .sub-box .col-md-12 > div > .col-md-1,
    #oil_taster_class .sub-box .col-md-12 > div > .col-md-11 {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    #oil_taster_class .class-name-box {
        padding: 10px 0;
        height: auto;
        border-radius: 3px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 1071px) {
    #news .posrelimg > img {
        max-height: none;
        height: auto;
    }
    #news .page-con .title h4 {
        font-size: 18px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1064px) {
    .member-list .flex{
        display: block;
    }
}


@media screen and (min-width: 1057px) {
    .sub-box .col-md-4 {
        text-align: center;
        /* margin-top: 46px; */
    }
    .sub-box .col-md-4 h4{
        text-align: center;
    }
    .class-list .col-md-4:first-child{
        display: table;
    }
    .class-list .col-md-4:first-child h4{
        vertical-align: middle;
        display: table-cell;
    }
}

@media screen and (max-width: 1056px) {
    .class-list > a >div:nth-child(2) {
        width: 70%;
        padding-left: 0px;
    }
    .class-list > div:nth-child(3) {
        width: 30%;
    }
    .class-list > a > div:first-child {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding: 0px 0px 10px;
    }
    #oil_taster_class .class-list > a > div:first-child {
        padding: 0px 0px 10px;
    }
    .class-list >div:nth-child(2) {
        width: 30%
    }

    #oil_taster_class .class-list > div:nth-child(2){
        width: 58.33333333%;
    }

    #oil_taster_class .class-list > div:nth-child(3){
        width: 25%;
    }
}

@media screen and (max-width: 1034px) {
    .good-content2 {
        margin-left: 0px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .back-hide {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .banner-page {
        height: 290px;
    }
    .panel-body a {
        padding-left: 30px;
        font-size: 13px;
    }
}

@media screen and (max-width: 1150px) {
    #login .loginbox {
        width: 100%;
    }
    .contact >.contactbox{
        width: 100%;
    }
}

@media screen and (max-width:1200px) and (min-width:1000px) {
    #signup .login-padding {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media screen and (max-width:1200px) and (min-width:940px) {
    #login-password .login-padding {
        padding-left: 110px;
        padding-right: 110px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1196px) {
    .form-control.cont-h {
    width: 100%;
    height: 340px;
    }
}

@media screen  and (min-width: 992px) and (max-width : 1197px){
    .cont-fax{
        margin-left: 0px;
        display: block;
    }
     
}
    

/* 20170113shawn_rwd */

@media screen and (min-width: 990px) and (max-width: 1600px) {
    @-moz-document url-prefix() { 
        #cart2 .member-table .fire_input .form-big.form-control{
            width: calc(100% - 85px);
        }
    }
}


/*public書大小*/

@media screen and (max-width:1194px) and (min-width:992px) {
    .bookpic-box {
        width: 150px;
        height: 200px;
    }
    .book-title {
        height: 100px;
        margin: 10px 0px;
    }
}


@media screen and (min-width: 992px) {
    nav.navbar-default {
        min-height: 62px;
    }
    nav.scroll.navbar-default {
        height: 50px;
        min-height: 50px;
    }
    .mob_touch {
        display: none;
    }
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .teacher_table_title {
        display: none;
    }
    .table {
        width: 1000px;
    }
    .inter-people .col-lg-3.col-md-3.col-sm-4.col-xs-6 {
        height: 400px;
    }
    #class_con .right-con {
        margin-top: 45px;
    }
    .left-con {
        max-width: calc(100% - 366px);
    }
    #news .left-con,
    #media-detial .left-con,
    #public_detail .left-con{
        padding-right: 0px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1599px) {
    .add-fix-1 {
        width: 100%;
    }
    .add-fix-2 {
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .cont-map{
        padding-bottom: 0px;
    }
    .mob_touch {
        display: block;
    }
    .mob_touch img {
        margin-bottom: 10px;
    }
    .right-con {
        position: fixed;
        right: -225px;
        top: 0%;
        width: 311px;
        z-index: 999
    }
    .right-con.mob_go {
        right: -15px;
    }
    .small-topic {
        display: none;
    }
    .right-con .newsbox {
        height: 100vh;
        overflow-y: auto;
    }
    .teachmoney > thead {
        display: none;
    }
    .teachmoney tbody {
        display: block;
        width: 100%;
    }
    .teachmoney tbody tr {
        display: block;
        width: 100%;
    }
    .teachbody tbody tr td:first-child {
        padding-top: 15px;
    }
    .teachbody tbody tr td {
        display: block;
    }
    .teachmoney tbody tr td div:first-child {
        font-size: 16px;
        font-weight: bold;
        width: 100%;
    }
    .teacher_table_tilte {
        display: inline-block;
    }
    .table .teachmoney {
        margin: 0 auto;
    }
    .table.teachmoney>tbody>tr>td {
        margin: 0 auto;
        padding: 4px 15px;
        line-height: 22px;
        display: block;
    }
    .teachmoney tbody .tableblock {
        width: 100%;
        border: 50px #dddddd solid;
        border-radius: 10px;
    }
    .table.teachmoney>tbody>tr>td {
        border-top: 0px;
    }
    .table.teachmoney>tbody>tr {
        border: 2px solid #dddddd;
        border-bottom: 0;
    }
    .table.teachmoney>tbody>tr:last-child {
        border-bottom: 2px solid #dddddd;
    }
    .table.teachmoney>tbody>tr>td>div {
        text-align: left;
    }
    #teacher .inter-people > div > div {
        height: 400px;
    }
    #teacher .inter-people > div > div.page-con{
        height: auto;
    }
    #teacher .col-lg-1-5 img {
        width: 100%;
    }
    #teacher .col-lg-1-5:nth-child(4) {
        clear: both;
    }
    .class-title {
        height: 50px;
    }
    .class-con {
        /* height: 530px; */
        margin-bottom: 10px;
    }
    #news .col-md-8.col-sm-12.col-xs-12.left-con {
        padding-right: 0;
    }
    #public_detail .lSSlideOuter {
        display: block;
    }
    #public_detail .padding,
    #cart2 .padding,
    #member .padding{
        padding-right: 0px;
    }
    .tab-content {
        height: auto;
    }
    .right-con.mob_go {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    .right-con {
        -webkit-transform: translate3d(71px, 0, 0);
        -moz-transform: translate3d(71px, 0, 0);
        transform: translate3d(71px, 0, 0);
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    .line_right{
        padding-right: 15px;
        border-right: 0px;
    }
    .greenline {
        padding-left: 15px;
        border-left: 0px;
    }
    #contact .contact-form {
        padding-top: 36px;
    }
    .login-right {
        padding-top: 40px;
    }
    .login-ok {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .cart-list .cart-check > div {
        width: 33.33333333%;
    }
    .form-control.cont-h {
        height: 260px;
    }
    .col-taipei{
        padding-top: 0px;
    }
    .cart-list .cart_gifi >div{
        width: 100%;
    }
}

@media screen and (max-width: 926px) {
    .cart-list .cart-check > div {
        width: auto;
    }
}

@media screen and (max-width: 814px) {
    .footer1 {
        height: auto;
        display: -webkit-inline-box;
    }
}

@media screen and (max-width: 849px) {
    .footer-info {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 809px) {
    #signup .login-padding {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 801px) {
    #cart2 .member-table tbody tr td {
        /*padding: 20px 5px;*/
        vertical-align: middle;
        border-right: 1px solid #ccc;
    }
}

@media screen and (max-width: 800px) {
    .buytable thead {
        display: none;
    }
    .member-table td {
        display: block;
        text-align: left;
    }
    .member-title {
        display: inline-block;
        width: 5em;
        margin-right: 3em;
        margin-bottom: 10px;
    }
    .member-table tbody tr td {
        padding: 10px;
    }
    .member-table .form-control,
    .member-table time,
    .member-table p {
        display: inline-block;
    }
    #cart2 .member-title {
        width: 10em;
    }
    .garbege {
    margin-bottom: 6px;
    }
    
    .cart3-cont {
    margin-left: 0px;
    }
   
    .card-pad {
    margin-left: 0px;
    margin-top: 0px;
    }
    
    .cart3-inline {
        display: block;
        padding-top: 3px;
    }
    
    .member-table tbody tr .cart-td-fix {
        padding: 0px;
        padding-left: 15px;
    }
    
     .member-table tbody tr .cart-td-fix2 {
        padding-top: 10px;
         padding-bottom: 0px;
        padding-left: 15px;
    }
    #pay-error{
        top: 10px;
        left: 95px;
    }
    .cart3_buy{
        display: none;
    }
    .cart3_chopin {
        width: auto;
    }
}

@media screen and (max-width: 798px) {
    #oil_taster_class .class-list > div {
        width: 100% !important;
        margin: 0px !important;
        padding: 10px 0px !important;
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (max-width: 772px) {
    .member-list .flex {
        display: block;
    }
    .footer1 > div > .col-md-10 > div {
        width: 100% !important;
        margin-bottom: 10px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .vhover {
        margin-bottom: 20px;
    }
    #news .col-md-8.col-sm-12.col-xs-12.left-con {
        padding-right: 0;
    }
    #media-detial .left-con {
        padding: 0;
    }
    #teacher .col-lg-1-5:nth-child(odd) {
        clear: both;
    }
    #teacher .col-lg-1-5:nth-child(4) {
        clear: none;
    }
    .class-con {
        height: auto;
    }
    .class-pic > img {
        width: 100%;
    }
    .testype2 down-teachername {
        padding-top: 10px;
    }
    #about .dl-horizontal dd {
        margin-left: 0px;
    }
    .class-pic {
        margin-bottom: 15px;
    }
    .book-detail-3 {
        margin-bottom: 15px;
    }
    #class_con .dl-horizontal dd {
        margin-left: 0px;
    }
    #cart-btn .col-md-9.col-sm-9.col-xs-12 {
        padding-left: 0px;
    }
    #news .left-con .newspic-box{
        height: auto;
    }
    .disno_1600{
        display: block;
    }
    #cart2 #OD_AddressAll .flex{
        display: block;
    }
    .lab80 label{
        display: none;
    }
    #OD_AddressAll >div {
        margin-bottom: 5px;
    }
    #OD_AddressAll >div:last-child {
        margin-bottom: 15px;
    }

    .mem_mor >.flex.twzipcode_style{
        display: block;
    }
    .wid122_lab{
        padding-left: 0px;
    }
    .wid122_lab input{
        width: 100%;
    }
    #OD_Address-error{
        padding-left: 0px;
    }
    #select_zip_other-error{
        padding-left: 0px;
    }
    .test_title {
        position: absolute;
        top: 47%;
        left: 50%;
        color: #000000;
        font-size: 20px;
        margin-left: -56px;
    }
    #height_sli .owl-carousel .owl-item{
        height: 180px;
    }
    .sec_timespan{
        height: auto;
        white-space: normal;
        display: inline;
    }

    /* .time-source >span:first-child{
        display: inline-block;
        vertical-align: top;
    } */
}

@media screen and (max-width: 674px) {
    .member-table p {
        display: block;
    }
}

@media screen and (max-width: 644px) {
    .footer1 > div > .col-md-10 > div {
        width: 100% !important;
        margin-bottom: 10px;
        padding-right: 0px;
    }
    .record_date > span {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .record_date > span > i {
        padding-left: 1em;
        line-height: 24px;
    }
    .record_date > span > i, .record_date > span > input, .record_date > span > span {
        float: left;
    }
    .record_date > span > input {
        margin-bottom: 10px;
    }
    .record_date > span > span {
        clear: both;
        line-height: 24px;
    }
    .record_date > span > input + span + input {
        margin-bottom: 0;
    }
    .record_date > button.add_btn {
        display: inline-block;
        vertical-align: middle;
    }



}

@media screen and (max-width:665px) {
    .news-block {
        padding: 0px 20px 20px 20px;
    }
}

@media screen and (max-width: 660px) {
    .cart-list .cart-check > div {
        width: 100%;
    }
    #cart2 .cart-list .form-control {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .class-list > div,
    .class-list > a > div {
        width: 100% !important;
        margin: 0px !important;
        padding: 10px 0px !important;
        border-bottom: 1px solid #ccc;
    }
    .class-list > div:last-child {
        border-bottom: 0;
    }
    #class .class-list > a >div:nth-child(2) {
        width: 100%;
    }
    .class-list > a > div:first-child {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 630px) {
    #member .form-group > div {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    #member .form-group {
        margin-bottom: 10px;
    }
    #member .add-group {
        margin-top: -200px;
    }
    .member-captcha {
        width: 208px;
        display: inline-block;
    }
    
    .mem-ac-cap-show {
        display: none;
    }
    
     .mem-ac-cap-miss {
        display: block;
         margin-top: -10px;
    }
    
    #member .form-group > div.cap-member{
            width: 130px;
            padding: 0;
            margin-bottom: 10px;
            margin-left: 0px;
    }
}

@media screen and (max-width: 612px) {
    .cont-fax {
        margin-left: 0px;
        display: block;
    }
}


@media screen and (max-width: 600px) {
    .rightsolid {
        width: 100%;
        margin-bottom: 10px;
    }
    .dash-line {
        border-right: 0px;
    }
    .intertitle {
        font-size: 26px;
    }
    .join2 {
        width: 100%;
    }
    .dashejoin {
        border-right: 0;
    }
    .third-circle > div {
        width: 50%;
    }
    ul#book {
        min-width: none;
        width: 100%;
    }
    .lSSlideOuter.vertical .lSGallery {
        display: flex;
        position: relative!important;
        width: 100% !important;
        margin-left: 0px !important;
        margin-top: 10px !important;
        height: auto !important;
    }
    .lSSlideOuter .lSPager.lSGallery li {
        margin-right: 5px;
    }
    .lSSlideOuter.vertical {
        padding-right: 0 !important;
    }
    .lSSlideOuter .lSPager.lSGallery li:last-child {
        margin-right: 0px;
    }
    .book-detail-3 {
        display: block;
    }
    .cont_flex{
        display: block;
    }
    .cont_flex >p:first-child{
        margin-bottom: 3px;
    }
}

@media screen and (max-width: 560px) {
    .loginbox {
        background-color: #fff;
        padding: 20px;
    }
}

@media screen and (max-width: 570px) {
    #signup .loginbox {
        background-color: #fff;
        padding: 20px 5px;
        /*        margin-top: 100px;*/
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    #login-password .loginbox {
        background-color: #fff;
        padding: 20px 5px;
        /*        margin-top: 100px;*/
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    #login .loginbox {
        padding: 20px;
    }
}

@media screen and (max-width: 581px) {
    .inter-people > div > div {
        width: 100%;
    }
}

@media screen and (max-width: 570px) {
    #signup .loginbox {
        background-color: #fff;
        padding: 20px 5px;
        /*        margin-top: 100px;*/
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    #login-password .loginbox {
        background-color: #fff;
        padding: 20px 5px;
        /*        margin-top: 100px;*/
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    #login .loginbox {
        padding: 20px;
    }
}

@media screen and (max-width: 548px) {
    .step-list .progress-member.flex {
        display: block;
    }
    .step-list > div > div {
        width: 100%;
        margin-bottom: 10px;
    }
    .progress-member .bar {
        display: none;
    }
    .step-list .member-step:after {
        content: '▼';
    }
    .step-list .member-step:last-child:after {
        content: '';
    }
    .cart4-fix {
        margin-bottom: 30px;
    }
    #height_sli .owl-carousel .owl-item{
        height: 225px;
    }
}



@media screen and (max-width: 509px) {
    #cart2 .member-table .invioce-fix-p {
        height: auto;
    }
}


@media screen and (max-width: 500px) {
    #cart-btn > div > .col-md-4 {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .litalpopup {
        height: 400px;
        width: 320px;
    }
    #login-password .loginbox{
        margin-top: 40px;
    }
    #login .loginbox{
        margin-top: 40px;
    }
    .contact >.contactbox{
        margin-top: 40px;
    }
    .member-table .cart3_totle >p{
        font-size: 15px;
    }
    .member-table .cart3_totle >p.totle_all{
        font-size: 18px;
    }
    
}

@media screen and (max-width: 480px) {
    .newsdate>p {
        display: block;
        padding: 10px 0px 0px 0px;
    }
}

@media screen and (max-width: 466px) {
    .circle-title {
        width: 100%;
        margin-bottom: 10px;
    }
    #class_con .nav-tabs>li>a {
        font-size: 14px;
    }
    #class_con .nav>li>a {
        padding: 5px;
    }
    
    .captcha-fix {
        width: 140px;
        padding: 12px 0px;
        float: left;
    }
     .circle-title{
        padding-right: 0px;
    }
}

@media screen and (max-width: 435px) {
    .captcha {
        width: 60%;
        display: inline-block;
        padding: 10px 0px;
    }
    #Confirm{
        width: 90px;
    }

}

@media screen and (max-width: 430px) {
    .TV-news {
        display: none;
    }
    .TV-news-2 {
        display: block;
        float: left;
        margin-top: -10px;
    }
}

@media screen and (max-width: 414px) {
    .intertitle {
        font-size: 20px;
        letter-spacing: 2px;
    }
    #teacher .col-lg-1-5 {
        width: 100%;
    }
    .third-circle > div {
        width: 100%;
    }
}

@media screen and (max-width: 406px) {
    #class_con .nav-tabs>li>a {
        font-size: 12px;
    }
    #cart2 .cart-list .form-control {
        width: 100%;
    }
    #cart2 .form-group.flex {
        display: block;
        margin-bottom: 5px;
    }
    #cart2 .cart-check > div:last-child .form-group {
        margin-bottom: 20px;
    }
    #OD_InvoiceLoveCode-error{
        bottom: 7px;
        left: 5px;
    }
    #OD_InvoiceNumber-error{
        display: block;
        padding-left: 0px;
        margin-top: -23px;
    }
    #OD_InvoiceNane-error{
        display: block;
        padding-left: 0px;
        margin-top: -23px;
    }
    #OD_Address-error{
        display: block;
        margin-top: -19px;
    }
}

@media screen and (max-width: 403px) {
    #cart2 .member-table table {
    table-layout: fixed;
    }
}


@media screen and (max-width: 390px) {
    .newstype>p {
        padding-right: 0px;
    }
    .member-title {
        display: block;
    }
}

@media screen and (max-width: 387px) {
    .login-word {
        display: inline-block;
    }
    .login-word-ok {
        display: none;
    }
    .login-word-no {
        display: inline-block;
        margin-left: 32px;
        margin-top: -27px;
    }
}

@media screen and (max-width: 377px) {
    .card-member {
        display: block;
    }
    
    .card-member > img {
        padding-top: 5px;
         width: 30%;
    }
}

@media screen and (max-width: 375px) { 
    #contact .contactbox {
    background-color: #fff;
    padding: 10px;
}
    
    

/*@media screen and (max-width: 350px) {
    #news .right-con {
        position: fixed;
        right: -285px;
        top: 15%;
        width: 300px;
    }
}*/

@media screen and (max-width: 370px) {
    .card-member {
        width: 100%;
        display: inline-flex;
    }
    .card-member img {
        margin-right: 2px;
        width: 33.33%;
    } 
}
    
@media screen and (max-width: 350px) {
    .captcha-img2 {
        display: inline-block;
        margin-bottom: 36px;
        margin-left: 0px;
    }

    .facebook {
        font-size: 15px;
    }
    #cart2 .member-table table {
        table-layout: fixed;
    }
}