@charset "utf-8";
/* CSS Document */
/* -------------------------------------------- */
/* CSS imoport */
@import url("reset.css");
@import url("responsive.css");
@import url("responsive_grid.css");
@import url("theme.css");
/* -------------------------------------------- */
#assets{}
/* -------------------------------------------- */
/* ------------------Font--------------------- */
@font-face {}
/* -------------------------------------------- */
/* ------------------Style--------------------- */
html { }
html, body { }
body {
	font-family: 'Microsoft JhengHei', 微軟正黑體, ff-tisa-web-pro-1, ff-tisa-web-pro-2, 'Lucida Grande', 'Hiragino Sans GB', 'Hiragino Sans GB W3', nsimsun, 宋体; }
	

.submit{
	height:50px;
	margin:10px;
	}
.button-0 {
    position: relative;
    padding: 10px 20px;
    margin: 0px 10px 10px 0px;
    float: left;
    border-radius: 10px;
    font-size: 1.250em;
    color: #a2a2a2;
    text-decoration: none;
    border-bottom: 5px solid #666;
    /* Animation */
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}

.button-0:hover, 
.button-0:focus {
    text-decoration: none;
    color: #ffffff;
}

.button-0:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
}
.click {cursor:pointer;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	/*padding-top:30px;*/
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video-container video {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
	}

#video_intro > .video-container {
	position:relative;
	padding-bottom:56.25%;
	overflow: visible;
	}
    .youtube_bottom {margin-bottom:70px;}
    .mp4_bottom {margin-bottom:100px;}
#video_intro > .video-container iframe, #video_intro > .video-container video { margin-top:100px;}
/*.video-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.video-container i {
	position: absolute;
    top: 50%;
    left: 50%;
    margin: 170px 0 0 -22px;
    z-index: 9999;
    color: #fff;
    font-size: 2.750em;
    font-weight: bold;
    cursor: pointer;
}*/
.news_video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
.news_video-container iframe {
	position:absolute;
	top:-20%;
	left:0;
	padding-bottom:-20%;
	width:100%;
}
/* -------------------------------------------- */
/* ------------------Z-index Level--------------------- */
/*
	mobile:10
	wrapper:0
	container:0
	header:0
	section:0
	footer:0
*/
/* ------------------mobile--------------------- */
.mobile{
	position: fixed;
	top: 0;
	width: 100%;
	z-index:10;
	/*-moz-box-shadow: 0px 5px 5px -2px #999;*/
	/*-webkit-box-shadow: 0px 5px 5px -2px #999;*/
	/*box-shadow: 0px 5px 5px -2px #999;*/
}
.mobile header{
	z-index:0;
}
	.mobile nav{
		margin:0 auto;
		padding:10px;
		width:80%;
		z-index:0;
		text-align: center;
	}.mobile nav a {
			letter-spacing:-1px;
			text-decoration:none;
		}
	.mobile_bleft,.mobile_bright{
		width:24px;
		margin-top:16px;
		text-align:center;
		z-index:0;
	}
	.mobile_bleft{
		float:left;
		margin-left:15px;
	}
	.mobile_bright{
		float:right;
		margin-right:15px;
	}
	.mobile_left,.mobile_right{z-index:0;}
	.mobile_left{}
	.mobile_right{}
	
	
	/*mobile buttom color*/
	.menu-item h4 {
        background: rgba(0,102,204,0.9);
     }

   .menu-item h4:hover {  
        background: #005bc9;
      }
   .menu-item h4 a {
        color: #ffffff;
      }
   .menu-item li:hover {
        background: rgba(0,102,204,0.3);
      }
