@media all and (min-width: 1px) and (max-width: 1200px){
    .gojoin{width: 90%;padding: 0.5rem;
        font-size: 1.2rem;
    }
    .bgcolor2 {
        background: #FFF;
    }
    .finsh_rv2,#event_sec li span{font-size: 1.2rem;}
    .vip li:nth-child(-n+3) {
        margin: 1rem 0rem;}
    .listTask,.listTask_IRT {
        width: 94%;font-size: 1.23rem;}
    small {
        font-size: 1.1rem;
    }
    .IRT_note{font-size: 1.0rem;}    
    
.coupon img{max-width: 80%;}
    /*寬度區域*/
.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-1\/4{width:25%}.sm\:w-2\/4{width:50%}.sm\:w-3\/4{width:75%}.sm\:w-1\/5{width:20%}.sm\:w-2\/5{width:40%}.sm\:w-3\/5{width:60%}.sm\:w-4\/5{width:80%}.sm\:w-1\/6{width:16.666667%}.sm\:w-2\/6{width:33.333333%}.sm\:w-3\/6{width:50%}.sm\:w-4\/6{width:66.666667%}.sm\:w-5\/6{width:83.333333%}.sm\:w-1\/12{width:8.333333%}.sm\:w-2\/12{width:16.666667%}.sm\:w-3\/12{width:25%}.sm\:w-4\/12{width:33.333333%}.sm\:w-5\/12{width:41.666667%}.sm\:w-6\/12{width:50%}.sm\:w-7\/12{width:58.333333%}.sm\:w-8\/12{width:66.666667%}.sm\:w-9\/12{width:75%}.sm\:w-10\/12{width:83.333333%}.sm\:w-11\/12{width:91.666667%}.sm\:w-full{width:100%}
/*距離*/
.sm\:m-0{margin:0}.sm\:m-1{margin:.25rem}.sm\:m-2{margin:.5rem}.sm\:m-3{margin:.75rem}.sm\:m-4{margin:1rem}.sm\:m-auto{margin:auto}.sm\:m-px{margin:1px}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-1{margin-top:.25rem;margin-bottom:.25rem}.sm\:mx-1{margin-left:.25rem;margin-right:.25rem}.sm\:my-2{margin-top:.5rem;margin-bottom:.5rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:my-3{margin-top:.75rem;margin-bottom:.75rem}.sm\:mx-3{margin-left:.75rem;margin-right:.75rem}.sm\:my-4{margin-top:1rem;margin-bottom:1rem}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-px{margin-top:1px;margin-bottom:1px}.sm\:mx-px{margin-left:1px;margin-right:1px}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0{margin-left:0}.sm\:mt-1{margin-top:.25rem}.sm\:mr-1{margin-right:.25rem}.sm\:mb-1{margin-bottom:.25rem}.sm\:ml-1{margin-left:.25rem}.sm\:mt-2{margin-top:.5rem}.sm\:mr-2{margin-right:.5rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:ml-2{margin-left:.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mr-3{margin-right:.75rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mr-4{margin-right:1rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto{margin-left:auto}.sm\:mt-px{margin-top:1px}.sm\:mr-px{margin-right:1px}.sm\:mb-px{margin-bottom:1px}.sm\:ml-px{margin-left:1px}

/*字體*/
.sm\:text-xs{font-size:.75rem}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-2xl{font-size:1.5rem}.sm\:text-3xl{font-size:1.875rem}.sm\:text-4xl{font-size:2.25rem}.sm\:text-5xl{font-size:3rem}.sm\:text-6xl{font-size:4rem}
.sm\:block{display: block;}
/*隱藏*/
.sm\:hidden {display: none;}

    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /*header*/
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*選單*/
    #mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
    #mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
    /*body*/
    #Master_title{display:inline-block;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_master{margin: 2% 2%;padding: 0 2%;border-radius: 1em;text-align: center;display: block;}
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin: 2% 2%;padding: 3% 2%;border-radius: 1em;text-align: center;display: block;}
    #event_sixth{margin: 2% 2% 0;}
    /*div section標籤段落*/
    section p,div p{font-size:1.1rem;line-height:1.9em;text-align:left;}
    nav p{line-height:1.8rem;}
    /*標題大小*/
    h1{font-size: 2.0em;text-align: center;}
    h2{font-size: 2.0em;}
    h3{font-size: 1.6em;}
    #event_sixth nav a{ font-size: 1.2em;}	
	.bgcolor0 {background-size: cover;}
	.booksTitle {font-size: 2rem;}
	.books_link {margin: 0 auto;width: 100%;}
	.booksList dt {margin: 2% 0%;}
	.requirement {font-size: 1.2em;}		
	.gift {padding: 4% 5% 4% 14%;}
	.coupon img{width: 100%;height: auto;}
    .link span,.vip_line font,.vip_line span{display: inline-block;}
    .link a{width: 83%;}
    .new_date_title { width: 100%; }
    /* .vip li{text-align: center;} */
    .freshman-content a{margin-bottom: 5%;}    
    .more {font-size: 1.1rem;}
    .listTask div,.listTask dd,.listTask_IRT dd{font-size: 1.0rem;}
    .mobile_style{font-weight: 900;}
    .listTask dt,.listTask_IRT dt{width: 100%;}
    .Jiugongge div,.Jiugongge dl{width: calc(100%/1);font-size: 0.95rem;}
    /*footer*/
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 5rem;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /*ask*/
    
    #askarea_out .irt_title{padding: 1rem 1rem;font-size:1.1rem;}
    #askarea{background-color:#902caa;width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.25rem;color: #FFF;margin-bottom: 2%;line-height: 2em;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #askarea p > strong{color: #ffffc3;}
    .ask_list{margin-left:2rem;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #C6C6C6;vertical-align: middle;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#e91ba2;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    input[type="file"]{width: 99%;}
    #formlist span {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

@media (max-width: 767px){
    .ADLink{bottom: 0;text-align: center;overflow: hidden;width: 100%;}
    .ADLink img{display: none;}
    .ADLink a{
        color: white;
        background-color: #FF1D67;
        width: 100%;
    }
}
