.relative__{position: relative;z-index: 1;}
.clear__:after{content:'';display:block !important;float:none;clear:both;}

.desktop__ , .desktop_tablet__{display: block !important;}
.desktop__inline_block , .desktop_tablet__inline_block{display: inline-block !important;}
.desktop__table , .desktop_tablet__table{display: table !important;}
.tablet__ , .mobile__ , .tablet_mobile__ {display: none !important;}
.tablet__inline_block , .mobile__inline_block , .tablet_mobile__inline_block{display: none !important;}
.tablet__table , .mobile__table , .tablet_mobile__table{display: none !important;}


/* mobile menu**/
.menu_mobile{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    background: #ad8f13;
    z-index: 999;
    box-sizing: border-box;
    padding: 70px 0px 0px;
    display: none;
}
.menu_mobile div {
    position: relative;
}


.menu_mobile a {
    display: block;
    color: white;
    height: 55px;
    text-align: center;
    font-size: 1.5em;
    line-height: 2.5;
}

.menu_mobile a.active {
    color: #784e28;
}

*.before , *.after{
    position: relative;
}
*.before:before  , *.after:after ,
*.before_inline:before  , *.after_inline:after
{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

*.before_inline:before  , *.after_inline:after{
    display: inline-block;
    position: static;
}

.mobile_header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e8e8e8;
    z-index: 22;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:93px;
    display: none;
    margin-top:120px;
}
.mobile_header .mobile_header_content{
       width: calc(100% + 40px);
    margin-left: -20px;
    height: 100%;
    padding-left: 60px;
    padding-right: 60px;
    box-sizing: border-box;
    padding-top: 40px;
}
.mobile_header_content{
}
.mobile_header_content > .mobile_menu_{
}
.mobile_header_content > .mobile_menu_ > .item_{
    border-bottom:1px solid white;
    padding-bottom:17px;
    padding-top:17px;
}
.mobile_header_content > .mobile_menu_ > .item_ > a{
    font-size:18px;
    font-weight:bold;
    color:#282828;
    letter-spacing:1px;
}

.mobile_header_content > .mobile_menu_ > .item_.active a{
    color:rgb(242,112,38);
}
.mobile_header_content > .mobile_menu_ > .item_ > .son{
    padding-left: 20px;
}
.mobile_header_content > .mobile_menu_ > .item_ > .son > a{
    display:block;
     font-size:18px;
    font-weight:bold;
    color:#282828;
    letter-spacing:1px;
    margin-top:37px;
}
.mobile_header_content > .mobile_menu_ > .item_.have_son{
}
.mobile_header_content > .mobile_menu_ > .item_.have_son > a{
}
.mobile_header_content > .mobile_menu_ > .item_.have_son > .son{
}
.mobile_header_content > .mobile_menu_ > .item_.have_son > .son > a{
}

