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

@media (min-width: 1200px) {
	}
@media (max-width: 1200px) {
	.container { width:980px;}
	
	#nav ul li{ padding-left:25px;}
	#nav ul { padding:0 0 0 35px;}
		
	#tagline .leftblk { font-size:16px; padding-right:5px;}
	#tagline .leftblk { padding:45px 20px 45px 0;}
	#tagline .rightblk p { font-size:13px; padding-left:30px;}
	#tagline .seti { position:absolute; right:0; top:-12px;}
	#ourclii .blk_2 { }
	#ourclii .blk_2 img{ height:50px;  margin:20px 0 0 0; padding:0px;}
	
	#footer .block_1 { width:150px;}
	#footer .block_2 { width:450px;}
	#footer .block_3 { width:135px;}
	#footer .block_2A { width:735px;}
	#footer .block_m ul li a { font-size:12px;}
	#footer .block_4 ul li .detail { font-size:12px;}
	
	#footer .logo_foo .l_block_1 img{ margin:0 10px;}
	#footer .logo_foo .l_block_2 img{ margin:0 10px;}
	
	#selectyr .home { padding:35px 0; }
	#selectyr .rightbox_2 { padding-left:30px; }
	#selectyr .rightbox_2 .title_1 h2 { font-size:30px; }
	#selectyr .rightbox_2 .steps ul li { padding-left:22px; }
	#selectyr .rightbox_2 .steps ul li .num { margin-right:5px; }
	#selectyr .rightbox_2 .steps ul li h4 { font-size:12px; }
	
	#selectyr .rightbox_2 .pro_details .pro_details_left { width:390px; }
	#selectyr .rightbox_2 .pro_details .pro_details_tech { width:390px; }
	#selectyr .rightbox_2 .pro_details .pro_details_right { width:250px; }
	#selectyr .rightbox_2 .pro_details .opt_box { padding:15px 10px; }
	#selectyr .rightbox_2 .pro_details .opt_box .lbltxt { font-size:13px; width:118px; }
	#selectyr .rightbox_2 .pro_details .opt_box .sel_box { width:110px; }
	#selectyr .rightbox_2 .pro_details .opt_box .price_include { font-size:12px; }
	#selectyr .rightbox_2 .pro_details .opt_box .cart_btn a { font-size:14px; }
	#selectyr .rightbox_2 .pro_details .box_title h3 { font-size:17px; }
	#selectyr .rightbox_2 .pro_details .opt_box .total_price { background-size:100% auto; width:220px; margin-left:-110px; }
	#selectyr .rightbox_2 .pro_details .opt_box .total_price h3 { line-height:28px; }
	#selectyr .rightbox_2 .pro_details .opt_box .total_price h3 strong { font-size:34px; line-height:28px; }
	#selectyr .rightbox_2 .pro_details .pro_details_right .notice_block { padding-left:10px; }
	#selectyr .rightbox_2 .pro_details .pro_details_tech h1 { font-size:27px; line-height:35px; }
	#selectyr .rightbox_2 .pro_details .pro_details_tech .buss_btns a { margin-right:10px; width:190px; padding-left:65px; background-position:10px 8px !important; font-size:14px; }

	#type_testi #testi { padding-left:30px; padding-bottom:30px;}
	#type_testi #testi .block_1 p { font-size:15px;}
	
	#selectyr .rightbox_2 .row_1 { margin-left:-20px; }
	#selectyr .rightbox_2 .blk_1 h3 { font-size:16px; }
	#selectyr .rightbox_2 .blk_1 p { font-size:15px; }
	#selectyr .rightbox_2 .blk_1 { width:300px; }
	#selectyr .rightbox_2 .block_2 .detail h2 { line-height:40px; font-size:30px;}

}
@media (min-width: 992px) {
	#nav ul.done { display:block !important;}
	}
