@charset "utf-8";
/* CSS Document */

	
	/* common style */
	.col_2{width: 2%;}
	.col_5{width: 5%;}
	.col_10{width: 10%;}
	.col_12{width: 12%;}
	.col_15{width: 15%;}
	.col_30{width: 30%;}
	.col_33{width: 33.333%;}
	.col_35{width: 35%;}
	.col_25{width: 25%;}
	.col_20{width: 20%;}
	.col_40{width: 40%;}
	.col_45{width: 45%;}
	.col_49{width: 49%;}
	.col_50{width: 50%;}
	.col_55{width: 55%;}
	.col_60{width: 60%;}
	.col_65{width: 65%;}
	.col_70{width: 70%;}
	.col_75{width: 75%;}
	.col_80{width: 80%;}
	.col_85{width: 85%;}
	.col_88{width: 88%;}
	.col_90{width: 90%;}
	.col_100{width: 100%;}

	.pad_r_50{padding-right: 50px;}
	.pad_l_10{padding-left: 10px;}
	
	.mar_l_10{margin-left: 10px;}

	.paging_frame{width: 100%}
	.paging_frame .paging{width: 20px; height: 20px; padding-top: 0px; display: table; margin: 0 auto; text-align:center; display: inline-block; font-size:15px;  margin-right: 5px;}
	.paging_frame .paging_over{width: 20px; height:20px; color:#24a867; font-weight:bold;  padding-top: 0px;  display: table; margin: 0 auto;  text-align:center; display: inline-block; font-size:15px;  margin-right: 5px;}
	.paging_frame .paging_no_bg{width: 20px; height: 20px; padding-top: 0px; display: table; margin: 0 auto; text-align:center; display: inline-block; font-size:15px; margin-right: 5px;}
	.paging_frame .paging_no_bg img{margin-top: -7px;}
	.paging_frame .paging a:hover{text-decoration:underline;}
	
	.left{float:left;}
	.right{float:right;}

	.input-text-comment {
		width: 645px;
		height: 48px;
		padding: 5px;
		border: 1px solid #CFCFCC;
		line-height: 18px;
		background-color: #F9FFFF;
		resize: none;
	}
	.white_line{border-bottom: 1px #FFF solid; width:100%}
	.white_border{border: 1px #FFF solid;}
	.grey_border{border: 1px #bababa solid;}
	.dark_grey_border{border: 1px #9d9d9d solid;}
	.black_border{border: 1px #000 solid;}
	.blue_border{border: 1px #676e80 solid;}
	.grey_dot_border{border: 1px #bababa dotted;}
	.grey_bottom_border{border-bottom: 1px #bababa solid;}
	.white_radius_border{border: 1px #FFF solid; border-radius: 5px;}
	.radius_border{border-radius: 5px;}
	
	
	
	.middle_line{background:url(http://www.juicy-group.com/myakyoto/demo/images/product/gret_dot.png); background-repeat:repeat-x; height: 47px; background-position: 0px 22px;}
	.middle_line .share{ width:300px; margin-left:auto; margin-right:auto}
	.middle_line .share .text{padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;}
	
	.grey_line{border-bottom: 1px #bababa solid; width:100%;}
	.grey_2px_line{border-bottom: 2px #bababa solid;}
	.green_4px_line{border-bottom: 4px #60b074 solid;}
	
	.green_font{color:#3ac97a;}
	.dark_green_font{color:#186b5b;}
	.light_grey_font{color: #cdcdcd;}
	.grey_font{color: #58585a;}
	.purple_font{color: #7e318e;}
	
	
	.blue_font{color:#3399cc;}
	.white_font{color:#FFF;}
	.black_font{color:#000;}
	.light_red_font{color:#ff4747;}
	.deep_red_font{color: #ad0a0a;}
	.red_font{color: #F00;}
	.dark_red_font{color:#e70f0f;}
	
	.middle_grey_font{color:#b0b0b0;}
	.light_grey_font{color:#999;}
	.brown_font{color: #663503;}
	.orange_color{color:#f68428;}
	.dark_purple_color{color: #4a002a;}
	.dark_orange_color{color: #9f2d00;}

	.green_bg_color{background-color: #24a867;}
	.light_green_bg_color{background-color:#b9dfcd;}
	.red_bg_color{background-color:#b01e23;}
	.dark_grey_bg_color{background-color:#dbdbdb;}
	.light_grey_bg_color{background-color:#f2e5ff;}
	.light_purple_bg_color{background-color:#f2e5ff;}
	
	.dark_blue_gb_color{background-color:#194f6a;}
	.blue_bg_color{background-color: #3399cc;}
	.light_grey_bg_color{background-color: #f6f6f6;}
	.grey_bg_color{background-color:#212121;}
	.white_bg_color{background-color:#FFF;}
	.orange_bg_color{background-color:#FF8C17;} /*#eca818;}*/
	.pink_bg_color{background-color:#fe7f8a;}
	
	.green_btn_frame{cursor:pointer; background-color: #3ac97a; color:#FFF; text-align:center; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin-left: auto; margin-right: auto; width: 150px;}
	
	.size_9{font-size: 9px; -webkit-transform : scale(0.75); -o-transform : scale(1);}
	.size_10{font-size: 10px; -webkit-transform : scale(0.83); -o-transform : scale(1);}
	.size_11{font-size: 11px; -webkit-transform : scale(0.92); -o-transform : scale(1);}
	.size_12{font-size: 12px;}
	.size_13{font-size: 13px;}
	.size_14{font-size: 14px;}
	.size_15{font-size: 15px;}
	.size_16{font-size: 16px;}
	.size_17{font-size: 17px;}
	.size_18{font-size: 18px;}
	.size_19{font-size: 19px;}
	.size_20{font-size: 20px;}
	.size_21{font-size: 21px;}
	.size_22{font-size: 22px;}
	.size_24{font-size: 24px;}
	.size_25{font-size: 25px;}
	.size_26{font-size: 26px;}
	.size_30{font-size: 30px;}
	.size_32{font-size: 32px;}
	.size_35{font-size: 35px;}
	.size_36{font-size: 36px;}
	.size_45{font-size: 45px;}
	.size_55{font-size: 55px;}
	.size_60{font-size: 60px;}
	
	.line_height_0{line-height:0px;}
	.line_height_n{line-height:normal;}
	.line_height_28{line-height:28px;}
	.line_height_25{line-height:25px;}
	.line_height_23{line-height:23px;}
	.line_height_20{line-height:20px;}
	
	.m_font{font-family: Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu, "新細明體", Arial, sans-serif;}
	.o_font{font-family: 'Oswald', Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu, "新細明體", Arial, sans-serif;}
	.a_font{font-family: Arial, Helvetica, sans-serif;}
	.n_font{font-family: "新細明體", Arial, sans-serif;}
	
	.bold{font-weight:bold;}
	.normal{font-weight:normal;}
	
	.underline{text-decoration:underline;}
	.df_height{height: 15px;}
	.dfs_height{height: 5px;}
	.clear{clear:both;}

	.paging {
		width: 100%;
		height: 38px;
		/*float: right;*/
	}
	.paging_box {
		margin-right: 0.5%;
		padding: 2px 6px;
		/*float: right;*/
		display: inline-block;
		border: 1px solid #e5e5e5;
	}
	
	input {
		border: 1px solid #BBBBBB;
		background: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		/*border-radius: 3px;*/
	}
	
	.image_btn{border: 0px;}
	
	textarea {
		border: 1px solid #BBBBBB;
		background: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	
	.normal_input {
		background: none;
	}
	
	.long_input {width: 400px; height: 25px; padding-left: 10px;}
	.search_input {width: 100px; height: 25px; padding-left: 10px;}
	.edm_input {width: 260px; height: 21px; padding-left: 10px;}
	
	.normal_padding{padding: 10px;}
	.small_padding{padding: 5px;}
	
	.padding_10{padding: 10px;}
	.padding_13{padding: 13px;}
	.padding_20{padding: 20px;}
	.padding_lr_20{padding-left: 20px; padding-right: 20px;}
	
	
	
	.margin_lr_5{margin-left: 5px; margin-right: 5px;}
	.margin_lr_10{margin-left: 10px; margin-right: 10px;}
	.margin_lr_20{margin-left: 20px; margin-right: 20px;}
	.left_margin{margin-left: 5px;}
	.right_margin{margin-right: 5px;}
	.top_margin{margin-top: 10px;}
	
	.tre_font{font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; }
	
	a{color:inherit; text-decoration:none; outline: none;}
	a:hover{color:inherit; text-decoration:underline; outline: none;} /* font-weight:bold; */
	
	img{border: 0px;}
	
	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; /*font-size:inherit; font-weight:normal;*/ }	
	
	button:focus { outline:0 !important; }
	input:focus { outline:0 !important; }
	span:focus { outline:0 !important; }
	
	.show{display:block;}
	.hidden{display:none;}	
	.overflow{overflow:hidden;}	
	.relative{position:relative;}
	.absolute{position:absolute;}
	
	.icon_weather:before {
		font-family: 'MeteoconsRegular';
		content: attr(data-icon);
	}
	.text_center{text-align:center;}
	
	.desktop{display:block;}
	.mobile{display:none;}
	
	form{margin: 0px;}
	

	/* end common style */
	
@media all and (max-width: 960px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
	.size_20{font-size: 12px;}
	h1{font-size: 1rem;}	
}