@media all and (min-width: 1px) and (max-width: 1200px){
/*隱藏的區塊*/
#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;display: initial;}
#BodyHeader_event_rwd img {height: auto;margin:2.5% auto;}
@media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;}}
@media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;}}

/*body*/
#Master_title{display:block;}/*主圖位置ID*/
@media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
@media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}

/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,.gift_content{margin:0 auto;display:inline-block;width:100%;}
/* 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:50%;height:auto;margin: 0 auto 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: 1%;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;}
/* Footer end */


/*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 all and (min-width: 1px) and (max-width: 767px){
	.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

	.addition{width: auto;font-size: 0.9rem;}
    .goReg{white-space: normal;font-size: 0.8rem;}
	.bg0{/*background: linear-gradient(to bottom, #ca0505 0%,#cd3e3e 100%)*/;border-bottom: 7px #e0cca5 solid;border-bottom: 12px #fa7a7a solid;}
	.bg2 {background-color: #fff9eb;padding: 1.1% 0 10%;}
	.br_mb{ display:block}
	.circle {/* width: 210px; */margin: 0.7rem 1.4rem 0;}
	/*.t_ss{font-size: 1.5rem !important}*/
	.t_ss {/* font-size: 1.5rem !important; */font-size: 2.5rem;line-height: 2.7rem;}
	.circle_2 {/* width: 13rem; */margin: 0.7rem 1.4rem 0;padding: 1.3rem 0.6rem 1.5rem;}
	.circle dd:nth-child(3) {width: 131%;margin-left: -16%;font-size: 1.1rem;padding: 2px;}
	.circle dd:nth-child(3):before {left: 0;border-left: 13px solid #fff9eb;}
	.circle dd:nth-child(3):after {left: 193px;border-right: 13px solid #fff9eb}
	.gift_title {font-size: 1.45rem;border-bottom: 1px #c0a16b dotted;padding: 1% 0% 3% 1%;}
	.gift_content {padding-left: 13px !important;padding-right: 12px;}
	.gift_group {padding: 30px 0 !important;width: 90% !important;margin: 0 5%;}
	.list_item .offer {font-size: 1.2rem;float: inline-start;width: 100%;text-align: center;margin-top: 20px;}
	.list_item .txt {font-size: 1.3rem;line-height: 1.4rem;}
	.gift_icon1 {float: none;margin: 0 auto;}
	.gift_icon1 img {display: block;margin: 0 auto;}
	.gifts_bookmap img {margin: 5% 0;}
	.gifts_bookmap {width: 117px;margin: 0 auto;position: inherit;}
	.gifts_book {padding: 18px;border-left: 9px #c6b076 solid;border-right: 9px #eb7272 solid;margin: 2% 10% 10%;width: auto}
	.gift_group dd > .date {font-size: 1em;padding: 0.2rem 1rem;}	
	.gojoin {font-size: 1.2rem;}
	.givebook {font-size: 1.3rem;}
	.givebook a {display: inline-block;}
	.shareNote{ font-size:1.2rem}
	.join1, .join2 {padding: 1% 7% 0.7% 6%;}
	.reg_time dt.onlinetitle {font-size: 2.3rem;float: initial;text-align: center;}
    .reg_time dd.time {font-size: 1.4rem;text-align: center;}
	.list_item dt {font-size: 1.5rem;}
	#askarea .asktitle {font-size: 1.6rem;}
	#askarea textarea[name="sContent"] {color: #3b3a3a;}
	.list_item .inside_List {text-indent: 0rem;font-size: 1.05rem;}
	.list_item {font-size: 1.1rem;margin-left: 6px;}
	.add_t_r {margin-left: 0;}
	/* .goReg { padding:0.4rem 2.5rem 0.45rem 2.5rem;} */
	.top_space {margin-top: 0rem;line-height: 1.6rem;}
	.reg_join, .goReg, .goReg a {font-size: 1.05rem;}
	.joinContent1, .joinContent2 { margin-left: 0px !important;border: 0px #c6b076 solid;}
	.text-base {font-size: 1rem;text-indent: -1.125rem;margin-left: 1rem;padding: 2.5% 10% !important}
	.Vuetabs a {cursor: pointer;padding: 0.2rem 5% 0.2rem;font-size: 1.25rem;}
	.each_title > div, .fa-star, .border-star svg {font-size: 2rem;}
	.shareNote {font-size: 1.2rem;}
    #back-top span {width: 40px;height: 40px;background: #00bcd4a3 url(../images/up-arrow.png) no-repeat center center;}
	#askarea SELECT {display: block;width: 100%;}
    .Vuetabs a.active {font-size: 1.5rem;}
	.tt{text-indent: -18px; padding: 0% 6% 5% 10%}
	.onsale {text-align: center;}
	.grasp dd::before {content: "" !important;margin-right: 10px;}
	.grasp dd a{font-size: 1.1rem}
	.master_date dd {font-size: 1.1rem;}
	.good10-t {font-size: 1.5rem !important;margin-top: -2%;margin-bottom: 2%;}
	.vip_gifts {float: none;text-align: center;padding: 1%;}
	.list_item dd p {border-left: 5px #54bdd5 dotted;float: none;width: 95%;padding: 5% 0 0 9%;margin-left: 3%;text-indent: 1%;}
	.new_date dt, .new_date dt a {font-size: 2rem;text-decoration: underline;}
			
}