/* -------------------------------------------- */
#sb-site {
	z-index:100;
}
.wrapper{
	/*background: url(../img/26.jpg)no-repeat center;*/
    /*background-size: cover;*/
    width:100%;
    height:100%;
	z-index:0;
	-moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    /*overflow:auto;*/
	/*text-align:center;*/
}
.container{
	width:100%;
	max-width:1010px;
	margin:0 auto;
	z-index:0;
	text-align:center;
	-moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
	/*background-image:url(../images/background.png);
	background-repeat:no-repeat;
	background-position:100% 0%;*/
}
.container_bottom{
	padding-bottom:70px;
	}
.min_h{ min-height:550px;}
.clear_both {
	clear:both;
}
.back-to-top {
	position: fixed;
	width:20px;
	height:25px;
	bottom: 2em;
	right: 5px;
	text-decoration: none;
	border-radius: 50%;
	text-align:center;
	font-size: 1.250em;
	font-weight:bold;
	padding: 0.7em 1em 1em 1em;
	margin-bottom:55px;
	display: none;
	z-index:9999;
}

i {
  border: solid #CCCCCC;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 7px;
  margin-top:40%;
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.shopping-cart,.inquery-cart {
	position: fixed;
	top: 26%;
	right: 5px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-size:73%;
	background-position:center;
	border-radius: 50%;
	font-size: 1.250em;
	font-weight:bold;
	padding: 0.7em 2.4em 2.4em 0.8em;
	margin-top:55px;
	z-index:9999;
}

.shopping-number,.inquery-number{
	float:right;
	right:5px;
	width:60px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	position: fixed;
	top: 26%;
	margin-top: 120px;
	z-index:9999;
	}
.shopping-number a,.inquery-number a{
	font-size: 1.000em;
	font-weight:bold;
	text-decoration: none;
	}
.shopping-cart{background-image:url(../image/shopping-cart.png);}
.inquery-cart{background-image:url(../image/inquery.png);}
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {
	width:100%;	
	-moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
	}
.wrapper > header{
	height:100px;
	margin: 0;
	padding: 0;
	width:100%;
	/*-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 0px 4px 10px 2px #ccc;*/
	z-index: 5;
	position:absolute;
	/*border-bottom:2px solid #fc6475;*/
}
#sticky, #sticky_index {
	height:47px;
	margin: 0;
	padding: 0;
	width:100%;
	top:100px;
	z-index: 99999;
	position:fixed;
	/*border-bottom:2px solid #fc6475;*/
	-moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
	}
    .page_header{
		position:relative !important;
	    }
.h2{height:50px !important;}

	.main_title{
		float:left;
		padding-top:35px;
		text-align:left;
		margin-left:15px;
		cursor:pointer;}
	.main_title p{
		font-size:1.375em;
		letter-spacing:0px;
		line-height:27px;
		/*text-shadow: 0 0 2px #0b43ff, 0 0 10px #0b43ff, 0 0 15px #0b43ff, 0 0 20px #16eeff;*/
		}
	.main_title a{
		letter-spacing:0px;
		/*text-shadow: 0 0 2px rgba(99,95,151,1), 0 0 10px rgba(99,95,151,1), 0 0 15px rgba(99,95,151,1), 0 0 20px rgba(99,95,151,1);*/
		font-size:1.125em;}
	.banner{}
	header .nav{}
	.menu{}

