/* BASIC css start */
body {
	height:auto;
}

a:hover { text-decoration: none; }
a:link, a:visited {
    color: #5e5e5e;
    text-decoration: none;
}
.vd { max-height:600px; }

.row {
	margin:0;
	padding:0;
}
.min_w {
	min-width:1024px !important;
}
.container {
	position:relative;
	max-width:1024px;
	margin:0px auto 50px auto;
	min-height:850px;
	padding:0;
}
.all_height-center {
	position:absolute;
	top:50%;
	margin-top: -10%;
}
.height-center {
	position:absolute;
	top:50%;
	margin-top: -10%;
	left:50%;
	margin-left:-25%;
}
.height-center_100x100 {
	position:absolute;
	top:50%;
	margin-top: -45px;
	left:50%;
	margin-left: -45px;
}
.line_bold {
	border-bottom: 3px solid #757575;
}

.main_copy {
    font-size: 45px;
    line-height: 55px;
    letter-spacing: -4px;
	font-weight:200;
}
.sub_copy {
    font-size: 15px;
    line-height: 50px;
    letter-spacing: -1px;
    color: #8a8a8a;
    font-weight:400;
}
#section3 .sub_copy, #section4 .sub_copy {
	line-height:18px; letter-spacing: -1px;
} 
#section3 .emp { color:#3e3e3e; }

.bg {
	position:relative;
	overflow:hidden;
    background-image:url('/design/todamdak/PC/img/bg.jpg');
    background-position:0 -60px;
}

/*top main visual slides start*/
/* #section1 => todamdak/index, todamdak/shop/index */
#section1 {
	height:100%; /*background-color: black;*/ overflow:hidden;
	/*in-width:1024px !important;*/
}
#section1 .slogan {
	position:absolute; top:300px; left:50%; z-index:999;
	width:320px; color:white; text-align:center;
	margin-top:-100px; margin-left:-160px;
}
#section1 .slogan p {}
#section1 .slogan .sub { color:white; }
#section1 #jssor_1 {
	/*position: relative; top: 0px; left: 0px; width: 1920px; height: 680px; overflow: hidden; visibility: hidden; margin: 0 auto;*/
	width: 1920px; height: 680px;
}
#section1 .slide {

}




#section1 .slide_img { /*display: none;*/ }
	.slide img {
		height:680px !important; width:100% !important;
	}

.scroll {
	position:absolute; bottom:10%; width:120px; text-align:center;
}
.scroll img {
	position:relative; width:120px; text-align:center; margin:0 auto;
}
.shopingm {
	display:none; position:absolute; bottom:25%; margin-left:-120px;
}

.jssorb05 { position: absolute; }
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px; height: 16px;
    background: url('/design/todamdak/PC/img/b05.png') no-repeat; overflow: hidden; cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
*/
.jssora22l, .jssora22r {
    display: block; position: absolute;
    /* size of arrow element */
    width: 40px; height: 58px; background: url('/design/todamdak/PC/img/a22.png') center center no-repeat;
    overflow: hidden; cursor: pointer;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -88px -32px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -208px -32px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -328px -32px; }
/*top main visual slides end*/

.section2, .section3, .section4 { position:relative; z-index:20; margin-bottom: 100px; }






.section2_font {
	text-align:center; color:#636363;  padding:30px 0;
}

.section2_3box {
	position:relative;
	max-width:1024px;
	margin:0 auto;
}

.box1, .box2, .box3 {
	margin:0 auto;
	margin-top:20px !important;
	max-width:350px;
}
.box1 .box_top {
    background-image:url('/design/todamdak/PC/img/dakType00.jpg');
    /*background-position:-40px center; background-size:145% 100%;*/
    background-size:cover;
}
.box2 .box_top {
    background-image:url('/design/todamdak/PC/img/dakType01.jpg');
    /*background-position:-100px center;
    background-size:150% 100%;*/
    background-size:cover;
}
.box3 .box_top {
    background-image:url('/design/todamdak/PC/img/dakType02.jpg');
    /*background-position:-80px center;
    background-size:160% 100%;*/
    background-size:cover;
}
.box {
	padding:5px;
}
.box_top {
	height:258px;
	overflow:hidden;
}
.box_top img {
	margin:0 auto;
	width:470px;
}
.box_bottom {
	height:179px;
	background-color:rgba(0,0,0, 0.6);
	padding:5px 20px;
	color: #dddddd;
}
.box3_font1 {
    text-align: center;
    font-size: 25px;
    letter-spacing: -2px;
    line-height: 60px;
    color: #dddddd;
    font-weight:400;
}
.box3_font2 {
	color:#909090;
	letter-spacing: -1px;
	font-size:15px;
	font-weight:400;
}
.box3_font3 {
	color:white;
	letter-spacing: -1px;
	font-size:18px;
	font-weight:300;
}