.mobile_header_content > .mobile_member{
        margin-top: 38px;
}
.mobile_header_content > .mobile_member > p{
    color: #dc6724;
    font-size: 16px;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile_header_content > .mobile_member > p:before{
    content: '';
    display: inline-block;
    width: 18px;
    height: 33px;
    margin-right: 10px;
    background-image: url(../img/3/1/member_.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position-y: 3px;
}
.mobile_header_content > .mobile_member > .mobile_member_content{
    font-size:0;
    padding:20px;
    background:#ffd2b9;
    margin-top:8px;
}
.mobile_header_content > .mobile_member > .mobile_member_content > a{
    display:inline-block;
    width:calc(50% - 6px);
    height:40px;
    text-align:center;
    line-height:40px;
    color:white;
    font-size:16px;
    background:#dc6724;
    margin-right:12px;
    margin-bottom:14px;
    letter-spacing:1px;
    padding-top:0;
    padding-bottom:0;
}
.mobile_header_content > .mobile_member > .mobile_member_content > .my_info{
}
.mobile_header_content > .mobile_member > .mobile_member_content > .my_record{
    margin-right:0;
}
.mobile_header_content > .mobile_member > .mobile_member_content > .resume{
    margin-bottom:0;
}
.mobile_header_content > .mobile_member > .mobile_member_content > .logout{
    background:#34a348;
    margin-right:0;
    margin-bottom:0;
}
.mobile_header_content > .mobile_header_top{
    padding-bottom:70px;
}
.mobile_header_content > .mobile_header_top > .social{
    text-align:center;
    font-size:0;
    margin-top:40px;
}
.mobile_header_content > .mobile_header_top > .social > a{
    background:#dc6724;
    display:inline-block;
    margin-right:20px;
}
.mobile_header_content > .mobile_header_top > .social > a:last-child{
    margin-right:0;
}
.mobile_header_content > .mobile_header_top > .social > a > img{
}


@media all  and (max-width: 1220px){
    .padding__{padding-left: 20px !important;padding-right: 20px !important;box-sizing: border-box;}
    .desktop__ , .desktop__inline_block , .desktop__table{display: none !important;}
    .tablet__  ,  .tablet_mobile__{display: block !important;}
    .tablet__table , .tablet_mobile__table{display:table !important;}
    .tablet__inline_block, .tablet__inline_block,.tablet_mobile__inline_block{display: inline-block !important;}
    .container{
        width:768px;
    }
}

@media all and (max-width: 767px){
    .desktop_tablet__ , .desktop_tablet__inline_block , .tablet__ , .tablet__inline_block  ,.desktop_tablet__table , .tablet__table{display: none !important;}
    .mobile__ {display: block !important;}
    .mobile__inline_block{display: inline-block !important;}
    .mobile__table{display:table !important;}
    .container{
        width:100%;
    }
}

.simulation_select_box{
    width:100%;
    position:relative;
    cursor:pointer;
}

.simulation_select{
    width: 100%;
    box-sizing: border-box;
    padding: 9px 40px 5px 19px;
    position: relative;
    font-size: 16px;
    color: #373737;
    letter-spacing: 0.4px;
    height:46px;
    background-color: #e8e8e8;
    border:1px solid transparent;
}
.simulation_select.error{
      border:1px solid #dc6724;
}
.simulation_select:after{
    content: '';
    display: block;
    width: 16px;
    height: 8px;
    position: absolute;
    right: 17px;
    top: 17px;
    background-image: url(../img/down.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.simulation_select_box.show .simulation_select:after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}

.simulation_select__list{
    position:absolute;
    width:100%;
    left:0;
    top:48px;
    z-index:1;
    background-color:#fdeee6;
    max-height:294px;
    overflow-x:hidden;
    overflow-y:scroll;
    display:none;
    z-index:2;
}
.simulation_select_box.show .simulation_select__list{
    display:block;
}

.simulation_select__list a{
    display: block;
    padding: 11px 16px;
    box-sizing: border-box;
    color: #000000;
    letter-spacing: 0;
    font-size:16px;
    margin-left:4px;
    margin-right:4px;
    min-height:50px;
}

.simulation_select__list a.active , 
.simulation_select__list a:hover{
    background-color:rgb(255,210,185);
}



/**模拟 radio***/
/**
 *
 *<div class="simulation_radio select">
            網上 
   <input type="radio" name="learing_mode" value="1">
   </div>
 * 
 */
.simulation_radio{
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    letter-spacing: 0.3px;
    display: inline-block;
}

.simulation_radio:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #e8e8e8;
    position: absolute;
    left: 1px;
    top: 4px;
    border-radius: 50%;
}

.simulation_radio:after {
    content: '';
    display: none;
    width: 10px;
    height: 10px;
    background-color: #dc6724;
    position: absolute;
    left: 4px;
    top: 7px;
    border-radius: 50%;
}

.simulation_radio.select:after {
    display: block;
}

.simulation_radio input
{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    left: 0;
    top: 0;
}