/* -------------------------------------------- */
/* ------------------section-------------------- */
section{
	clear:both;
	z-index:0;
}
	.carousel{
	   margin-top:0px;
	}
	
	/* ------------------landing page-------------------- */
	#intro_point{
		height:50px; 
		position:relative; 
		float:none; 
		top:80vh
		}
    .point_down {
        width: 30px;
        height: 30px;
		z-index: 10000; 
		margin-top: -100px; 
		margin-left:48vw; 
		float: left;
	    background-image:url(../image/point.png);
	    background-repeat:no-repeat;
        position: relative;
        -webkit-animation-name: example; /* Chrome, Safari, Opera */
        -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
        -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
        animation-name: example;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        }
	.landing_space{
	padding-top:60px;
	padding-bottom:40px;}

    /* Chrome, Safari, Opera */
    @-webkit-keyframes example {
        0%   {left:0px; top:0px;}
        25%  {left:0px; top:10px;}
        50%  {left:0px; top:20px;}
        75%  {left:0px; top:10px;}
        100% {left:0px; top:0px;}
        }

    /* Standard syntax */
    @keyframes example {
        0%   {left:0px; top:0px;}
        25%  {left:0px; top:10px;}
        50%  {left:0px; top:20px;}
        75%  {left:0px; top:10px;}
        100% {left:0px; top:0px;}
        }
	#se00 {height:100vh;}
	#se01{ height:100vh;}	  
	#se01{
		background-position:center center;
		background-attachment:fixed; 
        -webkit-background-attachmene:fixed;
        -moz-background-attachmen:fixed;
        -o-background-attachmen:fixed;
		background-color:white; 
		background-repeat:no-repeat; 
		/*background-size:cover;
		-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;*/
		background-size: auto 100vh;
		-webkit-background-size: auto 100vh;
        -moz-background-size: auto 100vh;
        -o-background-size: auto 100vh;
		}
	#se03,#se05,#se07,#se09,#se11{
		background-position:center center;
		background-attachment:fixed; 
        -webkit-background-attachmene:fixed;
        -moz-background-attachmen:fixed;
        -o-background-attachmen:fixed;
		background-color:white; 
		background-repeat:no-repeat; 
		background-size:cover;
		-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
		}
	
	.se_title, .se_title2, .se_title3{
		position:relative; 
		box-sizing: border-box; 
		overflow: hidden;
		}
	.se_title2{
		padding:60px 15px;
		text-align:center;
		}
	.se_title3{
		width:340px;
		margin:20px auto;
		padding:0px 5px;
		}
	.se_title2 img{
		width:100%;
		max-width:600px;
		}
	.se_content2{
		width:100%;
		margin:0 auto;
		max-width:600px;
		text-align:left;
		}
	.se_title_bg, .se_title_bg2 {
		float:left;
		padding:0px 5px;
		background-image:url(../image/title_back.png);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:left center;}
	.se_title_bg {
		width:20px;
		height:30px;
		margin-right:-10px;
		}
	.se_title_bg2 {
		width:20px;
		height:30px;
		margin-right:-5px;
		margin-top:-3px;
		}
	.se_content2 p,.se_content2 span,.se_content2 a{
		font-size:1.250em;
		line-height:35px;
		text-decoration:none;
		}
    .se_content2 span{cursor:pointer;}
	
	.apply_button,.apply_button2,.apply_button3,.apply_button4{
		width:70%;
		margin:20px auto 0 auto;
		padding:10px 0;
		text-align:center;
		font-size:1.250em;
		font-weight:bold;
		cursor:pointer;
		-webkit-border-radius: 10px; 
        -moz-border-radius: 10px; 
        border-radius: 10px; 
		}
	
	.apply_button2{
		margin:0px auto 10Px auto !important;
		}
	.apply_button3{
		margin:0px auto 0px 0px !important;
		font-weight: normal !important;
		font-size:1.000em !important;
		}
	.apply_button4{
		font-size:0.750em !important;}
	.sideber{}
section #current-src {
	text-align:center;
	}
