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

	body{margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size:14px; font-family: "微軟正黑體",  Microsoft JhengHei, LiHei Pro, "儷黑體", PMingLiu, "新細明體", Arial, sans-serif; color: #FFF; background-color:#FFF;} 
	
	
	html{overflow-x: hidden;}
	
	/* header */
	.header_frame{width: 100%; height:123px; background-color:#335182;}
	.header_frame .logo{margin-top: 27px;}
	.header_frame .item{margin-top: 51px; margin-right: 47px;}
	.header_frame .item:hover{color:#FFEA00;}
	
	/* main content */
	.main_container{width: 1210px; margin-left:auto; margin-right:auto;}	
	
	
	.main_container .main_event_frame{}
	.main_container .main_event_frame .event_frame{ width: 214px; margin-left: 15px; margin-right: 15px; margin-bottom: 20px;}
	.main_container .main_event_frame .event_frame .img_pad{padding: 5px;}
	
	
	.main_container .header_title{background:url(images/line_bg.png); background-repeat:repeat-x; background-position-y: 5px; height:22px;}
	.main_container .header_title .text{width: 8%; background-color:#FFFFFF;}
	.main_container .header_title .text2{width: 13%; background-color:#FFFFFF;}
	
	
	.main_container .product_frame{width: 379px; height: 279px; margin-left: 12px; margin-right: 12px; margin-bottom: 60px;}
	.main_container .business_frame{margin-left:auto; margin-right:auto;}
	.main_container .business_title{top: 42%;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;}
	
	.main_container .btitle_1{width:220px;}
	.main_container .btitle_2{width:275px;}
	.main_container .btitle_3{width:275px;}
	.main_container .btitle_4{width:220px;}
	.main_container .btitle_5{width:385px;}
	
	.main_container .btn{width: 125px; height: 35px; background-color:#335182;  color:#FFFFFF; font-size: 16px; padding-top: 15px; margin-right: 10px; text-align:center; cursor:pointer;}
	.main_container .btn_over{width: 125px; height: 35px; background-color:#f7b20f;  color:#000; font-size: 16px; padding-top: 15px; margin-right: 10px; text-align:center; cursor:pointer;}
	.main_container .textarea{margin: 0px; width: 396px; height: 100px;}
	.main_container .input{height: 26px;}
	
	.event_slide_image{cursor:pointer; width: 379px; margin-top: -38px;}
	
	#topcontrol{z-index:10000;}
	
	.html5-videos2{height: 210px; overflow:hidden;}
	.left_arrow {
		top: 44%;
		left: 0px;
		z-index: 102;
		cursor: pointer;
	}
	
	
	.right_arrow {
		top: 44%;
		right: 0px;
		z-index: 102;
		cursor: pointer;
	}
	
	
	.lg-actions .lg-next, .lg-actions .lg-prev{ background-color:#f7b20f !important; color:#000 !important;}

	.events-pager span {
		font-size: 56px;
		width: 20px;
		height: 14px;
		display: inline-block;
		color: #2e405d;
		cursor: pointer;
	}

	.events-pager {
		text-align: center;
	}

	.events-pager span.cycle-pager-active {
		color: #f7b20f;
	}

	#index-pager{bottom: 20px; left: 30%; right: 30%; z-index:200;}
	#index-pager span { font-size: 60px; width: 20px; height: 14px; display: inline-block; color: #a2a2a2; cursor:pointer; }
	#index-pager span.cycle-pager-active { color: #7e318e;}

	#index-pager .page{display:inline-block; background:url(./images/blue_btn.png); background-repeat:no-repeat; width:  19px; height: 19px; cursor:pointer; margin-left:2px; margin-right: 2px;}
	#index-pager .cycle-pager-active{display:inline-block; background:url(./images/orange_btn.png); background-repeat:no-repeat; width: 19px; height: 19px; cursor:pointer;margin-left:2px; margin-right: 2px;}
	
	
	
	/* footer */
	.footer_frame{ background-color:#e3e3e3; width: 100%; height: 259px;}
	.footer_frame .contact{margin-top: 53px;}
	.footer_frame .copyright{margin-top: 17%;}
	
	.more_btn{cursor:pointer;}
	
	/* common style */
	.col_2{width: 2%;}
	.col_3{width: 3%;}
	.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_22{width: 22%;}
	.col_26{width: 26%;}
	.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_74{width: 74%;}
	.col_80{width: 80%;}
	.col_85{width: 85%;}
	.col_88{width: 88%;}
	.col_78{width: 78%;}
	.col_90{width: 90%;}
	.col_95{width: 95%;}
	.col_97{width: 97%;}
	.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: 26px; height: 20px; color:#ff931e; 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_over{width: 26px; height:20px; color:#000;   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: 26px; 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;}
	.orange_border{border: 1px #ff9625 solid;}
	
	
	.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;}
	.grey_2px_line{border-bottom: 2px #bababa solid;}
	.green_4px_line{border-bottom: 4px #60b074 solid;}
	.yellow_2px_line{border-bottom: 2px #ffd200 solid;}
	.blue_7px_line{border-bottom: 7px #5b66ff solid;}
	.blue_5px_line{border-bottom: 7px #7291c5 solid;}
	
	
	.green_font{color:#3ac97a;}
	.dark_green_font{color:#186b5b;}
	.light_grey_font{color: #cdcdcd;}
	.grey_font{color: #58585a;}
	.purple_font{color: #7e318e;}
	
	.grey2_font{color:#464646;}
	.yellow_font{color:#e3e727;}
	.blue_font{color:#335182;}
	.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:#ff931e;}
	.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:#5b96ff;}
	.light_grey_bg_color{background-color: #f6f6f6;}
	.grey_bg_color{background-color:#f2f2f2;}
	.white_bg_color{background-color:#FFF;}
	.orange_bg_color{background-color:#FF8C17;} /*#eca818;}*/
	.pink_bg_color{background-color:#fe7f8a;}
	.yellow_bg_color{background-color:#ffd200;}
	.black_bg_color{background-color:#000;}
	
	.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: 10px;}
	.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;}
	
	.left_25{left: -25px;}
	
	.margin_lr_5{margin-left: 5px; margin-right: 5px;}
	.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 */