@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';
/* CSS Document */

.fakelightbox{   
    background-image: url(images/event2_notes.png)!important;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover!important;
    width: 100%;
        	background-color: transparent !important;
    background-size: 100% 100%!important;    	
    box-shadow: 0 0 0px 0px rgba(0%,0%,20%,0.5)!important;
        font-family: "微軟正黑體", Verdana;
    font-size: 14px;
    color: #d06f6f;
    
}
@media screen and (max-width:500px){.fakelightbox{height:100%;}}

.fakelightbox h3 {
    color: #00fcff !important;    padding-bottom: 0px !important;
    border-bottom: 0px solid #00fcff;}
    

.fakelightbox p {
    color: #fff!important;font-weight: bold;    width: 100%!important;text-align:left; }
    
    
    
.fakelightbox .link_area a {
    background-image: linear-gradient(to top, #02dfe7, #05d7e2)!important;
    color: #0f2645!important;
    margin: 0 10px;font-weight: bold; }



.fa_box_p{padding-left:100px;padding-right:100px;padding-bottom:50px;}
@media screen and (max-width:750px){
.fa_box_p{padding-left:30px;padding-right:30px;padding-bottom:30px;}
}


.top_btn_pc{display:block;}.top_btn_m{display:none;}
@media screen and (max-width:800px){.top_btn_pc{display:none;}.top_btn_m{display:block;padding-left: 90px;padding-right: 90px;margin-bottom: -35px;}}
@media screen and (max-width:600px){.top_btn_m{display:block;padding-left: 30px;padding-right: 30px;margin-bottom: -30px;}}
@media screen and (max-width:470px){.top_btn_m{display:block;padding-left: 10px;padding-right: 10px;margin-bottom: -30px;}}
@media screen and (max-width:290px){.top_btn_m{display:block;padding-left: 0px;padding-right: 0px;margin-bottom: -20px;}}


.event4_gif{z-index:999;position:absolute;pointer-events: none!important;}
.event4_gif img{width:100%!important;}



.gt_text .gas_tank{background:transparent!important;border: 0px solid #d5e845 !important;border-radius: 0px!important;overflow: visible!important;}
.gt_text .gas_tank .text{color: #ffffff!important;min-width:100px;}


@media screen and (min-width:1200px){.gas_tank .text {min-width:150px!important;text-align: center;}}
@media screen and (max-width:1199px){.gas_tank .text {font-size: 14px!important;}}

.gt_text .gas{background:transparent!important;border-radius: 0px!important;overflow: visible!important;}
@media screen and (min-width:1000px){.gt_text .gas_tank .text{margin-right: -30px;margin-top: 0px!important;}.gt_text .gas_tank{margin-top: -20px;}}

.gas_img_text{}

.gas_img{margin-right: -15px;
    background-image: url(images/gas_img-1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.gas_img img{max-width:133px;}


@media screen and (max-width:1000px){

.gt_text .gas_tank{}


}



::-webkit-scrollbar {
	width: 5px;
  	height: 5px;
	border-radius: 4px;
	background-color: #4a4a4a;
}  
  
	width: 5px;
  	height: 5px;
	border-radius: 4px;
	background-color: #4a4a4a;
}  
  
::-webkit-scrollbar-track {    
    border-radius: 4px;
    background-color: #4a4a4a;
}  
  
::-webkit-scrollbar-thumb {  
    border-radius: 4px;
    background-color: #6d6d6d;
}

input,button,select,textarea{outline:none}
 *:focus { outline: none; }

iframe[name=google_conversion_frame] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.last_text_box
{
	width:100%;
	max-width:800px;
	margin: 0 auto;
	padding-left:20px;
	padding-right:20px;
}


.mline{display:none!important;}
.line mline{display:none!important;}

#viewDiv {
    background-image: url(images/event1_notes.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    position: fixed;
    left: 50vw;
    top: 50%;
    z-index: 1000;
    max-width: 500px;
    transform: translateX(-50%);
    margin-top: -228px;
    box-sizing: border-box;
    text-align: center;
}

#viewDiv iframe {
    margin: 16% 0 0 9%;
    max-width: 91%;
}


.viewDiv_overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	z-index: 998;
	transition: 0.5s;
}

.viewDiv_close {
    color: #ffffff;
	position: fixed;
	right: 30px;
	top: 30px;
	/*--cursor: url(images/mouse_pointer.png), pointer;	--*/
	z-index: 1002;
	text-align: right;
}




.big_btn{
}


.big_btn:hover{
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}


@media screen and (max-width:426px) {#viewDiv {background-size: 100% 100%!important;}}

.li_s{    list-style: decimal;
    font-family: "微軟正黑體", Verdana;
    font-size: 14px;
    color: #d06f6f;}


.s_car{
position:absolute;float:right;margin-top:-100px;}

.cat_car_box{width:100%;max-width:1000px;margin:0 auto;}
.cat_car{position:relative;margin:0 auto;margin-top:0px;}
.cat_car img{width:100%;max-width:300px;}

@media screen and (max-width:1000px) {.cat_car img{width:100%;max-width:200px!important;}}

@media screen and (min-width:1201px){.event{background-color:#;border-radius:0px;}}


@media screen and (max-width:1200px) {.event{background-color:#;border-top-left-radius:0px;border-top-right-radius:0px;}}


.event2{background-color-1:#faffba;border-radius:0px;padding-top: 20px;padding-bottom: 20px;
	 background-image: url(images/CAD19359_bg02.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;

}
.event3{background-color-1:#f7ff88;border-radius:0px;padding-top: 20px;padding-bottom: 20px;
    background: url(images/CAD19359_bg03.png);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}
.event4{background-color:#fdffde;border-radius:0px;padding-bottom: 50px;
    background: url(images/CAD19359_bg04.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;

}


.top_btn{margin:0 auto;width:100%;max-width:1000px;}



@media screen and (max-width:1100px) {

.event3{
	 background-image: url(images/CAD19359_bg03_m.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
}


}



@media screen and (max-width:700px) {

.event5{
	 background-image: url(images/CAD19359_bg05_m.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
}

}



@media screen and (min-width:800px){.top_btn{top: -20px;position: relative;}}

.top_btn img{width:50%;max-width:500px;height:auto;}

.mv_btn{top:0px;}



.mv_btn_all{position: absolute;z-index:500;}
.mv_btn_all_01{width:100%;max-width:1000px;}
.mv_btn_all_02{width:100%;max-width:1000px;}
.mv_btn_all_03{width:100%;max-width:1000px;}



.mv_btn_all_02_1{width:100%;float:left;}
.mv_btn_all_02_2{width:100%;float:left;}

.mv_btn_all_02_1_1{width:100%;max-width:466px;}
.mv_btn_all_02_1_2{width:100%;max-width:534px;}

@media screen and (min-width:1001px) {
.mv_btn_all_02_1{max-width: 466px;}
.mv_btn_all_02_2{max-width: 534px;}

}

@media screen and (max-width:1000px) {

.mv_btn_all_02_1{width:50%;max-width:466px;float:left;}
.mv_btn_all_02_2{width:50%;max-width:534px;float:left;}


}



@media screen and (min-width:1000px) {



.gas_tank_bg{
    margin-top: -80px;
position: relative;
/*--background: url(images/gas_tank_bg-1.png);--*/
padding-bottom:100px;
background-position: center bottom;
background-repeat: no-repeat;
width:100%;
max-width:1254px;
top:0px;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;



}

.item{margin-bottom: 50px!important;}

.gas_tank{max-width:1000px!important;border:3px solid #d5e845!important;background-color:#ffffff;}


}

@media screen and (min-width:871px) {
html {
	margin:0;
	padding:0;
	width: 100%;
	background: url(images/_bg01-1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	background-color:#08172e;
}
}

@media screen and (max-width:870px) {

html-1 {background: url(images/bg02-1.jpg);
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat: no-repeat;

}
}


@media screen and (max-width:350px) {

html-1 {background: url(images/bg02-1.jpg);
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat: no-repeat;
background-color:#fdffde;
}
}




body {

	background: url(images/CAD19359_bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;



	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 10000px;
	background-color: transparent !important;

}


@media screen and (max-width:999px) {
body {
	background: url(images/CAD19359_bg_m.jpg)!important;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
background-attachment: fixed;

}}

#entries {
	display: none;
}



.side {
    z-index:500;
	position: fixed;
	right: 0px;
	top: 15%;
}

.side_btn1 {
    width: 90%;
    height: 15%;
    display: block;
    position: absolute;
    top: 9%;
    left: 3%;
    cursor: pointer;
}

.side_btn2 {
	width: 90%;
    height: 15%;
	display: block;
	position: absolute;
	top: 25%;
    left: 3%;
	cursor: pointer;
}

.side_btn3 {
	width: 90%;
    height: 17%;
	display: block;
	position: absolute;
	top: 42%;
    left: 3%;
	cursor: pointer;
}

.side_btn4 {
	width: 90%;
    height: 17%;
	display: block;
	position: absolute;
	top: 59%;
    left: 3%;
	cursor: pointer;
}

.side_btn5 {
	width: 90%;
    height: 17%;
	display: block;
	position: absolute;
	top: 77%;
    left: 3%;
	cursor: pointer;
}












.fix-margin-top {
	margin-top: 0;
}

.mv {
	margin: 0 auto;
	width: 100%;
	max-width: 1356px;
}

.mv img {
	width: 100%;
	max-width: 1500px;
	height: auto;
}

.btn_group {
	position: absolute;
	top:275px;
	left: 50%;
	height: auto;
	margin: 3vw 0 0 0;
	display: inline-block;
	font-size: 0;
	transform: translateX(-50%);
	width: 100%;
    text-align: center;
}


/*--因設計編排才會用到--*/

.join btn{width: 500px!important;}

@media screen and (max-width:999px) {

.btn_group btn a{width: 500px!important;}
}
/*----*/

.btn {
    position: relative;
    margin: 0 1.1vw;
    display: inline-block;
    font-family: "微軟正黑體", Verdana;
    text-align: center;
}

.btn a {
    width: 10.7vw;
    max-width: 161px;
    background: url(images/btn.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #000;
    text-decoration: none;
    background-size: contain;
    display: flex;
    align-items: center;
}

.btn .btn_text {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size-1: 1vw;
    display: block;
    margin-top: -2%;
	white-space: nowrap;
	color:#ffffff;
	font-weight:bold;
}



.btn a:hover {
	background: url(images/btn_ov.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}

.btn img {
    width: 100%;
	height: auto;
	display: block;
}








.event1_btn img{

width:100%;max-width:386px;height:auto;
}






.mark {
	color: #000;
 	background-color: #fdff4f;
}

.community {
	position: absolute;
	right: 10px;
	top: 10px;
}

.community .icon {
	margin: 0 7px;
	width: 3.8vw;
	max-width: 57px;
	height: 58px;
	float: left;
}

.community .icon img {
	width: 100%;
	height: auto;
}









h2 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

h2 img {
	width: 100%;
	max-width: 1000px;
	height: auto;
}


.event_text {
	font-family: "微軟正黑體", Verdana;
	font-size: 20px;
	text-align: center;
	
}


.event_text_01 {
	color: #606f0b;
	
}







.event {
	text-align: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
	padding: 0;
	margin-bottom: 0px;

}

.event .btn {
	margin: 40px 0 60px 0;
}

.paper .event {
	padding-top: 0px;
}


.item {
	margin: 30px auto;
	float:left;
	width: 100%;
}

.item_img {
	position:relative;
	width: 20%;
	float:left;
	max-width: 228px;
}

.item_img img {
	width: 100%;
	height: auto;
}

.item_ov {
	width: 20%;
	position: absolute;
	z-index: 1;
	max-width: 228px;
}

.item_ov img {
	width: 100%;
	height: auto;
}

.gas_tank {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0;
	background-color-1: #ffffff;
	border-radius:99px;
	line-height: 42px;
	width: 100%;
	max-width: 800px;
	text-align: right;
	overflow: hidden;
	/*--background-image:url(images/slash-1.png);--*/
	background-repeat: repeat;
	border: 1px solid #ccc;
}


.gas_tank .text {

	left: 30px;
	padding: 0;
	font-family:"Microsoft Yahei";
	color: #2899c5;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;	
}

.gas {
	background-color:#ff4545;
	background:-moz-linear-gradient(0deg, #f75926 0%, #e6ff2b 100%);
	background:-webkit-linear-gradient(0deg, #f75926 0%, #e6ff2b 100%);
	background:-o-linear-gradient(0deg, #f75926 0%, #e6ff2b 100%);
	box-sizing:border-box;
	width: 0%;
	height: 42px;
}

.gift {
	margin: 30px 0 40px 0;
	padding: 0;
	
}

.gift img {
	width: 100%;
	height: auto;
	max-width: 852px;
}

.paper {
 	background-image: url(images/CAD19359_bg01.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
        background-size:cover;

 /*--        background-color:#;border-top-left-radius-1:1000px;border-top-right-radius-1:1000px;      
 /*--

 --*/

}

.paper2 {
         background-color-1:#fffbe9;border-radius:0px;
 /*--
	background-image: url(images/paper2.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;

 --*/

}





.tab_group {
	margin-top: 26px;
	display: flex;
	justify-content: center;
	position: relative;
    margin-bottom: -5.5px;
}


.event3 .tab_event{background-image-1: url(images/tab_event_bg02-1.png)!important;}


@media screen and (max-width:999px) {
.tab_group {
    margin-bottom: -7px!important;
}
.tab_event {
    background-image: url(images/tab_event_bg02.png)!important;
}

}
@media screen and (max-width:550px) {
.tab_event {
    background-image: url(images/tab_event_bg03.png)!important;
}

}


.tab_group>div.active{ 
	background-image: url(images/tab_ov.png);
}

.tab {
	margin: 0 15px;
	position: relative;
	background-image: url(images/tab.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	font-family: "微軟正黑體", Verdana;
	font-size: 22px;
	display: flex;
	justify-content: center;
	float: left;
	cursor: pointer;
}

.tab:hover {
	background-image: url(images/tab_ov.png);
}

.tab img {
	width: 100%;
	height: auto;
	display: block;
}

.tab .tab_text {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    white-space: nowrap;
    left: 50%;
}

.tab .tab_text a {
	color: #000;
	text-decoration: none;
}

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

.list_ul {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	max-width: 524px;
}

.list_ul li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	font-family: "微軟正黑體", Verdana;
	font-size: 16px;
}

.event_num {
	margin: 0 5px 0 0;
	float: left;
}

.ul_text {
	display: flex;
}

.table_img {
	text-align: left;
	width: 100%;
	height: auto;
	max-width: 513px;
}

.tab_event {
    background-image: url(images/tab_event_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 95%;
    max-width: 1080px;
    display: block;
    margin: 0 auto;
	padding: 50px 50px 0 50px;
	padding-bottom:50px;
}

.left {
	margin-bottom: 50px;
	width: 60%;
	float: left;
}

.right {
	margin-bottom: 50px;
	width: 40%;
	max-width: 383px;
	float: right;
}

.right img {
	width: 100%;
	height: auto;
	max-width: 383px;
}

.btn_box {
	clear: both;
	margin: 50px 0 0 0;
	text-align: center;
}

.btn_box .btn {
	margin: 0 15px;
}

.notes_box {
	position: relative;
}

.ul_notes {
	position: absolute;
	top: 58%;
	left: 57%;
	transform: translate(-50%, -50%);
	width: 75%;
    margin: 0;
    padding: 0;
}

.ul_notes li {
	font-size: 15px;
	margin: 0 0 5px 0;
	list-style: decimal;
}



.event3 {
	padding: 0px 0 0 0;
	padding-bottom:30px!important;
}

.event3 .btn_box .btn {
	margin: 0 0 0px 0;
}


@media screen and (min-width:1100px) {.event3 {	padding-top: 50px;}}










.event4 {
	text-align: center;
}




.event4 .event_text {
	font-family: "微軟正黑體", Verdana;
	font-size: 20px;
	color: #000;
	line-height: 180%;
}

.event4 .btn_box {
    margin: 30px 0 0 0;
}




.event4_s_text
{font-size: 16px!important;}


.laba {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1226px;	
}

.laba img {
	width: 100%;
	height: auto;
	max-width: 1266px;
}

.laba_img_box {
	position: absolute;
	width: 40.5%;
	max-width: 498px;
	height: auto;
	top: 26.3%;
	left: 29%;
	overflow: hidden;
}

.laba_img_box img {
	width: 100%;
	height: auto;
}

.laba .laba_img1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: 31.33%;
    margin: 0 1%;
	animation:5s infinite laba_img1;
	animation-timing-function: linear;
	-webkit-animation:5s infinite laba_img1;
	-webkit-animation-timing-function: linear;
}

@keyframes laba_img1 {
    0% {
		top: 0%;
    }

    100% {
		top: -790%;

    }
}

.laba .laba_img1 img {
	width: 100%;
	height: auto;
}

.laba .laba_img2 {
    position: absolute;
    left: 49%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
	max-width: 31.33%;
    margin: 0 1%;
	animation:5s infinite laba_img2;
	animation-timing-function: linear;
	-webkit-animation:5s infinite laba_img2;
	-webkit-animation-timing-function: linear;
}

@keyframes laba_img2 {
    0% {
		top: 0%;
    }

    100% {
		top: -790%;

    }
}

.laba .laba_img2 img {
	width: 100%;
	height: auto;
}

.laba .laba_img3 {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	max-width: 31.33%;
    margin: 0 1%;
	animation:5s infinite laba_img3;
	animation-timing-function: linear;
	-webkit-animation:5s infinite laba_img3;
	-webkit-animation-timing-function: linear;
}

@keyframes laba_img3 {
    0% {
		top: 0%;
    }

    100% {
		top: -790%;

    }
}

.laba .laba_img3 img {
	width: 100%;
	height: auto;
}







.gift_info {
	position: fixed;
	left: 50%;
	top: 50%;
	height: 90vh;
	transform: translate(-50%, -50%);
	overflow: auto;
	width: 100%;
	z-index: 1002;
}

.tb {
	margin: 30px auto 0 auto;
	width: 100%;
	max-width: 800px;
	border-radius:6px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	font-family:Verdana, "微軟正黑體";
	font-size:15px;
	color: #000;
	line-height: 52px;
}

.tb th {
	padding: 0 30px;
	background-color:#e9e9e9;
	background:-moz-linear-gradient(270deg, #e9e9e9 0%, #f3f3f3 35%, #e4e4e4 100%);
	background:-webkit-linear-gradient(270deg, #e9e9e9 0%, #f3f3f3 35%, #e4e4e4 100%);
	background:-o-linear-gradient(270deg, #e9e9e9 0%, #f3f3f3 35%, #e4e4e4 100%);
	color: #000;
	height: 53px;
}

.tb th br{
 display:none;
}

.tb td {
	padding: 12px 30px;
	background-color: #fff;
	color: #000;
	border-right:1px solid #dddddd;
	box-sizing: border-box;
	word-break: break-all;
	font-size:14px;
	line-height: 180%;
}

.tb td:last-child {
	border-right:none;
}

.tb td img {
	margin:5px 0 4px 0;
	width:100%;
}

tr-1:first-child th:first-child {
	border-top-left-radius: 6px;
	border-right:0px solid #e4e4e4;
}

tr-1:first-child th:last-child {
	border-top-right-radius: 6px;
}

tr-1:last-child td {
	border-bottom:none !important;
}

tr:last-child td:first-child{
  	border-bottom-left-radius: 6px;
}

tr-1:last-child td:last-child{
  	border-bottom-right-radius: 6px;
}

.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.9;
	z-index: 1000;
	transition: 0.5s;
}

.close {
	position: fixed;
	right: 30px;
	top: 30px;
	cursor: pointer;
	z-index: 1003;
	text-align: right;
	color: #fff;
}

.close img {
	width: 80%;
}

.line {
	width: 90%;
	max-width: 1139px;
	margin: 20px auto;
}

.line img {
	width: 100%;
	height: auto;
}

.mline {
	display: none;
	width: 90%;
	max-width: 1139px;
	margin: 0px auto 20px auto;
}

.mline img {
	width: 100%;
	height: auto;
}


.note_bg{
	background: url(images/CAD19359_bg06.png);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;

}
.notes {
         padding-bottom: 30px;
	margin: 0 auto 0px auto;
	width: 100%;
	max-width: 1140px;
}

.notes h3 {
	font-family: "微軟正黑體", Verdana;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin: 20px 0 20px 20px;
}

.notes ul {
	margin: 0 auto;
	padding: 0 0 0 20px;
	width: 90%;
}

.notes li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: decimal;
	font-family: "微軟正黑體", Verdana;
	font-size: 14px;
	color: #735a0e;
}

.notes li a {
	color: #666;
	text-decoration: underline;
}


@media screen and (max-width:999px) {
.gas {	height: 22px;}
.gas_tank {	background-color: #ffffff;	}

}



@media screen and (min-width:1000px) {.pc_mv{display:block;}.m_mv{display:none;}  .img_pc{display:block;}.img_m{display:none;}}
@media screen and (max-width:999px) {.pc_mv{display:none;}.m_mv{display:block;}  .img_pc{display:none;}.img_m{display:block;}}


.game_card01{width:100%;max-width:500px;max-height:596px;background-image:url(images/event4_btn1-1.png);}
.game_card02{width:100%;max-width:500px;background:url(images/event4_btn2-1.png);}



.game_card01 a:hover{background-image: url(images/event4_btn1-2.png)!important;}
.game_card02 a:hover{background-image: url(images/event4_btn2-2.png);}



@media screen and (max-width:650px) {.paper {padding-top: 20px!important;}}

@media screen and (max-width:1200px) {



.side {
	display: none;
}

.paper {
	 	background-image: url(images/CAD19359_bg01.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size:cover;
        -webkit-background-size:cover;
        -o-background-size:cover;
        background-size:cover;

}

.paper2 {
	background: none;
}

.paper .event {
    
    margin-bottom: 0px;
}

.paper2 .event3 {

}

.mline {
	display: block;
}

.event3 .btn_box .btn {
    margin: 0;
}

h2 img {
    width: 100%;
}

.event .event_text {
	margin: 1em auto 0 auto;
	width: 80%;
	font-size: 15px;
}

.item {
	margin: 15px 0; 
}

.gas_tank {
	width: 96%;
}

.gas_tank .text {
	font-size: 15px;
}

.gas {
	height: 42px;
}

.event .btn {
    margin: 20px 0;
}

.ul_notes li {
	font-size: 1.9vw;
}



.event4 .event_text {
    font-size: 15px;
	width: 90%;
	margin: 15px auto;
}

.fix_br {
	display: none;
}


}









@media screen and (max-width:992px) {

body {
    background-position: center 0px;
}

.mv {
	padding-top: 0px; 
}

.btn a {
    width: 22vw;
}

.mv .btn_group {
	top: 0;
}

.community {
	top: 5px;
	right: 5px;
	z-index:501;
}

.community .icon {
    margin: 0 4px;
    width: 6vw;
}

.tab_group {
    display: flex;
    width: 80%;
    margin: 26px auto 0 auto;
}

.tab {
	margin: 0 2%;
    background-size: contain;
    font-size: 15px;
    display: flex;
	align-items: baseline;
}

.tab_event {
	padding: 25px;
	width: 95%;
	margin: 0 auto;

}

.left {
	float: none;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    max-width: 513px;
}

.right {
	margin: 0 auto 15px auto;
	width: 50%;
	max-width: 383px;
	float: none;
}

.right img {
	width: 100%;
	height: auto;
	max-width: 383px;
	margin: 0 0 15px 0;
}

.event_text {
    font-size: 17px;
}

.list_ul li {
    font-size: 15px;
}

.left, .right {
	margin-bottom: 0;
}

.btn_box {
    margin: 30px 0 0 0;
}




}


@media screen and (max-width:800px) {

.event4 .btn_box .btn {
    margin: 0;
}

.btn .btn_text {
	font-size: 14px;
}

.ul_notes li {
    font-size: 13px;
}

}



@media screen and (max-width:550px) {

.tab_group {
    width: 94%;
}

.tab {
	margin: 0 1%;
}

.tab .tab_text a {
    font-size: 13px;
}

.right {
    width: 80%;
}

#viewDiv {
    width: 90%;
}

#viewDiv iframe {
	margin: 11% 0 0 9%;
    max-width: 81%;
}

.gform_wrapper .top_label .gfield_label {
	font-size: 15px;
}

.gift_info {
 padding: 0 10px; 
}

.tb { 
 margin: 0 auto 30px auto;
} 
 
.tb th {
 padding: 10px;    
 line-height: 1.5em;
    text-align: center; 
}  
 
.tb th br {
 display:block;
}
 
.tb td {
 padding: 10px;
} 
 
.close {
 top: 10px;
}

}