section #current-src img{
	max-width:100%;
	} 

    .photo_hight{
		height: 500px;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-attachment:fixed;
        overflow: hidden;
		}
	.parallax-container {
		height: 500px;
        min-height: 300px;
        background: transparent;
		overflow:hidden;
       } 
	.portfolio_hight{
		height:auto;
		min-height:500px;
		overflow:visible;
		}
    @media only screen and (max-width: 767px){
    .photo_hight {
        height: 300px;
        }
	/*.photo_src101 {background-image:url(../../../image/11s.jpg) !important;}
	.photo_src102 {background-image:url(../../../image/05s.jpg) !important;}
	.photo_src103 {background-image:url(../../../image/03s.jpg) !important;}
	.photo_src104 {background-image:url(../../../image/07s.jpg) !important;}*/
    }
	@media screen {
    .content_t img {
		max-width:100% !important;
		height:auto !important;
		} 
	.content_box img {
		max-width:100% !important;
		height:auto !important;
		} 
	} 
	/* -------------------------------------------- */
	
	
	.sideber{}	
	.breadcrumbs{
		float:left;
		margin:15px 20px;
		padding-bottom:0px;
		text-align:left;		
		}
    .breadcrumbs a,.breadcrumbs_t{
		padding:0 10px 0 0;
		font-size:0.969em;
		text-decoration:none;
		}
	.breadcrumbs_top { margin-top:50px;}
	.responsive-circle {
		font-size: 3.750em; 
		font-weight: 700; 
		margin: 0 auto 20px; 
		width: 100%;
		 } 
    .responsive-circle::after { 
	    border-radius: 50%;
	    content: ""; 
	    display: block; 
	    height: 0;
	    margin-bottom: 20px; 
	    padding-bottom: 100%; 
	    width: 100%; 
		} 
    .responsive-circle div { 
	    color: white; 
	    float: left; 
	    line-height: 1em; 
	    margin-top: -0.5em; 
	    padding-top: 50%; 
	    text-align: center; 
	    width: 100%; 
		}
    .pro-circle {
		border-radius: 50%;
		 background-repeat:no-repeat; 
		 background-attachment:scroll; 
		 background-position:center center; 
		 background-size:cover;
		 }
    
	.news_pro{
		background-size:100% auto; 
		background-repeat:no-repeat; 
		background-position:center center; 
		width:100%; 
		height:100%; 
		max-width:426px; 
		max-height:210px;
	}
	.content_box {margin:10px;}		
	.content_box01{
	   float:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; width:100%;
	   }
	.content_radius{
	   border-radius:3px;
	   }   
	.content_title01 {
	   padding:5px 20px 5px 20px ;
	   -webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	   border-radius: 20px;
	   text-decoration:none;
	   text-align:center;
	   font-weight:bold;
	   -webkit-box-shadow: 0px 4px 5px 0px #757575;
	   -moz-box-shadow: 0px 4px 5px 0px #757575;
	   box-shadow: 0px 4px 5px 0px #757575;
	   }
	.content_title_text{
	   font-size:1.250em;
	   text-align:left;
	   text-height:22px;
	   letter-spacing:3px;
	   }
	.content_title_text1{
	   font-size:1.125em;
	   text-align:center;
	   text-height:20px;
	   padding:5px;
	   }
	.content_title_text2{
	   font-size:1.125em;
	   text-align:center;
	   text-height:20px;
	   padding:10px 0;
	   margin:10px 0 0 0;
	   }
	.content_title_text3{
	   font-size:1.375em;
	   text-align:center;
	   text-height:25px;
	   padding:6px 0;
	   margin:10px 0 0 5px;
	   font-weight:bold;
	   }
	.content_title_text4{
	   font-size:1.000em;
	   text-align:center;
	   text-height:20px;
	   padding:11px 0;
	   margin:10px 0 0 0;
	   cursor:pointer;
	   }
	
	.content_title_text5{
	   text-align:right;
	   padding:5px;
	   }
	.content_title_text5 a{
	   font-size:1.000em;
	   text-height:20px;
	   }
		
	.content_box02{
	   margin-top:5px;
	   overflow:hidden;
	  }
	.content_padding {padding:0 5px;}
	
	
	.content{
		text-align:justify;
		}
    .content_icon {margin-top:3px;}
	    
    .content_center_image{text-align:center;}
	.content_top { margin-top:55px;}
	.content_top2 { margin-top:13px;}
	.min_h{ min-height:550px;}

	.indexshowcut {
        }
    .indexshowcut ul.s1 {
	    float: left;
        }
    .indexshowcut ul.s1 li.img {
    	float: left;
    	margin:10px 0;
        }
    .indexshowcut ul.s1 li.img a {
	    height: 30px;
        }
    .indexshowcut ul.s1 p {
		text-align:left;
    	font-size:0.969em;
    	float: left;
		line-height:150%;
        }
	.indexshowcut ul.s1 h2 {
    	font-size:1.125em;
    	float: left;
		line-height:150%;
		padding:5px 0;
        }
	
    .indexshowcut ul.s1 li.more {
    	width: auto;
    	float: right;
    	margin:0 5px 0 0;
        }
    .indexshowcut ul.s1 li.more a {
    	font-size: 0.938em;
    	padding: 0 0 8px 8px;
        }
		
		
		
    .list_table {
	    width:100%;
	    /*min-height:407px;*/
	    display:table
        }
     .list_tr {
	    display: table-row;
        }
     .list_td {
	    display: table-cell;
	    padding-top:10px;
	    padding-bottom:10px;
	    padding-left:0px;
        }
	 .no_line {border-bottom:none !important;}
     .list_link {text-decoration:none;}
     
     .list_head {
	    padding-bottom:10px;
	    padding-top:10px;
        }
	
	.list_head h2{
		font-size: 1.500em;
        line-height: 35px;
	}
	.list_head h1{
		font-size: 1.125em;
        line-height: 25px;
		}
	.list_td h3{
		font-size: 1.125em;
        line-height: 31px;
		font-weight:bold;
	}
	
	.list_top {padding-top:22px;}
     .list_column_1 {
	    width:18%;
        }
     .list_column_2 {
	    width:10%;
        }
     .list_column_3 {
	    width:15%;
        }
     .list_column_4 {
	    width:27%;
        }
     .list_column_5 {
	    width:22%;
        }
     .list_column_6 {
	    width:18%;
        }
     .list_column_7 {
	    width:100%;
        }
	.list_column_8 {
	    width:20%;
        }
	.list_column_9 {
	    width:80%;
        }
	.list_column_10 {
	    width:30%;
        }
     .list_pagination {
	    padding-top:10px;
	    padding-bottom:10px;
	    text-align:center;
        }
     .list_pagination a {
	    text-decoration:none;
	    padding-left:10px;
        }
	 .list_td p, .list_td a, .list_td span { font-size:0.938em; line-height:30px;}
	 
     .align_left a, .align_left2 {
	    text-align:left;
	    }