.section3_font {
	text-align:center; 
	color:#636363; 
}
.section3_box {
	position:relative;
	max-width:1024px;
	margin:0 auto;
	text-align: center;
}
.section3_box > div{display:inline-block;}
.section3_box a:hover{
	text-decoration: none;
}
.hashboxi {
	width:250px;
	height:250px;
	margin:0 auto;
	overflow:hidden;
}
.hashbox {
	padding:3px;
}
.hashbox_in {
	width:100%;
	height:100%;
}
.hashbox_in1 {
	background-image:url('/design/todamdak/PC/img/insta_img00.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in2 {
	background-image:url('/design/todamdak/PC/img/insta_img01.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in3 {
	background-image:url('/design/todamdak/PC/img/insta_img02.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in4 {
	background-image:url('/design/todamdak/PC/img/insta_img03.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in5 {
	background-image:url('/design/todamdak/PC/img/insta_img04.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in6 {
	background-image:url('/design/todamdak/PC/img/insta_img05.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in7 {
	background-image:url('/design/todamdak/PC/img/insta_img06.jpg');
	background-size:contain;
	background-position:center;
}
.hashbox_in8 {
	background-image:url('/design/todamdak/PC/img/insta_img07.jpg');
	background-size:contain;
}

.wh_full {
	width:100%;
	height:100%;
}
.wh_50 {
	width:50%;
	height:50%;
}
.section4 {
}
.circle_wrap {
	/*margin:15px;*/
	float:left;
	padding:15px;
}
.circle {
    border-radius: 50%;
    color: white;
    min-width: 60px;
    min-height: 60px;
    padding:15% 10%;
}

#customer-service { display: flex; width: auto; justify-content: center; flex-flow: row wrap; }

/**/
.section5 {
	background: url('/design/todamdak/PC/img/section5_info.jpg');
	background-size:100% auto;
	height: auto;
	padding:50px 0;
}
#shop-info .row {
	text-align:left; border-bottom: 1px solid #757575;	
}
#shop-info .col-sm-4 .row div { float: left; padding:15px 15px 0 0; }
#shop-info .col-sm-4 .row .f_22 { color:#990000; }
#shop-info .col-sm-8 { float: left; }
#shop-info .col-sm-8 .media_f_font { padding: 9px 0; }
#shop-info .f_m_font p { margin-top: 4px; }

#shop-info .col-sm-8 .section5_font3 { padding: 10px 0; }
#shop-info .col-sm-8 .row > div {
	float: left;
}


.section5_font1 {
	line-height:55px; 
	font-size:40px; 
	font-weight: 300;
	letter-spacing: -3px; 
	color:white;
}
.section5_font2 {
	color:white; font-size:30px; letter-spacing: -5px; line-height:30px; 
}
.section5_font2 .tel { letter-spacing: -0.08em; }
.section5_font2_tong {
	line-height:30px; 
	font-size:31px; 
	letter-spacing: -2px; 
	color:white;
}
.section5_font3 {
	font-size:16px; 
	letter-spacing: -1px; 
	color:#dddddd;
	vertical-align:bottom;
}
.section5_box {
	width:auto;
	max-width:1024px;
	background-color:rgba(0,0,0, 0.7);
	height:auto;
	padding:38px 38px;
}
.yachae {
	position:absolute; right:-150px; top:1200px;
}
.juguk {
	position:absolute; left:-300px; top:1950px; z-index:0;
}



.info { font-weight: 600; }
.btn_wine {
	width:134px;
	height:44px;
	text-align:center;
	background-color:#990000;
	color:white;
	padding:10px;
	float:left;
}
.btn_wine2 {
	width:240px; height:44px;
	background-color:#990000; color:white !important; text-align:center;
	padding-top:13px;
	float:left;
}
.btn_wine:nth-child(2) {
	margin-left:10px;
}
.no-border {
	border:none !important;
}
.border_right {
	border-right:1px solid #d7d7d7;
}
.border_bottom {
	border-bottom:1px solid #d7d7d7;
}
.border_bottoms {
	border-bottom:2px solid #d7d7d7;
}



.t_btn {
  display: inline-block;
  padding: 12px 35px;
  /*padding-top: 7px;*/
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #5e5e5e;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #d1dade;
  background-image: none !important;
  border: none;
  text-shadow: none;
  box-shadow: none;
  transition: all 0.12s linear 0s !important;
}
.t_btn_md {
	padding: 7px 17px;
	padding-top: 5px;
}
.t_btn_sm {
	padding: 5px 12px;
	padding-top: 5px;
}
.t_btn_wine {
	background: #9a0000;
	color:white;
}
.t_btn_bgray {
	background: #454545;
	color:white;
}
.t_btn_none {
	background:none;
	border:1px solid #ddd;
}
.t_btn_none_sky {
	background:none;
	border:1px solid #99bac9;
	color:#99bac9;
}
.border_t5 {
	border-top:5px solid #aec0ca;
}
.border_b5 {
	border-bottom:5px solid #aec0ca;
}
.border_gry {
	border-top:5px solid #565656;
	border-bottom:5px solid #565656;
}
.border_b1 {
	border-bottom:1px solid #b3b3b3;
}
.border_t1_j {
	border-top:1px solid #b3b3b3;
}
.border_t2_j {
	border-top:2px solid #ddd;
}
.border_t1_y {
	border-top:1px solid #dadada;
}
.border_r1_j {
	border-right:1px solid #b3b3b3;
}
.border_l1_j {
	border-left:1px solid #b3b3b3;
}
.num_blue {
	color:#509bba;
	font-size:25px;
	letter-spacing: -1px;
}
.f_12 {
    font-size: 12px;
    letter-spacing: -1px;
}
.f_14 {
    font-size: 14px;
    letter-spacing: -1px;
}
.f_16 {
    font-size: 16px;
    letter-spacing: -1px;
}
.f_18 {
    font-size: 18px;
    letter-spacing: -1px;
}
.f_22 {
    font-size: 22px;
    letter-spacing: -1px;
}
.f_25 {
    font-size: 25px;
    letter-spacing: -1px;
}
.pd_t25 {
	padding:25px 0 !important;
}
.pd_t15 {
	padding:15px 0;
}
.pd_15 {
	padding:15px !important;
}
.pd_10 {
	padding:10px !important;
}
.pd_5 {
	padding:5px !important;
}
.pd_3 {
	padding:3px !important;
}
.pd_bo_10{
	padding:0 10px;
}
.pd_bo_20{
	padding:0 20px;
}
.pd_bo_30{
	padding:0 30px;
}
.pd_bo_40{
	padding:0 40px;
}
.tb_title_font {
	color: #494949;
}
.oddr_num_font {
    color: #6d6c6c;
}
.section_title_font {
	color:#658c9e;
}    
.price_font {
    color: #c50202;
}
.white_font {
	color: #fff !important;
}
.blue_font {
	color: #509bbe;
}
.wine_font {
	color: #9a0000;
}
.bg_c_sky {
	background:#ecf4f7;
}
.bg_c_white {
	background:#white !important;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}






/*media query start*/
@media screen and (max-width:400px) {
	.section1_gd {
		margin-top:-200px;
	} 
}

/*@media screen and (max-width:424px) {
	#customer-service { width: 63%; }
}*/

@media screen and (max-width:523px) {
	.section3_box {
		width:70%; max-width:310px !important;
	}
	.hashbox {
		width:50%;
	}
	.hashboxi {
		width:150px !important;
		height:150px !important;
	}
}

@media screen and (max-width:570px) {
	.media_f_font {
		font-size:15px !important;
	}
	.section5_font3 {
		font-size:1em;
	}
}

@media screen and (max-width:700px) {
	.container {
		min-height:300px;
	}
}

@media screen and (max-width:758px) {
	.section5_font2 {
		font-size:25px;
	}
	.section5_font2_tong {
		font-size:25px;
	}
	.section5_font1 {
		font-size:30px;
	}
	.section5_box {
		padding:10px !important;
	}
}
@media screen and (max-width:767px) {
	.box1 .box_top, .box2 .box_top, .box3 .box_top {
		width: 290px !important; height: 290px !important;
    }
}

@media screen and (max-width:768px) {
	.section3_box {
		max-width:517px !important;
	}
	.section3_box .circle_wrap { width:auto; }
	.section3_box a { display:block; }
	.section3_box .circle {border-radius:100%;padding: 10%;width: 100px;height: 100px;}
	/*#customer-service { width: 52%; }*/
	.hashbox {
		width:50%;
	}
	.shopingm {
		display:block;	
	}
	.scroll {
		top: 38%;	
	}
	.box1, .box2, .box3 {
		padding:30px;
	}
	.box1 .box_top, .box2 .box_top, .box3 .box_top {
		width: 186px; height: 168px;
    }
    .box_bottom {
        min-height: 230px;
    }
	.circle {
	    border-radius: 50%;
	    color: white;
	    min-width: 60px;
	    min-height: 60px;
	    padding:20% 10%;
  	}
  	.c8_font {
  		display:none;
  	}
  	.c8_line {
  		display:none;
    }
    .section5 {
    	padding: 20px !important;
	}
	.media_f_font {
		font-size: 18px !important;
	    color: #e9e9e9 !important;
	    width: 90px !important;
	    text-align: left !important;
    }
    .f_m_font {
    	margin-left:0 !important;
    }	
    .main_copy {
    	font-size: 35px;
	}
	.sub_copy {
	    font-size: 12px;
	}
}

@media screen and (max-width:800px){
	.modal-dialog {
		width:90% !important;
	}
}

@media screen and (max-width:818px) {
	.section5_font2 {
		font-size:18px;
	}
	.section5_font2_tong {
		font-size:18px;
	}
	.section5_font1 {
		font-size:23px;
	}
}

@media screen and (max-width:938px) {
	.section5_font2 {
		font-size:25px;
	}
	.section5_font2_tong {
		font-size:25px;
	}
	.section5_font1 {
		font-size:30px;
	}
}

@media screen and (max-width:993px){
	.section3_box {
		max-width:790px;
	}
}

@media screen and (max-width:1512px) {
	.section5 {
	background-size:1903px 100% !important;
	}
}

/* BASIC css end */