@media (max-width: 992px) {
	
	.container { width:750px;}
	#nav { height:75px; margin:0px 0px 0px 0px;  }
	#nav .nav  { top:-6px; }
	#nav .logo{ width:250px; position:relative; z-index:111; margin:0 0 px 0;}
	#nav .logo .tag {left:87px; top:48px; font-size:0.525rem; color:#696969;}
	#nav .logo .bg_1 { background-size:100% 99%; top:-32px; width:116px; height:141px; z-index:111;}
	#nav .logo a{ margin:7px 0 0 22px;}
	#nav .month_res { display:none;}
	#nav ul li{ margin-top:8px;}
	#nav ul li a { line-height:62px;}
	
	#tagline .leftblk { padding:45px 20px 45px 0;}
	#top_line a.empri { position:absolute; right:0; bottom:-110px; border:none; z-index:11111;}
	
	#top_line .rbox { position:relative; padding-right:40px; }
	
	#banner .block_1 h1 { font-size:35px; line-height:35px;}
	#banner .block_1 p { font-size:18px; line-height:28px;}
	
	#selectyr .leftbox{ width:300px;}
	#selectyr .rightbox .block_1 { padding:0 0 20px 15px;}
	#selectyr .rightbox_2 .block_1 { padding:0 15px 20px 0;}
	#selectyr .rightbox .blk_1 h3 { font-size:17px;}
	#selectyr .rightbox .row_1{ margin-left:-15px;}
	#selectyr .rightbox_2 .title_1 h1{ font-size:24px;}

	#type_testi #type { width:100%; padding-right:0;}
	#type_testi #testi{ width:100%; padding-left:0;}
	#type_testi #type .bg_1{ right:-1000px;}
	#type_testi #type h2 { position:relative; z-index:1;}
	#type_testi #type .list_1 { position:relative; z-index:1;}
	
	#ourclii .blk_2 img {  height:45px }
	#ourclii .blk_1 { font-size:16px; padding:0;}
	
	#footer .logo_foo .l_block_1 { width:44%;}
	#footer .logo_foo .l_block_1 img{ margin:0 9px;}
	#footer .logo_foo .l_block_2 { width:44%;}
	
	#selectyr .rightbox_2 .block_1 { }
	#selectyr .rightbox_2 .block_2 .icon_1 { float:none; margin:0 auto;}
	#selectyr .rightbox_2 .block_2 .detail h2 { line-height:40px; font-size:24px;}
	
	#selectyr .rightbox_2 .steps ul li { padding-left:25px; }
	#selectyr .rightbox_2 .steps ul li .num { width:25px; height:25px; line-height:25px; font-size:13px; margin-top:5px; }
	#selectyr .rightbox_2 .steps ul li h4 { font-size:10px; line-height:normal; }
	#selectyr .rightbox_2 .pro_details .pro_details_left { width:100%; float:none; margin:0 0 30px 0; }
	#selectyr .rightbox_2 .pro_details .pro_details_tech { width:100%; float:none; margin:0 0 30px 0; }
	#selectyr .rightbox_2 .pro_details .pro_details_right { width:100%; float:none; }
	#selectyr .rightbox_2 .pro_details .opt_box { padding-top:32px; }
	#selectyr .rightbox_2 .pro_details .opt_box .lbltxt { width:50%; }
	#selectyr .rightbox_2 .pro_details .opt_box .sel_box { width:50%; }
	

	.hide_mob { display:none !important; }
	.desktop_hide { display:block !important; } 
	#selectyr .rightbox_2 .pro_details .pro_details_right { display:block; }
	#selectyr .rightbox_2 .pro_details .pro_details_right .notice_block { margin-bottom:30px; }
	
	/*
	#top_line .month { display:block; position:absolute; left:0; top:0;}
	#top_line a.empri { white-space:nowrap; bottom:-140px;}
	*/

	#selectyr .rightbox_2 .row_1 { margin-left:-10px; }
	#selectyr .rightbox_2 .blk_1 h3 {  min-height:57px; }
	#selectyr .rightbox_2 .blk_1 p { font-size:15px; }
	#selectyr .rightbox_2 .blk_1 { padding:0 10px 20px; }
	
	#inbanner h1 { font-size:36px; margin-top:60px;}
	
	#selectyr .shopingcart .cart_tbl table tr th { padding:10px 5px; font-size:15px; }
	#selectyr .shopingcart .cart_tbl table tr td { padding:10px 5px; font-size:14px; }
	#selectyr .shopingcart .btns .calculate_btn { right:10px; font-size:14px; }
	.wide #selectyr .leftbox.inner { width:100%; float:none; display:none; }
	.wide #selectyr .rightbox_2 { margin-left: 0px; padding-left:10px; border:0;}
	.wide #top_line .rbox a.pro_menu_btn  { display:block; margin-top:-38px;}


}
@media (min-width: 767px) {
	
}
@media (max-width: 767px) {
	
	html { overflow-x:hidden;}
	
	.container { width:100%; padding:0 15px;}
	
	#nav .nav { float:right; margin:0 0 0 0; position:absolute; top:-43px; right:10px; }
	#nav .nav a.menu_res { display:block; padding:1px 6px 6px; border-radius:4px;}
	#nav ul { display:none; position:absolute; right:0; top:100%; float:none; background:#96c940; margin:0; padding:0; width:200px; z-index:11111;}
	#nav ul li { padding:0; margin:0; float:none;}
	#nav ul li a { float:none; height:auto; line-height:normal; color:#fff; padding:5px 10px;}
	#nav ul li a:hover, #nav ul li a.active { color:#fff; background:rgba(0,0,0,0.3);}

	#nav { height:75px; margin:0 0 94px 0;  }
	#nav .nav  { top:-76px; }
	#nav .logo{ width:250px; position:relative; z-index:111; margin:0 0 8px 0;}
	#nav .logo .bg_1 { background-size:100% 99%; top:-32px; width:116px; height:141px; z-index:111;}
	#nav .logo a{ margin:7px 0 0 22px;}
	
	#nav .month{ width:50%;}
		
	#nav a.empri { display:block; float:left; width:50%; margin:30px 0 0 0; border:none; line-height:normal;}
	#nav .month_res { width:auto; float:none; border-bottom:solid 1px #d2d2d1; margin:0 -15px 0; overflow:hidden; clear:both; box-shadow:0 2px 2px rgba(0,0,0,0.1) inset; padding-bottom:20px; background:#eeeeee;}

	#banner { box-shadow:none; display:none; }
	
	
	#tagline { display:block; margin-top:35px;}
	#tagline .leftblk { width:100%; float:none; padding: 10px 0px 0px 15px;}
	#tagline .leftblk .bg_1 { right:-100px;}
	#tagline .leftblk h1 { position:relative; z-index:11; text-align:center; font-size:18px; display:block; float:none;}
	/*#tagline .leftblk .arrow_1 { height:18px; width:120%; top:auto; bottom:-18px; background:url(../images/d_arrow_1.png) no-repeat center; background-size:100% 100%; float:none;}*/
	#tagline .leftblk .arrow_1 { background:url(../images/d_arrow_3.png) no-repeat center; width:auto; left:-15px; right:-15px; top:auto; width:auto; bottom:-22px; height:22px; background-size:100% 100%;}

	#tagline .seti { display:none;}
	#tagline .rightblk { display:none;}
	
	#selectyr { background:#f8f8f8; padding:20px 0 0 0; border-bottom:solid 1px #e0e0e0;}
	#selectyr.home .rightbox { padding:30px 0 0 0;}
	#tagline .rightblk p { padding:0 150px 0 0; text-align:center; font-size:16px;}
	#tagline .seti { top:auto; bottom:-40px;}
	#tagline .rightblk { padding-bottom:50px;}
	

	#selectyr .title_1 { text-align:left;}
	#selectyr .title_1 h2 { font-size:18px; padding-left:0; display:inline; text-align:left;}

	#selectyr .title_1 .line_1 { display:none;}
	#selectyr .title_1 .line_2 { width:100%;}
	#selectyr .leftbox{ width:100%; float:none;}
	#selectyr .leftbox ul li a{ font-size:15px;}
	#selectyr .rightbox .row_1 { margin:0;}
	#selectyr .rightbox .block_1 { float:none; padding:0 0 20px 0; margin:0 15px; width:auto;}
	#selectyr .rightbox_2 .block_1 { float:none; padding:0 0 20px 0; margin:0 15px; width:auto;}
	
	#selectyr.home { padding:35px 0; }
	#selectyr.home .leftbox { overflow:hidden;}
	#selectyr .leftbox ul { overflow:hidden;}
	#selectyr .leftbox ul li { float:left; width:50%; padding-right:15px;}
	
	#banifit .title_1 { text-align:left;}
	#banifit .title_1 h2 { font-size:18px; padding-left:0; display:inline; text-align:left;}
	#banifit .title_1 .line_1 { display:none;}
	#banifit .title_1 .line_2 { width:100%;}
	
	#type_testi #testi h2 { font-size:18px; }
	#testi_main .title_1 { text-align:left;}
	#testi_main .title_1 h2 { font-size:18px; padding-left:0; display:inline; text-align:left;}
	#testi_main .title_1 .line_1 { display:none;}
	#testi_main .title_1 .line_2 { width:100%;}

	
	#banifit .row_1 { margin:0;}
	#banifit .block_1 { width:auto; max-width:320px; margin:0 auto 30px; padding:0; float:none;}
	
	#type_testi #type h2 { font-size:18px;}
	/*
	#type_testi #type .list_1 ul li span { width:50px; height:50px; background-size:100% auto}
	#type_testi #type .list_1 ul li span.icon_1 { background-position:0 0;}
	#type_testi #type .list_1 ul li span.icon_2 { background-position:0 -50px;}
	#type_testi #type .list_1 ul li span.icon_3 { background-position:0 -100px;}
	#type_testi #type .list_1 ul li span.icon_4 { background-position:0 -150px;}
	#type_testi #type .list_1 ul li span.icon_5 { background-position:0 -200px;}
	*/
	
	#ourclii .blk_1 { width:100%; float:none; font-size:20px; text-align:center; line-height:normal; padding:20px 0 0 0; margin-bottom:10px;}
	#ourclii .blk_1 .arrow_1 { background:url(../images/d_arrow_2.png) no-repeat center; width:auto; left:-15px; right:-15px; top:auto; width:auto; bottom:-22px; height:22px; background-size:100% 100%;}
	#ourclii .blk_2 img { }
	#footer .block_1 { width:50%;}
	#footer .block_2 { width:50%;}
	#footer .block_2 ul.hidden_xs { display:none;}
	#footer .block_2A {width:100%;}
	#footer .block_m ul li a { font-size:14px;}
	#footer .block_2 ul{ float:none; width:auto;}
	#footer .block_3 , #footer .block_4{ width:50%; margin-top:0px;}
	#footer .block_4 ul li .detail { font-size:14px;}
	#footer .logo_foo .l_block_1 { width:100%; float:none; margin-bottom:10px;}
	#footer .logo_foo .icon_1 { position:relative; left:auto; top:0; text-align:center; width:auto; height:auto; display:inline-block; vertical-align:top;}
	#footer .logo_foo .icon_1 span { margin:0 auto; width:50px; height:50px; background-size:cover;}
	#footer .logo_foo{ text-align:center;}
	#footer .logo_foo .l_block_2 { width:auto; display:inline-block; vertical-align:top; float:none;}
	
	#footer .copyright .c_block_2{ text-align:center; float:none; font-size:0;}
	#footer .copyright .c_block_2 ul { display:inline-block; vertical-align:top; float:none;}
	#footer .copyright .c_block_1 { display:block; float:none; width:auto; margin:15px 0 0 0; text-align:center;}
	#footer .copyright .c_block_1 .logo { float:none; display:inline-block;}
	
	#banner .block_1 { width:100%; height:auto; padding:50px 0;}
	#banner .block_2 { width:100%; height:auto;}
	#banner .block_2 .image_1 { position:relative; bottom:auto; right:auto;}
	
	#top_line { padding-bottom:40px;}
	
	#top_line .callbox { font-size:14px; padding:0; margin:0px -6px 0px 0px; border:none; position:absolute; top:100%; right:0;}
	#top_line a.mycart { width:180px; font-size:13px; margin-bottom:5px; }
	#top_line a.mycart { margin-left:0; }
	#top_line .sebox { width:180px; float:none; }
	#top_line .sebox .textbox_1 { margin-bottom:5px;}
	#top_line .rbox a.pro_menu_btn  { display:block; }
		
	#selectyr {margin:20px 0px 0px 0px;}
	#selectyr .rightbox_2 .block_2 .icon_1 { float:none; margin:0 auto;}
	
	#selectyr .rightbox_2 .row_1 { margin:0;}
	
	#selectyr .rightbox_2 .block_2 .detail h2{ font-size:18px; line-height:22px;}
	
	#selectyr .rightbox_2 { border-left:none; padding:20px 0 0 0;  margin:0 0 0 0; }
	
	#inbanner { display:none; }
	#inbanner h1 { text-align:center; font-size:20px; float:none; margin:0; padding:10px 0 0 0;}
	#inbanner .image{ float:none; text-align:center; padding:20px 0 0 0;}
	#inbanner .image img { max-width:100%;}
	
	#selectyr .leftbox.inner { width:100%; float:none; display:none; }
	
	.home #selectyr .leftbox.inner { display:block !important; }
	#selectyr .rightbox_2 .title_1 h2{ font-size:18px;}
	#selectyr .rightbox_2 .title_1 h1{ font-size:18px; line-height:20px;  padding-left:0;}
	
	#selectyr .shopingcart .btns .calculate_btn { position:relative; top:auto; right:auto; display:inline-block; vertical-align:top; margin:10px 0 0 0; } 
	
	#selectyr .rightbox_2 .blk_1 h3 {min-height:10px; }
	#selectyr .rightbox_2 .blk_1 p { font-size:15px; }
	
	
	/*
	.hide_mob { display:none !important; }
	.desktop_hide { display:block !important; } 
	#selectyr .rightbox_2 .pro_details .pro_details_right { display:none; }
	#selectyr .rightbox_2 .pro_details .pro_details_right .notice_block { margin-bottom:30px; }
	*/
	
	#top_line .month { display:block; position:absolute; left:0; top:0;}
	#top_line a.empri { white-space:nowrap; bottom:-140px;}
	

	/*
	#selectyr .rightbox_2 .steps ul li { width:auto; float:none; margin:0 17px 0 0; }	
	#selectyr .rightbox_2 .steps ul li h4 { font-size:14px; line-height:18px; }
	#selectyr .rightbox_2 .steps ul li .num { width:36px; height:36px; line-height:34px; font-size:20px; margin:0 10px 0 0; }
	#selectyr .rightbox_2 .steps ul li::before { border-color:transparent !important;}
	#selectyr .title_1 h2 { line-height:normal;}
	*/
	.wide #top_line .rbox a.pro_menu_btn  {margin-top: 0;}
	#nav { margin-bottom:0;}
	
}
@media (max-width: 640px) {
	#selectyr .leftbox ul li a { font-size:12px;}
}
@media (max-width: 480px) {
	
	
	#top_line a.empri { display:block;}
	/*#top_line .month { display:none;}*/
	#selectyr .rightbox_2 .title_1 .line_2 { display:none;}
	#top_line .month span { font-size:13px;}
	#top_line .month strong { font-size:10px;}
	
	#footer .block_2A {width:480px;}
	#footer .block_m ul li a { font-size:12px;}	
	
	/*
	#tagline { display:block; margin-top:35px;}
	#tagline .leftblk { width:100%; float:none; padding: 5px 0px 5px 15px;}
	#tagline .leftblk .bg_1 {  right:-100px;}
	#tagline .leftblk h1 { position:relative; z-index:11; text-align:center; font-size:18px; display:block; float:none;}	
	#tagline .leftblk .arrow_1 { height:13px; left:0; right:0; bottom:-12px; background:url(../images/bottom_arr.png) no-repeat center; background-size:100% 100%; width:auto; }
	#tagline .rightblk { padding-bottom:0px;}
	#tagline .rightblk { display:none;}
	#tagline .seti { display:none;}
	*/
	#selectyr {padding:0px 0px 0px 0px;}
	#selectyr .rightbox_2 {margin:0px;}

	#selectyr .rightbox_2 .pro_details {padding:0px;}
	#selectyr .rightbox_2 .pro_details .pro_details_tech .buss_btns a { float:none; margin:0 auto 10px !important; }
	
	#selectyr .shopingcart .cart_tbl { overflow-x:auto; }
	#selectyr .shopingcart .cart_tbl table { width:480px; }
	#selectyr .shopingcart .features .free_shiping .icon { width:80px; margin-right:10px; }
	
	#selectyr .rightbox_2 .delivery_m .deli_box_1 .col_1 { width:100%;}
	#selectyr .rightbox_2 .delivery_m .deli_box_2 .col_1 { width:100%;}
	#selectyr .rightbox_2 .delivery_m .deli_box_1 h6, #selectyr .rightbox_2 .delivery_m .deli_box_2 h6 { font-size:14px;}
	
	#top_line .sebox { width:180px; }
	#top_line .rbox { padding-right:40px; }
	#top_line a.mycart { width:180px; font-size:13px; padding-left:40px; background-position:9px center; }
	#nav .nav { right:5px; }
	
	#selectyr .leftbox ul li { float:none; width:auto;}
	#selectyr .leftbox ul li a { font-size:15px;}
	#testi_main { padding:10px 0px 10px 0px;}

	#selectyr .rightbox_2 .steps { display:none;}
	/*
	#selectyr .rightbox_2 .steps ul li { width:auto; float:none; margin:0 17px 0 0; }	
	#selectyr .rightbox_2 .steps ul li h4 { font-size:14px; line-height:18px; }
	#selectyr .rightbox_2 .steps ul li .num { width:36px; height:36px; line-height:34px; font-size:20px; margin:0 10px 0 0; }
	#selectyr .rightbox_2 .steps ul li::before { border-color:transparent !important;}
	#selectyr .title_1 h2 { line-height:normal;}
	*/
	
}
@media (max-width: 360px) {
	#top_line .month { display:none;}
	#top_line a.empri{ left:65px; font-size:14px;}
	#selectyr .rightbox_2 .blk_1 { width:260px; }
	/*#top_line .callbox { left:45px; }*/
	#selectyr .title_1 h2 { font-size:16px; padding-left:0; display:inline; text-align:left;}
	#selectyr .title_1 .line_2 { display:none; width:0px;}
	.container { width:100%; padding:0 10px;}
}
@media (min-width: 300px) {
	}
@media (max-width: 300px) {
	
	.container { width:300px;}
	}