.list_shopping .list_td {
	        display: table-cell;
	        padding-top:10px;
	        padding-bottom:10px;
	        padding-left:20px;
		    }
.list_shopping .column_title {
	        padding-left:10px;
			display:none;
	        }
.list_shopping .space{
	        height:10px;
			display:none;
	        }
	.user_right {
        height: 300px;
        overflow-y: scroll;
        padding: 15px;
        font-size: 0.813em;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
         }
    .boundary_line{
	    border-bottom-style:solid;
	    border-bottom-width:1px;	
     	}
    .boundary_line2{
    	border-top-style:solid;
    	border-top-width:1px;	
	    }
    .boundary_line3{
    	border-bottom-style:solid;
    	border-bottom-width:1px;
		width:98%;	
	    }
	.boundary_line4{
		margin:10px 0;
    	border-bottom-style:solid;
    	border-bottom-width:1px;	
	    }
	.news_table {
       border-collapse: collapse;
       width: 100%;
       }
	.news_th, .news_td {
       text-align: left;
       padding: 8px;
       }
	.news_tr{cursor:pointer;}
	
	.news_p{ width:20%;}
 
    .news_pic{
		width:100%;
		max-width:500px;}
	.news_w{
		margin:5px;
		width:100%;
		}
    .new_box{
    	float:left;
        }
    .news_box img{
	    margin:0 10px 8px 0;
	    float:left;
	    width:87px;
    	height:55px;
    	}
    .news_s_title_more{
        margin-left:75%; 
    	margin-top:-23px;
    	font-size:0.750em;
    	line-height:24px;
    	text-decoration:none;
    	cursor:pointer;
    	}
	.news_space {padding:10px;}
	.news_simage { width:22%;}	
	.news_simage img { max-height:100px;}
	.boundary_item {
    	border-top-style:solid;
    	border-top-width:1px;
		}	
		
	.item_box, .item_box2{
		margin:10px 0px;
		padding:2px;
	    cursor:pointer;
		
		position: relative;
	    overflow: hidden;
        }
	.pages_h { margin-top:30px;}
	
	/* Caption Common Style */
	.item_box .caption, .item_box .caption2, .item_box2 .caption3{
	    position: absolute;
	    z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	  	transition: all 300ms ease-out;
	    left: 0px;
		margin-top:1px;
		}
	.item_box .caption .price, .item_box .caption2 .price, .item_box2 .caption3 .price {
		margin-top:-6px;
		}
	.price_r p { color:red; font-weight:bold;}
	.price_b p { color:black; font-weight:bold;}
	.item_box .caption p {
		text-align:center;
		margin:8px 7px;
		}
	.item_box .caption2 p {
		text-align:left;
		margin:0px 7px;
		}
	.item_box2 .caption3 p {
		text-align:center;
		margin:0px 7px;
		}
	
	/** Caption: Full Width & Height **/
	.item_box .full-caption, .item_box .full-caption2, .item_box2 .full-caption3 {
	    width: 100%;
	    height: 70vh;
	    text-align: center;
	    padding: -10px 3px;
        }
	.item_box .full-caption2 {padding: 3px 3px !important;}
	.item_box2 .full-caption3 {}
	/** Full Caption :hover Behaviour **/
    .item_box:hover .full-caption, .item_box:hover .full-caption2, .item_box2:hover .full-caption3 {
	    -moz-transform: translateY(-5.2vh);
	    -o-transform: translateY(-5.2vh);
	    -webkit-transform: translateY(-5.2vh);
	    opacity: 1;
	    transform: translateY(-5.2vh);
        }
	
	
	.item_box .news_preview {text-align: left !important; padding-left:10px; width:98%;}
	.item_box .news_preview h2 { font-size:1.063em;}
	.item_box .news_preview p {text-align: left !important; font-size:1.000em;}
	.item_name_news {
		height:70px;
	    z-index:50;}
    .item_box:hover .news_preview {
		transform: translateY(-10.2vh) !important;
		-moz-transform: translateY(-10.2vh) !important;
	    -o-transform: translateY(-10.2vh) !important;
	    -webkit-transform: translateY(-10.2vh) !important;
		} 
	
	.item_box img, .item_box2 img{
	    text-align:center;
	    }
	.item_pro{
		background-size:100% auto; 
		background-repeat:no-repeat; 
		background-position:center center; 
		width:100%; 
		height:100%; 
		max-width:600px; 
		max-height:600px;
	}
    .item_box a, .item_box2 a{
	    text-decoration:none;
	    }
		
		
	.item_check{
		float:right;
	    width:20px;
	    height:20px;
	    /*border-radius:50%;*/
		}
	.item_sub{
		margin-bottom:30px !important;
		}
	
	.item_table{
		width:100%;		
		}
		.item_tr{cursor:pointer;}
		
	    .item_th,.item_td{
			padding: 8px;
            text-align: left;
			vertical-align:middle;
			}
		
		.item_td img{
			width:100%;
			max-width:80px;
			}
		.item_td p{
	         font-size:1.125em;
	         text-height:20px;
			 text-decoration:none;
			}
	.item_t{
		margin:-5px 5px 20px 5px;
		text-align:left;
		}
	.item_detail_top { margin-top:10px;}
	.item_detail_bottom { margin-bottom:30px;}
		
	.countdown, .countdown p {font-size:1.313em;}
	.countdown {color: #FD2629;}
	.countdown p {color: #035DB1;}
			
    
    .item_tab{
		text-align:left;		
		}
       /* .item_tab h1 {
             padding: 50px 0;
             font-weight: 400;
             text-align: center;
             }
			 
	     
 
         .item_tab p {
             margin: 0 0 20px;
             line-height: 1.5;
             }*/
 
         .item_tab main {
             min-width: 300px;
             max-width: 100%;
             padding: 20px 0 0 0;
             margin: 0 auto;
             }
 
         .item_tab section {
             display: none;
             padding: 20px 0 0;
             }
 
        .item_tab input {
             display: none;
             }
 
        .item_tab .tab_label{
             display: inline-block;
             margin: 0 0 -1px;
             padding: 15px 25px;
             font-weight: 600;
             text-align: center;
             border: 1px solid transparent;
             }
 
        .item_tab label:before {
            font-family: fontawesome;
            font-weight: normal;
            margin-right: 10px;
            }

      /*.item_tab label[for*='1']:before { content: '\f1cb'; }
        .item_tab label[for*='2']:before { content: '\f17d'; }
        .item_tab label[for*='3']:before { content: '\f16b'; }
        .item_tab label[for*='4']:before { content: '\f1a9'; }*/

        .item_tab label:hover {
            cursor: pointer;
            }

        
  
        .item_tab #tab1:checked ~ #content1,
        .item_tab #tab2:checked ~ #content2,
        .item_tab #tab3:checked ~ #content3,
        .item_tab #tab4:checked ~ #content4 {
            display: block;
            }
			
		.link_area{
	    	margin:10px 0px;;
    		padding:2px;
			cursor:pointer;
	        overflow: hidden;}  
		.link_box{
			width:100px; 
			height:60px;
			background-repeat:no-repeat;
			background-position:center center;
			background-size: contain;}
		.link_text{text-align:left; margin-left:10px;}
		.link_text h2{font-size:1.250em; line-height:30px; margin:10px 0 10px -10px;}
		.link_text a{font-size:1.000em; line-height:25px; text-decoration:none;}
		
		   
		   	
		select#soflow, select#soflow-color {
            -webkit-appearance: button;
            -webkit-border-radius: 2px;
            -webkit-box-shadow: 0px 1px 3px #e5e5e5;
            -webkit-padding-end: 20px;
            -webkit-padding-start: 2px;
            -webkit-user-select: none;
            background-position: 97% center;
            background-repeat: no-repeat;
            font-size: inherit;
            margin: 5px;
            overflow: hidden;
            padding: 5px 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 90%;
            }

        select#soflow-color {
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            padding-left: 15px;
            }
			
    .shopping_tab{
	    text-align:left;		
		}
        .shopping_tab h1 {
            padding: 50px 0;
            font-weight: 400;
            text-align: center;
            }

        .shopping_tab p {
            margin: 0 0 20px;
            line-height: 1.5;
            }
 
        .shopping_tab main {
            min-width: 300px;
            max-width: 100%;
            padding: 20px 0 0 0;
            margin: 0 auto;
            }
 
        .shopping_tab section {
             display: none;
             padding: 20px 0 0;
             }
 
        .shopping_tab input {
             display: none;
             }
			 
		.shopping_tab #content1 input,.shopping_tab #content2 input,.shopping_tab #content3 input {
            display: block;
             }
			 
 
        .shopping_tab .tab_label {
             display: inline-block;
             margin: 0 0 -1px;
             padding: 15px 25px;
			 font-size:0.938em;
             font-weight: 600;
             text-align: center;
             }
			 
			 
	    .shopping_tab .float_left{
			float:left;
			}
 
        .shopping_tab label:before {
            font-family: fontawesome;
            font-weight: normal;
            margin-right: 10px;
            }

      /*.shopping_tab label[for*='1']:before { content: '\f1cb'; }
        .shopping_tab label[for*='2']:before { content: '\f17d'; }
        .shopping_tab label[for*='3']:before { content: '\f16b'; }
        .shopping_tab label[for*='4']:before { content: '\f1a9'; }*/

        .shopping_tab label:hover {
            cursor: pointer;
            }

        
  
        .shopping_tab #tab1:checked ~ #content1,
        .shopping_tab #tab2:checked ~ #content2,
        .shopping_tab #tab3:checked ~ #content3,
        .shopping_tab #tab4:checked ~ #content4 {
            display: block;
            }
		.shopping_tab #content1 input:checked + label,.shopping_tab #content2 input:checked + label,.shopping_tab #content3 input:checked + label{
			border:none !important;
			}
		.shopping_image{ width:50px;}
				
    /*contact form*/			
    #contact .content, #epaper .content, #shopping_cart .content, #inquery_cart .content {
		text-align:left;
        display: block;
        overflow: hidden;
        width: auto;
		line-height:38px;
        }
	#epaper .content {padding-left:0px !important; line-height:38px !important; }
	/*shopping_cart form*/
	.content {
        display: block;
        overflow: hidden;
        width: auto;
        }
	
	
	#contact #message,#shopping_cart #message, #inquery_cart #message {
        display: block;
        background: white;
		padding: 0.5em;
		font-size: 1.000em;
		height: 12em;
		max-height: 12em;
		width:90%
        }
    .google-maps {
        position: relative;
        padding-bottom: 75%; /*This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
		.item{}
		.image{}
		.title{}
		.date{}
		.datetime{}
		.author{}

	.list_gellary{}
		.list_image{}
		.list_title{}

    .home{}
	.page{}
	.gallery{}
	.artical{}	
	.activity{}
	.portfolio{}
	.product{}
	.cart{}
	.order{}
	.inquiry{}
	.contact{}
	.user{}
	.login{}
	.menber{}

	.account{}
	.password{}
	.email{}
	.realmane{}
	.unit{}
	.unit_title{}
	.phone{}
	.tel{}
	.fax{}
	.remark{}
    
	/* -------------------------------------------- */
/* ------------------footer-------------------- */
footer .nav{}
   .copyright{
	   margin-top:10px;}
   .welcome_copyright{
	   margin-top:0px;}

footer {
	width:100%;
	z-index:0;
	min-height:200px;
	-moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
	min-height:30vh;
}
footer .wrap-footer{
	padding:0px 0px;
	background-position: bottom; 
}

footer .box{}
footer .box2{margin-left:10px;}
footer .heading{padding:5px; text-align:center;}
footer .heading h2{font-size:1.375em; font-weight:normal; display:inline; padding:0 5px; word-wrap:nowrap;}
footer .content{padding:5px 0; }
footer nav { width:100%; margin-top:25px;}
/*footer ul li {line-height:180%;}*/
/*footer nav ul li a {font-size:1.07em; color:#330000; text-decoration:none;}*/
/*footer nav ul li ul li a{word-break:keep-all}*/
/*
footer .content .gallery img{ 
   float:left; 
   padding:5px;
   border:1px solid #ffffff; 
   margin:5px;
   }
   */
footer .content .icons img{ float:left; margin:0px 10px 0px 0px;}

   .copyright, .welcome_copyright {padding:14px 0 0 10px; text-align:right; float:right;}
   .welcome_copyright {float:left !important;}
   .copyright a, .welcome_copyright a{font-size:0.750em; }
   
footer #counter { float:right;}
footer .number, footer .visiter {
	float:left;
	box-sizing: border-box;
	text-align:right;
    padding: 5px;
	font-size:0.875em;
	margin:20px 2px 2px 2px;
	}
footer .visiter { border:none !important;}
footer .design {
	padding:10px 0 10px 10px;
	float:right;
	}
footer .design a {
	font-size:0.750em;
	text-decoration:none;}

/* -------------------------------------------- */
/**** Transitions ****/

/*.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
/*.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}
/* -------------------------------------------- */
/* ------------------js-------------------- */
.assets_js{}
/* -------------------------------------------- */