/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
/*
##   ##  ####  ##   #        ####    ####    ####   
### # #   ##   ###  #       ##   #  ##   #  #   ##  
## #  #   ##   ## # #        #####   #####    ##    
##    #   ##   ##  ##            #       #  ##      
##    #  ####  ##   #        #####   #####  ######   
/*
/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
@media screen and (min-width: 992px) {
	.div_title{
		width: 50%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand{
		width:50%;
		float:left;
		position: relative;
		min-height: 1px;
		display: block;
		padding-right: 30px;
		text-align:right;
		
	}
	
	.css_brand{
		margin-top:15px;
		height:45px;
		display:inline-block;
		
	}
	.div_title_2{
		width: 50%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand_2{
		width:50%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 30px;
		display: block;
		text-align:right;
		
	}
	
	.css_brand_2{
		margin-top:15px;
		height:45px;
		
		display:inline-block;
		
	}
	
	/*
	##        ##    #####   ######  ##      
	##       ## #   ##   #  ##      ##      
	##      ##   #  #####   ####    ##      
	##      ######  ##   #  ##      ##      
	######  ##   #  #####   ######  ######  
	*/
	.lbl_session1{ /*Home session name*/
		font-weight: bolder;
		font-size: 300%;
		padding-bottom: 20px;
		color: rgb(250,250,250);
	}
	
	
	/*
	#####     ##    ##   #  ######  ##      
	##   #   ## #   ###  #  ##      ##      
	#####   ##   #  ## # #  ####    ##      
	##      ######  ##  ##  ##      ##      
	##      ##   #  ##   #  ######  ######  
	*/
	.pnl_top{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
	}
	/*###########################*/
	.pnl_body{
		padding-top: 10px;
		padding-bottom: 60px;
	}

	/*
	#####     ##    ##   #  ##   #  ######  #####   
	##   #   ## #   ###  #  ###  #  ##      ##   #  
	#####   ##   #  ## # #  ## # #  ####    #####   
	##   #  ######  ##  ##  ##  ##  ##      ##  #   
	#####   ##   #  ##   #  ##   #  ######  ##   #  
	*/

	.pnl_banner{
		position: relative;
		height: 400px;
	}

	.pnl_banner_1{
		float: left;
		height: 100%;
		width: 65%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		cursor: pointer;

	}
	/*#####################################*/
	.pnl_banner_1_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_1.png");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text1_title{
		font-size: 600%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);

		opacity: 0;
	}
	.pnl_banner_1_text1_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);

		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide2{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_2.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text2{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		width: 100%;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text2_title{
		font-size: 400%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	.pnl_banner_1_text2_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide3{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_3.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text3{
		position: absolute;
		padding-left: 10px;
		top:10px;
		left: 10px;
		z-index: 100;
	}
	.pnl_banner_1_text3_title{
		font-size: 500%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		opacity: 0;
	}
	.pnl_banner_1_text3_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);
		opacity: 0;
	}
	
	/*#####################################*/
	.pnl_banner_2{
		float: left;
		height: 50%;
		width: 35%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_2_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b2_1.png");
		background-position: left;
		background-size: auto 100%;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_2_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_2_text1_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_2_text1_subtitle{
		font-size: 130%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}

	.pnl_banner_3{
		float: left;
		height: 50%;
		width: 35%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_3_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b3_1.png");
		background-position: left;
		background-size: auto 100%;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_3_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_3_text1_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_3_text1_subtitle{
		font-size: 150%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}

	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##      ##    
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###     ## #   
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    ##   #  
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ######  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  ##   #  
	*/
	.pnl_item_type1a{
		display: inline-block;
		vertical-align:top; 
		width: 25%;
		opacity: 0;
		margin-bottom: 50px;
	}

	.pnl_item_type1a .frame{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(0,255,0);
		cursor: pointer;
	}

	.pnl_item_type1a .frame:hover{
		border: solid rgb(0,255,0) 1px;
	}

	.pnl_item_type1a img{
		width: 100%;
	}

	.pnl_item_type1a .price{
		width: 100%;
		font-weight: bold;
		font-size: 170%;
		padding-top: 10px;
	}

	.pnl_item_type1a .content{
		width: 100%;
		padding-top: 15px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		color: rgb(30,30,30);
		font-weight: bold;
	}

	.pnl_item_type1a .control{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		vertical-align: middle;
	}

	.pnl_item_type1a .btn_cart{
		float: left;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1a .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1a .btn_detail{
		float: right;
		cursor: pointer;
		font-size: 100%;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}

	.pnl_item_type1a .btn_detail:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##    #####   
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###    ##   #  
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    #####   
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ##   #  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  #####   

	*/
	.pnl_item_type1b{
		display: inline-block;
		vertical-align:top; 
		width: 25%;
		opacity: 0;
		margin-bottom: 50px;
	}

	.pnl_item_type1b .frame{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(241,11,158);
		cursor: pointer;
	}

	.pnl_item_type1b .frame:hover{
		border: solid rgb(241,11,158) 1px;
	}

	.pnl_item_type1b img{
		width: 100%;
	}

	.pnl_item_type1b .price{
		width: 100%;
		font-weight: bold;
		font-size: 170%;
		padding-top: 10px;
	}

	.pnl_item_type1b .content{
		width: 100%;
		padding-top: 15px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		color: rgb(250,250,250);
		font-weight: bold;
	}

	.pnl_item_type1b .control{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		vertical-align: middle;
	}

	.pnl_item_type1b .btn_cart{
		float: left;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1b .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1b .btn_detail{
		float: right;
		cursor: pointer;
		font-size: 100%;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}

	.pnl_item_type1b .btn_detail:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*
	  ##    ##   #  ####  ##   ##    ##    ######  ####   ####   ##   #  
	 ## #   ###  #   ##   ### # #   ## #     ##     ##   ##   #  ###  #  
	##   #  ## # #   ##   ## #  #  ##   #    ##     ##   ##   #  ## # #  
	######  ##  ##   ##   ##    #  ######    ##     ##   ##   #  ##  ##  
	##   #  ##   #  ####  ##    #  ##   #    ##    ####   ####   ##   #  
	*/
	.ani_b1_title1{
		/*ANIMATION*/
		-webkit-animation: b1_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle1{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title2{
		/*ANIMATION*/
		-webkit-animation: b1_title2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle2{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title3{
		/*ANIMATION*/
		-webkit-animation: b1_title3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle3{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b2_title1{
		/*ANIMATION*/
		-webkit-animation: b2_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b2_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b3_title1{
		/*ANIMATION*/
		-webkit-animation: b3_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b3_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*
	##   #  ######  ##   #       ###### #####     ##    ##   ##  ######  
	##  #   ##       ## #        ##     ##   #   ## #   ### # #  ##      
	####    ####      ##         ####   #####   ##   #  ## #  #  ####    
	### #   ##        ##         ##     ##  #   ######  ##    #  ##      
	##   #  ######    ##         ##     ##   #  ##   #  ##    #  ######  
	*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
}
/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################

##   ##    ##    ##   #        ####    ####     ##          ###         ##   ##  ####  ##   #       ######   ####    ####   
### # #   ## #    ## #        ##   #  ##   #   ###           ##         ### # #   ##   ###  #           ##  ##  ##  ##  ##  
## #  #  ##   #    ##          #####   #####    ##          # ###       ## #  #   ##   ## # #          ##   ## # #  ## # #  
##    #  ######   # ##             #       #    ##         #  ###       ##    #   ##   ##  ##         ##    ###  #  ###  #  
##    #  ##   #  #   ##        #####   #####  ######        ##  ##      ##    #  ####  ##   #        ##      ####    ####   

###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/

@media screen and (max-width: 991px) and (min-width: 700px){
	.div_title{
		width: 50%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand{
		width:50%;
		float:left;
		position: relative;
		min-height: 1px;
		display: block;
		text-align:center;
	}
	
	.css_brand{
		margin-top:15px;
		height:45px;
		display:inline-block;
		
	}
	
	.div_title_2{
		width: 41%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand_2{
		width:59%;
		float:left;
		position: relative;
		min-height: 1px;
		display: block;
		text-align:center;
		
	}
	
	.css_brand_2{
		margin-top:15px;
		height:45px;
		
		display:inline-block;
		
	}
	
	
	/*
	##        ##    #####   ######  ##      
	##       ## #   ##   #  ##      ##      
	##      ##   #  #####   ####    ##      
	##      ######  ##   #  ##      ##      
	######  ##   #  #####   ######  ######  
	*/
	.lbl_session1{
		font-weight: bolder;
		font-size: 250%;
		padding-bottom: 20px;
		color: rgb(250,250,250);
	}
	/*
	#####     ##    ##   #  ######  ##      
	##   #   ## #   ###  #  ##      ##      
	#####   ##   #  ## # #  ####    ##      
	##      ######  ##  ##  ##      ##      
	##      ##   #  ##   #  ######  ######  
	*/
	.pnl_top{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
	}
	/*###########################*/
	.pnl_body{
		padding-top: 10px;
		padding-bottom: 60px;
	}

	/*
	#####     ##    ##   #  ##   #  ######  #####   
	##   #   ## #   ###  #  ###  #  ##      ##   #  
	#####   ##   #  ## # #  ## # #  ####    #####   
	##   #  ######  ##  ##  ##  ##  ##      ##  #   
	#####   ##   #  ##   #  ##   #  ######  ##   #  
	*/

	.pnl_banner{
		position: relative;
		height: 400px;
	}

	.pnl_banner_1{
		float: left;
		height: 100%;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		cursor: pointer;

	}
	/*#####################################*/
	.pnl_banner_1_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_1.png");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text1_title{
		font-size: 600%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);

		opacity: 0;
	}
	.pnl_banner_1_text1_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);

		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide2{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_2.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text2{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		width: 100%;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text2_title{
		font-size: 400%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	.pnl_banner_1_text2_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide3{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_3.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text3{
		position: absolute;
		padding-left: 10px;
		top:10px;
		left: 10px;
		z-index: 100;
	}
	.pnl_banner_1_text3_title{
		font-size: 500%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		opacity: 0;
	}
	.pnl_banner_1_text3_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);
		opacity: 0;
	}
	
	/*#####################################*/
	.pnl_banner_2{
		float: left;
		height: 150px;
		width: 50%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		border-top: solid rgb(30,30,30) 5px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_2_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b2_1.png");
		background-position: left;
		background-size: auto 100%;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_2_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_2_text1_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_2_text1_subtitle{
		font-size: 130%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_3{
		float: left;
		height: 150px;
		width: 50%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		border-top: solid rgb(30,30,30) 5px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_3_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b3_1.png");
		background-position: center;
		background-repeat: no-repeat;		
		background-size: cover;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_3_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_3_text1_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_3_text1_subtitle{
		font-size: 150%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}

	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##      ##    
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###     ## #   
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    ##   #  
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ######  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  ##   #  
	*/
	.pnl_item_type1a{
		display: inline-block;
		vertical-align:top; 
		width: 25%;
		opacity: 0;
		margin-bottom: 50px;
	}

	.pnl_item_type1a .frame{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(0,255,0);
		cursor: pointer;
	}

	.pnl_item_type1a .frame:hover{
		border: solid rgb(0,255,0) 1px;
	}

	.pnl_item_type1a img{
		width: 100%;
	}

	.pnl_item_type1a .price{
		width: 100%;
		font-weight: bold;
		font-size: 130%;
		padding-top: 10px;
	}

	.pnl_item_type1a .content{
		width: 100%;
		padding-top: 15px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		color: rgb(30,30,30);
	}

	.pnl_item_type1a .control{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		vertical-align: middle;
	}

	.pnl_item_type1a .btn_cart{
		float: left;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1a .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1a .btn_detail{
		display: none;
	}
	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##    #####   
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###    ##   #  
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    #####   
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ##   #  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  #####   

	*/
	.pnl_item_type1b{
		display: inline-block;
		vertical-align:top; 
		width: 25%;
		opacity: 0;
		margin-bottom: 50px;
	}

	.pnl_item_type1b .frame{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(241,11,158);
		cursor: pointer;
	}

	.pnl_item_type1b .frame:hover{
		border: solid rgb(241,11,158) 1px;
	}

	.pnl_item_type1b img{
		width: 100%;
	}

	.pnl_item_type1b .price{
		width: 100%;
		font-weight: bold;
		font-size: 130%;
		padding-top: 10px;
	}

	.pnl_item_type1b .content{
		width: 100%;
		padding-top: 15px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		color: rgb(250,250,250);
	}

	.pnl_item_type1b .control{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		vertical-align: middle;
	}

	.pnl_item_type1b .btn_cart{
		float: left;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1b .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1b .btn_detail{
		display: none;
	}
	/*
	  ##    ##   #  ####  ##   ##    ##    ######  ####   ####   ##   #  
	 ## #   ###  #   ##   ### # #   ## #     ##     ##   ##   #  ###  #  
	##   #  ## # #   ##   ## #  #  ##   #    ##     ##   ##   #  ## # #  
	######  ##  ##   ##   ##    #  ######    ##     ##   ##   #  ##  ##  
	##   #  ##   #  ####  ##    #  ##   #    ##    ####   ####   ##   #  
	*/
	.ani_b1_title1{
		/*ANIMATION*/
		-webkit-animation: b1_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle1{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title2{
		/*ANIMATION*/
		-webkit-animation: b1_title2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle2{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title3{
		/*ANIMATION*/
		-webkit-animation: b1_title3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle3{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b2_title1{
		/*ANIMATION*/
		-webkit-animation: b2_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b2_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b3_title1{
		/*ANIMATION*/
		-webkit-animation: b3_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b3_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*
	##   #  ######  ##   #       ###### #####     ##    ##   ##  ######  
	##  #   ##       ## #        ##     ##   #   ## #   ### # #  ##      
	####    ####      ##         ####   #####   ##   #  ## #  #  ####    
	### #   ##        ##         ##     ##  #   ######  ##    #  ##      
	##   #  ######    ##         ##     ##   #  ##   #  ##    #  ######  
	*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
}

/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################

##   ##    ##    ##   #        #####   ####    ####        ##   ##  ####  ##   #       ######   ####     ##    
### # #   ## #    ## #        ##      ##   #  ##   #       ### # #   ##   ###  #       ##      ##  ##   ###    
## #  #  ##   #    ##         #####    #####   #####       ## #  #   ##   ## # #       #####   ## # #    ##    
##    #  ######   # ##        ##   #       #       #       ##    #   ##   ##  ##           ##  ###  #    ##    
##    #  ##   #  #   ##        ####    #####   #####       ##    #  ####  ##   #       #####    ####   ######  

###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
@media only screen and (max-width: 699px) and (min-width: 501px){
	.div_title{
		width: 48%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand{
		width:52%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right:5px;
		display: block;
		text-align:center;
		
	}
	
	.css_brand{
		margin-top:15px;
		height:30px;
		display:inline-block;
		
	}
	
	
	
	.div_title_2{
		width: 41%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand_2{
		width:59%;
		float:left;
		position: relative;
		padding-right:5px;
		min-height: 1px;
		display: block;
		text-align:center;
		
	}
	
	.css_brand_2{
		margin-top:15px;
		height:30px;
		display:inline-block;
		
	}
	/*
	##        ##    #####   ######  ##      
	##       ## #   ##   #  ##      ##      
	##      ##   #  #####   ####    ##      
	##      ######  ##   #  ##      ##      
	######  ##   #  #####   ######  ######  
	*/
	.lbl_session1{
		font-weight: bolder;
		font-size: 150%;
		color: rgb(250,250,250);
	}
	
	/*
	#####     ##    ##   #  ######  ##      
	##   #   ## #   ###  #  ##      ##      
	#####   ##   #  ## # #  ####    ##      
	##      ######  ##  ##  ##      ##      
	##      ##   #  ##   #  ######  ######  
	*/
	.pnl_top{
		background-image: url("../image/body-bg.gif");
		padding-top: 70px;
	}

	/*
	#####     ##    ##   #  ##   #  ######  #####   
	##   #   ## #   ###  #  ###  #  ##      ##   #  
	#####   ##   #  ## # #  ## # #  ####    #####   
	##   #  ######  ##  ##  ##  ##  ##      ##  #   
	#####   ##   #  ##   #  ##   #  ######  ##   #  
	*/

	.pnl_banner{
		position: relative;
		height: 300px;
	}

	.pnl_banner_1{
		float: left;
		height: 100%;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		cursor: pointer;

	}
	/*#####################################*/
	.pnl_banner_1_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_1.png");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text1_title{
		font-size: 600%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);

		opacity: 0;
	}
	.pnl_banner_1_text1_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);

		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide2{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_2.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text2{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		width: 100%;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text2_title{
		font-size: 400%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	.pnl_banner_1_text2_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide3{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_3.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text3{
		position: absolute;
		padding-left: 10px;
		top:10px;
		left: 10px;
		z-index: 100;
	}
	.pnl_banner_1_text3_title{
		font-size: 500%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		opacity: 0;
	}
	.pnl_banner_1_text3_subtitle{
		font-size: 200%;
		font-weight: 200;
		color:rgb(250,250,250);
		opacity: 0;
	}
	
	/*#####################################*/
	.pnl_banner_2{
		float: left;
		height: 120px;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		border-top: solid rgb(30,30,30) 5px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_2_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b2_1.png");
		background-position: left;
		background-size: 100% auto;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_2_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_2_text1_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_2_text1_subtitle{
		font-size: 130%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_3{
		float: left;
		height: 120px;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		border-top: solid rgb(30,30,30) 5px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_3_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b3_1.png");
		background-position: left;
		background-size: 100% auto;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_3_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_3_text1_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_3_text1_subtitle{
		font-size: 120%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}

	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##      ##    
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###     ## #   
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    ##   #  
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ######  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  ##   #  
	*/
	.pnl_item_type1a{
		display: inline-block;
		vertical-align:top; 
		width: 50%;
		opacity: 0;
		margin-bottom: 10px;
		position: relative;
		padding-left: 5px;
		padding-right: 5px;
	}
	

	.pnl_item_type1a .frame{
		float: left;
		width: 100%;
		position: relative;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(0,255,0);
		cursor: pointer;
	}

	.pnl_item_type1a .frame:hover{
		border: solid rgb(0,255,0) 1px;
	}

	.pnl_item_type1a img{
		float: left;
		width: 40%;
	}

	.pnl_item_type1a .content{
		float: left;
		width: 60%;
		padding: 5px;
		color: rgb(30,30,30);
		font-size: 90%;
	}

	.pnl_item_type1a .price{
		float: left;
		width: 100%;
		font-weight: bold;
		font-size: 130%;	`
	}


	.pnl_item_type1a .control{
		float: left;
		width: 100%;
	}

	.pnl_item_type1a .btn_cart{
		float: right;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1a .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1a .btn_detail{
		display: none;
	}
	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##    #####   
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###    ##   #  
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    #####   
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ##   #  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  #####   

	*/
	.pnl_item_type1b{
		display: inline-block;
		vertical-align:top; 
		width: 50%;
		opacity: 0;
		margin-bottom: 10px;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
	}

	.pnl_item_type1b .frame{
		float: left;
		width: 100%;
		position: relative;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(241,11,158);
		cursor: pointer;
	}

	.pnl_item_type1b .frame:hover{
		border: solid rgb(241,11,158) 1px;
	}

	.pnl_item_type1b img{
		float: left;
		width: 40%;
	}

	.pnl_item_type1b .content{
		float: left;
		width: 60%;
		padding: 5px;
		color: rgb(30,30,30);
		font-size: 90%;
		color: rgb(250,250,250);
	}

	.pnl_item_type1b .price{
		float: left;
		width: 100%;
		font-weight: bold;
		font-size: 130%;
	}

	.pnl_item_type1b .control{
		float: left;
		width: 100%;
	}

	.pnl_item_type1b .btn_cart{
		float: right;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1b .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1b .btn_detail{
		display: none;
	}
	/*
	  ##    ##   #  ####  ##   ##    ##    ######  ####   ####   ##   #  
	 ## #   ###  #   ##   ### # #   ## #     ##     ##   ##   #  ###  #  
	##   #  ## # #   ##   ## #  #  ##   #    ##     ##   ##   #  ## # #  
	######  ##  ##   ##   ##    #  ######    ##     ##   ##   #  ##  ##  
	##   #  ##   #  ####  ##    #  ##   #    ##    ####   ####   ##   #  
	*/
	.ani_b1_title1{
		/*ANIMATION*/
		-webkit-animation: b1_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle1{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title2{
		/*ANIMATION*/
		-webkit-animation: b1_title2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle2{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title3{
		/*ANIMATION*/
		-webkit-animation: b1_title3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle3{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b2_title1{
		/*ANIMATION*/
		-webkit-animation: b2_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b2_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b3_title1{
		/*ANIMATION*/
		-webkit-animation: b3_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b3_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*
	##   #  ######  ##   #       ###### #####     ##    ##   ##  ######  
	##  #   ##       ## #        ##     ##   #   ## #   ### # #  ##      
	####    ####      ##         ####   #####   ##   #  ## #  #  ####    
	### #   ##        ##         ##     ##  #   ######  ##    #  ##      
	##   #  ######    ##         ##     ##   #  ##   #  ##    #  ######  
	*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
}


/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################

##   ##    ##    ##   #       ######   ####    ####   
### # #   ## #    ## #        ##      ##  ##  ##  ##  
## #  #  ##   #    ##         #####   ## # #  ## # #  
##    #  ######   # ##            ##  ###  #  ###  #  
##    #  ##   #  #   ##       #####    ####    ####   

###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
@media screen and (max-width: 500px){
	.div_title{
		width: 54%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand{
		width:46%;
		float:left;
		position: relative;
		min-height: 1px;
		display: block;
		
	}
	
	.css_brand{
		height:20px;
		display:inline-block;
		margin-top:15px;
		
	}
	
	.div_title_2{
		width: 48%;
		float:left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		display: block;
	}
	.div_brand_2{
		width:52%;
		float:left;
		position: relative;
		min-height: 1px;
		display: block;
		
	}
	
	.css_brand_2{
		margin-top:15px;
		max-width:70px;
		display:inline-block;
		
	}
	/*
	##        ##    #####   ######  ##      
	##       ## #   ##   #  ##      ##      
	##      ##   #  #####   ####    ##      
	##      ######  ##   #  ##      ##      
	######  ##   #  #####   ######  ######  
	*/
	.lbl_session1{
		font-weight: bolder;
		font-size: 102%;
		color: rgb(250,250,250);
	}
	
	/*
	#####     ##    ##   #  ######  ##      
	##   #   ## #   ###  #  ##      ##      
	#####   ##   #  ## # #  ####    ##      
	##      ######  ##  ##  ##      ##      
	##      ##   #  ##   #  ######  ######  
	*/
	.pnl_top{
		background-image: url("../image/body-bg.gif");
		padding-top: 70px;
	}
	/*
	#####     ##    ##   #  ##   #  ######  #####   
	##   #   ## #   ###  #  ###  #  ##      ##   #  
	#####   ##   #  ## # #  ## # #  ####    #####   
	##   #  ######  ##  ##  ##  ##  ##      ##  #   
	#####   ##   #  ##   #  ##   #  ######  ##   #  
	*/

	.pnl_banner{
		position: relative;
		height: 200px;
	}

	.pnl_banner_1{
		float: left;
		height: 100%;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		cursor: pointer;

	}
	/*#####################################*/
	.pnl_banner_1_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_1.png");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text1_title{
		font-size: 350%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);

		opacity: 0;
	}
	.pnl_banner_1_text1_subtitle{
		font-size: 150%;
		font-weight: 200;
		color:rgb(250,250,250);

		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide2{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_2.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text2{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		width: 100%;
		z-index: 100;
		-webkit-transform: translate(0%, -110%); 
		-moz-transform: translate(0%, -110%);
		-ms-transform: translate(0%, -110%); 
	}
	.pnl_banner_1_text2_title{
		font-size: 300%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	.pnl_banner_1_text2_subtitle{
		font-size: 150%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: center;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_1_slide3{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b1_3.jpg");
		background-position: center;
		background-size: 100% auto;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_1_text3{
		position: absolute;
		padding-left: 10px;
		top:10px;
		left: 10px;
		z-index: 100;
	}
	.pnl_banner_1_text3_title{
		font-size: 250%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		opacity: 0;
	}
	.pnl_banner_1_text3_subtitle{
		font-size: 150%;
		font-weight: 200;
		color:rgb(250,250,250);
		opacity: 0;
	}
	
	/*#####################################*/
	.pnl_banner_2{
		float: left;
		height: 100px;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		border-top: solid rgb(30,30,30) 3px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_2_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b2_1.png");
		background-position: left;
		background-size: 100% auto;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_2_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_2_text1_title{
		font-size: 200%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_2_text1_subtitle{
		font-size: 100%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	/*#####################################*/
	.pnl_banner_3{
		float: left;
		height: 100px;
		width: 100%;
		position: relative;
		border: solid rgb(30,30,30) 1px;
		border-top: solid rgb(30,30,30) 3px;
		cursor: pointer;
	}
	/*#####################################*/
	.pnl_banner_3_slide1{
		position: absolute;
		width: 100%;
		height:100%;
		background-image: url("../image/banner/b3_1.png");
		background-position: left;
		background-size: 100% auto;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
	}
	.pnl_banner_3_text1{
		position: absolute;
		padding-left: 10px;
		top:100%;
		left: 0px;
		z-index: 100;
		width: 100%;
		-webkit-transform: translate(0%, -105%); 
		-moz-transform: translate(0%, -105%);
		-ms-transform: translate(0%, -105%); 
	}
	.pnl_banner_3_text1_title{
		font-size: 200%;
		font-weight: bolder;
		line-height: 100%;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}
	.pnl_banner_3_text1_subtitle{
		font-size: 100%;
		font-weight: 200;
		color:rgb(250,250,250);
		text-align: right;
		opacity: 0;
	}

	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##      ##    
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###     ## #   
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    ##   #  
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ######  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  ##   #  
	*/
	.pnl_item_type1a{
		display: inline-block;
		vertical-align:top; 
		width: 100%;
		opacity: 0;
		margin-bottom: 10px;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
	}
	

	.pnl_item_type1a .frame{
		float: left;
		width: 100%;
		position: relative;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(0,255,0);
		cursor: pointer;
	}

	.pnl_item_type1a .frame:hover{
		border: solid rgb(0,255,0) 1px;
	}

	.pnl_item_type1a img{
		float: left;
		width: 30%;
	}

	.pnl_item_type1a .content{
		float: left;
		width: 70%;
		padding: 10px;
		color: rgb(30,30,30);
		font-size: 100%
	}

	.pnl_item_type1a .price{
		float: left;
		width: 100%;
		font-weight: bold;
		font-size: 150%;
	}


	.pnl_item_type1a .control{
		float: left;
		width: 100%;
	}

	.pnl_item_type1a .btn_cart{
		float: right;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1a .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1a .btn_detail{
		display: none;
	}
	/*
	####  ######  ######  ##   ##       ######  ##   #  #####   ######         ##    #####   
	 ##     ##    ##      ### # #         ##     ## #   ##   #  ##            ###    ##   #  
	 ##     ##    ####    ## #  #         ##      ##    #####   ####           ##    #####   
	 ##     ##    ##      ##    #         ##      ##    ##      ##             ##    ##   #  
	####    ##    ######  ##    #         ##      ##    ##      ######       ######  #####   

	*/
	.pnl_item_type1b{
		display: inline-block;
		vertical-align:top; 
		width: 100%;
		opacity: 0;
		margin-bottom: 10px;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
	}

	.pnl_item_type1b .frame{
		float: left;
		width: 100%;
		position: relative;
		border: solid rgb(70,70,70) 1px;
		background-color: rgb(241,11,158);
		cursor: pointer;
	}

	.pnl_item_type1b .frame:hover{
		border: solid rgb(241,11,158) 1px;
	}

	.pnl_item_type1b img{
		float: left;
		width: 30%;
	}

	.pnl_item_type1b .price{
		float: left;
		width: 100%;
		font-weight: bold;
		font-size: 150%;
	}

	.pnl_item_type1b .content{
		float: left;
		width: 70%;
		padding: 10px;
		color: rgb(30,30,30);
		font-size: 100%;
		color: rgb(250,250,250);
	}

	.pnl_item_type1b .control{
		float: left;
		width: 100%;
	}

	.pnl_item_type1b .btn_cart{
		float: right;
		font-weight: bold;
		cursor: pointer;
		font-size: 100%;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;

		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
		
	}
	.pnl_item_type1b .btn_cart:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_green_to_pink_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_green_to_pink_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}

	.pnl_item_type1b .btn_detail{
		display: none;
	}
	/*
	  ##    ##   #  ####  ##   ##    ##    ######  ####   ####   ##   #  
	 ## #   ###  #   ##   ### # #   ## #     ##     ##   ##   #  ###  #  
	##   #  ## # #   ##   ## #  #  ##   #    ##     ##   ##   #  ## # #  
	######  ##  ##   ##   ##    #  ######    ##     ##   ##   #  ##  ##  
	##   #  ##   #  ####  ##    #  ##   #    ##    ####   ####   ##   #  
	*/
	.ani_b1_title1{
		/*ANIMATION*/
		-webkit-animation: b1_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle1{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title2{
		/*ANIMATION*/
		-webkit-animation: b1_title2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle2{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle2_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle2_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_title3{
		/*ANIMATION*/
		-webkit-animation: b1_title3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_title3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	.ani_b1_subtitle3{
		/*ANIMATION*/
		-webkit-animation: b1_subtitle3_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b1_subtitle3_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b2_title1{
		/*ANIMATION*/
		-webkit-animation: b2_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b2_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*###########################*/
	.ani_b3_title1{
		/*ANIMATION*/
		-webkit-animation: b3_title1_in 0.5s; /* Chrome, Safari, Opera */
	    animation: b3_title1_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	}
	/*
	##   #  ######  ##   #       ###### #####     ##    ##   ##  ######  
	##  #   ##       ## #        ##     ##   #   ## #   ### # #  ##      
	####    ####      ##         ####   #####   ##   #  ## #  #  ####    
	### #   ##        ##         ##     ##  #   ######  ##    #  ##      
	##   #  ######    ##         ##     ##   #  ##   #  ##    #  ######  
	*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(20%, 0%) rotateX(-90deg); 
        	transform: translate(20%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(0deg); 
        	transform: translate(0%, -100%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle2_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_title3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(0deg); 
        	transform: translate(100%, 0%) rotateX(0deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b1_subtitle3_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(100%, 0%) rotateX(-90deg); 
        	transform: translate(100%, 0%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b2_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, 50%) rotateX(-90deg); 
        	transform: translate(0%, 50%) rotateX(-90deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/*#####################################*/
	/* Chrome, Safari, Opera */
	@-webkit-keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
	/* Standard syntax */
	@keyframes b3_title1_in {
	    from {
	    	opacity: 0;
	    	-webkit-transform: translate(0%, -100%) rotateX(180deg); 
        	transform: translate(0%, -100%) rotateX(180deg);   
	    }
	    to {
	    	opacity: 1;
	    	-webkit-transform: translate(0%, 0%) rotateX(0deg); 
        	transform: translate(0%, 0%) rotateX(0deg);   
	    }
	}
}