/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 1025px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .alpha               { margin-left: 0; }
    .omega               { margin-right: 0; }

    /* Base Grid */
    .container .one                      { width: 40px;  }
    .container .two                     { width: 100px; }
    .container .main160                   { width: 160px;}
    .container .four                    { width: 220px; }
    .container .five                    { width: 280px; }
    .container .six                     { width: 320px; }
    .container .seven                   { width: 400px; }
	.container .main410                   { width: 410px; }
    .container .main460                 { width: 460px; }
    .container .nine                    { width: 520px; }
    .container .main580                 { width: 580px; }
	.container .main420l                   { width: 420px; margin-left:50px; float:left; padding-right:30px; border-right:#8F8F8F solid 1px;}
	.container .main420                   { width: 420px; margin-left:20px; float:left;}
	.container .main600                 { width: 610px; height:140px; padding-top:15px; padding-bottom:0px; border-bottom:#C6C6C6 solid 1px; position: relative;}
    .container .eleven                  { width: 640px; }
	.container .main650                 { width: 650px; margin-left:auto; margin-right:auto; }
    .container .twelve                  { width: 700px; }
    .container .thirteen                { width: 760px; }
    .container .fourteen                { width: 820px; }
    .container .main880                 { width: 880px; }
    .container .main940                 { width: 940px; }
	.container .main-side               { width: 280px; float:left; background-color:#FFF; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:30px;}
    .container .main-content            { width: 640px; float:right; margin-bottom:50px;   padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:30px; }
	.home .container .main-content            { width: 1005px; float:none; margin-bottom:50px; background-color:#FFF;  padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:30px; }
	.container .main-content-full            { width: 1005px; margin-bottom:50px;  padding-top:20px; padding-bottom:30px; }
	.container .head-logo            { width: 340px; }
	.container .head-tell            { width: 270px; float:right;}

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
	.container .fotter-side.columns               { width: 280px; float:left; margin-top:20px;}
	.container .fotter-nav.columns               {  float:right; margin-top:20px; margin-right:0; text-align:right;}
	

	
.main-content-full img{ border:none;}	
	
.main-content-full dl {	float:left;
	width:320px;
	margin-right:20px; margin-bottom:30px;}

.main-content-full dl dt{ margin-bottom:20px; padding:15px; }
.f16 {font-size:12px; width:100%;	overflow:hidden; margin-bottom:50px;}
.main-content-full .f16 dl dt{ margin-bottom:5px; padding:10px 15px 10px 15px; border-bottom:#B5B5B5 dotted 1px; font-size:14px;}
.main-content-full dl dd{ margin-bottom:5px; padding:10px; border-bottom:#B5B5B5 dotted 1px;}
.tr_3 {	float:left; width:320px;	margin-right:15px; margin-bottom:25px; display:block;}
.main-content-full dl:nth-child(3n)  {margin-right:0;} 

.tor01 h3{text-indent:-9999px; background:url(../images/theme/sc/h3_t_mk.gif) no-repeat; margin-bottom:20px; height:35px;}

.tor02 h3{text-indent:-9999px; background:url(../images/theme/sc/h3_t_si.gif) no-repeat; margin-bottom:20px; height:35px;}
.main-content-full .f16 dl dt a:hover{color:#05BCEA;}	
	#section-header{
	background: url(../images/theme/backgrounds/head_back_sc.jpg);
	background-repeat: repeat-x;
	height: 140px;
}

	
	#section-content{
	background-image: url(../images/theme/backgrounds/sc_cat_back.jpg);
	background-repeat: repeat-x;
	background-position: center 0%;
}
.home #section-content{background:none;}
.title
{
	width:1000px;
	margin-bottom:40px;
	padding-top:35px;
	padding-bottom:25px;
} 

.title h1{
	font-size:31px;
	text-decoration: none;
	width: 600px;
	margin-left:5px;
	font-weight:normal;
	}
.newstitle h2{ font-size:18px; padding-bottom:5px; border-bottom:#4AAEEE solid 1px;; margin-bottom:25px;}

.container .img01{width:105px; margin-right:2px; float: left; height:80px; overflow:hidden; margin-bottom:20px;}
.container .img02{width:105px; margin-right:2px; float: left; height:80px; overflow:hidden; margin-bottom:20px;}
.container .img03{width:105px; float: left; height:80px; overflow:hidden; margin-bottom:20px;}
.page-prod h2  {font-size:18px; background-image:url(../images/theme/sc/name_h1.gif); background-repeat:no-repeat; background-position:bottom left; padding-left:20px; margin-bottom:30px; height:45px;}
.page-prdall h3 {font-size:14px;   margin-bottom:0px; }
.pr_new{margin-bottom:25px; clear:both; margin-top:25px;}
.pr_btn{margin-bottom:25px; clear:both;}
.top_product {
	width: 300px;
	height: 110px;
	float: left;
	padding:5px 5px 20px 5px;
	margin-top:10px;
	margin-bottom: 15px;
	margin-left:12px;
	border: #CEDBDF solid 3px;
	position:relative;
}
.top_pin {width:306px; background:#CD5082; position:absolute; bottom:0; z-index:50; clear:both; color:#FFFFFF; margin-left:-5px; padding:2px; font-size:11px; }
.news_top{ width:660px; float:left;}
.mail_top{width:315px; float:right; height:160px;}
.container .b6402 { width: 295px; display:block; }
.container .b6402 img {width:100%;}
.container .columnsleft{float:left; }
.container .columnsright{float:right; }
.top_product img {width:90px; height:90px;}
#feas-1 input {width:90%; height:30px;}
table{width: 98%;}
.smart,.smartbl{display:none;}
.pc{display:block;}

#switch_area{
	margin:0 auto;
	padding:0;
}
#switch_area{
	display:none \9!important;
}
ul.switch{
	padding:10px 0;
	list-style:none;
}
ul.switch li{
	float:left;
	margin:0 0 0 10px;
	display:block;
}
ul.switch li a{
	margin:0;
	padding:0;
	display:block;
	font-size:80%;
	text-decoration:none;
}
ul.switch li div{
	text-align:center;
	vertical-align:middle;
	height:40px;
	margin:0;
	padding:0 10px 0 50px;
	width:140px;
	display:table-cell;
	background-color:#CCC;
	color: #096;
	font-size:80%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
ul.switch li div:hover{
	background-color:#FAFAFA;
	color:#3C9;
}

.container .main600 a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.container .main600 a:hover{ background-color:#E1E0E0;
 -moz-opacity:0.3;
     filter: alpha(opacity=30);
     			   opacity:0.3;     }
.container .main600  .main160{height:120px; overflow:hidden;}
.wp-pagenavi {margin-top:30px; padding:30px;}
.si14 {font-size:1.1em; line-height:1.6em;}
#logotype{ display:block;}
#logotype02{ display:none;}


.ft_s_01   { width: 225px; float:left; }
.ft_s_02   { width: 280px; float:left; margin-left:10px; padding:10px 25px 10px 25px; border:#CEDBDF solid 5px; background-color:#FFFFFF; }
.line_dot {margin-top:10px; margin-bottom:10px; border-bottom:dotted #828282 1px;}


#slider{width:100%; overflow:hidden;margin-bottom:50px; background-color:#D2EBEE; padding:10px 0 10px 0; height:330px;}
.slide_all {width: 1025px; margin: 0 auto; height: 310px; position: relative; 1025px}
.slide img {width: 100%; vertical-align: bottom;}


.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}

.bx-controls-direction a.bx-prev{ display:block; float:left; width:50px; height:50px; text-indent:-99999px; background:url(../../images/photogallery_prev.png) no-repeat left top;}
.bx-controls-direction a.bx-next{ display:block; float:right; width:50px; height:50px; text-indent:-99999px; background:url(../../images/photogallery_next.png) no-repeat right top;}
.sam_img{ width:85px; height:60px; overflow:hidden; display:block; background-color:#D0CECE; margin-bottom:2px; }
.tp_img {float:left; width:120px; height:90px; overflow:hidden; }
.tp_img img{width:100%;}

/* Table Styling - Box Style */
table {
    border-collapse: collapse;
    font-size: 12px;
    text-align: left;
	margin-bottom:25px;
}
table thead th.rounded-company {
    background: #ccc;
}
table thead th.rounded-q4 {
    background: #ccc;
}
table th {
    background: none repeat scroll 0 0 #D7EBFF;
    color: #222222;
    font-size: 10px;
    font-weight: bold;
    padding: 10px 3px;
    text-transform: uppercase;
	text-align:center;
}
table tr {
    background: none repeat scroll 0 0 #eee;
    border-bottom: 1px solid #888888;
    color: #333;
    padding: 2px;
}
table tfoot td.rounded-foot-left {
    background: #eee;
}
tabletfoot td.rounded-foot-right {
    background: #eee;
}
table tbody tr:hover td {
    background: none repeat scroll 0 0 #ddd;
}
.tp_copy { float:right; width:165px;}
.sam_img img{width:100%;}
table tr:nth-child(2n) {
 background: #fff;
}
table td{
padding: 2px 10px 0 10px;}
td img {margin-bottom:2px; margin-right:15px;}
.ml40{margin-left:60px;}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
 
	@media only screen and (max-width: 767px){
		.ml40{margin-left:0;}
		.container .main420l{border:none; padding:0;}
		.slide_all{width:300px; height:94px;}
        #slider { width: 320px; overflow:hidden;}
		.container { width: 320px; overflow:hidden; margin-left:auto; margin-right:auto;}
        .columns, .column,.container .img01, .container .img02,.container .img03 ,.ft_s_01,.ft_s_02{ margin: 0; float:none; }
		.ft_s_02{padding:0; border:none; background-color:#E8EEF0;}
		.ft_s_02 img {width:70%;}
		body{background-color:#fff;}
.news_top,
.mail_top,
.container .main650,
        .container .one,
        .container .two,
        .container .four,
        .container .five,
        .container .six,
        .container .seven,
        .container .main460,
        .container .nine,
        .container .main580,
		.container .main600,
        .container .eleven,
        .container .twelve,
        .container .thirteen,
		.ft_s_02,.ft_s_01,
		.four,
        .five,.main160,
        .container .fourteen  { width: 320px;  padding-left:0; padding-right:0; float:none;}
		.container .b6402,
        .container .main880,
        .container .main940,
		.container .main-side,
		.container .main-content,
		.container .main-content-full,
		.container .head-logo,
		.container .head-tell,
		.container.fotter-side,
		.container .fotter-nav,
		.columnsleft,
		.columnsright  { width: 320px;  padding-left:0; padding-right:0;}

		.container .main-side,
		.container .main-content,
		.container .main-content-full,
		.container .head-logo.columns,
		.container .head-tell.columns,.container .fotter-side.columns ,.container .fotter-nav.columns {float:none; padding-left:0; padding-right:0; overflow:hidden;}
		
		.container .head-tell.columns img,.main160 img{ width:100%;}
		.container .head-logo.columns img{ width:230px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
		.container .main600  {height:150px;}
		
		.container .main600  .main160{ width:90px;height:90px; overflow:hidden; float:left;}
		.container .main600  .main410{ width:320px; float:right;}
		.container .main600  .main410 h3 { line-height:0; margin-top:5px; padding:0; height:15px;}
.container .main420l,.container .main420 {width:320px; float:none; margin:0;}
		
	.title
{
	width:300px;
	margin-bottom:10px;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	margin-bottom:30px;
		background-color:#4AAEEE;
} 

.title h1{
	text-indent: 0px;
	text-decoration: none;
	width: 300px;
	margin-left:0px;
	color:#fff;
	font-size:28px;
	line-height:normal;

	}
	.container .main-side.columns               {  background-image:none; margin-top:35px; display:block;}
    .container .main-content.columns            { background-image:none; min-height:500px; margin-bottom:40px;}
	.container .main-content-full{ background-image:none; margin-top:35px; margin-bottom:40px;}
	#section-header{
		background: url(../images/theme/backgrounds/head_back_sm.jpg);
	background-repeat: repeat-x;
	height: 300px;
}
	.home #section-header{background-image:none; background-color:#fff;	height: 270px;}
	
	#section-content{
	background-image:none;
	background-color:#fff;
}
.page-id-2 h1,
.page-id-8 h1,
.page-id-10 h1,
.page-id-12 h1,
.page-id-14 h1,
.page-id-16 h1,
.page-id-93 h1,
.page-news h1,
.page-404 h1,
.page-prod h1{background-image:none; }

select{width:100%; height:55px;}
.page-prdall .main160 img {width:98%;}
.container .img01{width:95px; margin-right:2px; float: left; height:70px; overflow:hidden; margin-bottom:20px;}
.container .img02{width:95px; margin-right:2px; float: left; height:70px; overflow:hidden; margin-bottom:20px;}
.container .img03{width:95px; float: left; height:70px; overflow:hidden; margin-bottom:20px;}
 .page-prdall .container .img01, .page-prdall .container .img02, .page-prdall .container .img03{display:none;}
 table {width:320px; margin-top:30px;}
 .prdallimg img,.tr_3 img{width:100%}
 
.smartbl{display:block; padding:10px; border:#0773B8 solid 2px;}
 .smartbl a{ color:#0059B2;}
 .smart{display:block;}
.pc{display:none;}

.container .main600  {height:130px; overflow:hidden;}
		
		.container .main600  .main160{ width:90px;height:68px; overflow:hidden; float:left;}
		.container .main600  .main410{ width:200px; float:right;}
		.main410 table {width:195px; margin-top:5px;}
		.container .main600  .main410 h3 { line-height:0; margin-top:15px; padding:0; }
		#logotype{ display:none;}
#logotype02{ display:block;}

.top_product {
	width: 310px;
	height: 120px;
	float: left;
	padding:5px 5px 20px 5px;
	margin-top:10px;
	margin-bottom: 15px;
	margin-left:0px;
	border: none;
	position:relative;
}
.top_pin {width:310px; background:#CD5082; position:absolute; bottom:0; z-index:50; clear:both; color:#FFFFFF; margin-left:-5px; padding:2px; font-size:11px; }
.alllist { margin: 0 -10px; }

		.alllist img,.four img{width:100%;}

		.tr_3 {	float:none; width:320px;	margin-right:0px; margin-bottom:50px; display:block;}
		.main-content-full dl {	float:none;
	width:320px;
	margin-right:0px; margin-bottom:0px;}
	
	.tp_img {float:left; width:120px; height:90px; overflow:hidden; }
	.sam_img{ width:320px; height:240px; overflow:hidden; display:block; background-color:#D0CECE; margin-bottom:2px; }
.tp_copy { float:right; width:175px;}

#slider{width:100%; overflow:hidden;margin-bottom:50px; background-color:#D2EBEE; padding:10px 0 10px 0; height:250px;}
.slide_all {width: 320px; margin: 0 auto; height: 240px; position: relative; }

    }


    @media only screen and (min-width: 480px) and (max-width: 767px) {
       
		.container { width: 420px; overflow:hidden; margin-left:auto; margin-right:auto;}
        .columns, .column,.container .img01, .container .img02,.container .img03 ,.ft_s_01,.ft_s_02{ margin: 0; float:none; }
		.ft_s_02{padding:0; border:none; background-color:#E8EEF0;}
		.ft_s_02 img {width:70%;}
		body{background-color:#fff;}
.news_top,

.container .main650,
        .container .one,
        .container .two,
        .container .four,
        .container .five,
        .container .six,
        .container .seven,
        .container .main460,
        .container .nine,
        .container .main580,
		.container .main600,
        .container .eleven,
        .container .twelve,
        .container .thirteen,
		.ft_s_02,.ft_s_01,
		.main160,
		.four,
        .five,
        .container .fourteen  { width: 420px;  padding-left:0; padding-right:0; float:none;}
		.container .b6402,
        .container .main880,
        .container .main940,
		.container .main-side,
		.container .main-content,
		.container .main-content-full,
		.container .head-logo,
		.container .head-tell,
		.container.fotter-side,
		.container .fotter-nav,
		.columnsleft,
		.columnsright  { width: 420px;  padding-left:0; padding-right:0;}

		.container .main-side,
		.container .main-content,
		.container .main-content-full,
		.container .head-logo.columns,
		.container .head-tell.columns,.container .fotter-side.columns ,.container .fotter-nav.columns {float:none; padding-left:0; padding-right:0; overflow:hidden;}
		
		.container .head-tell.columns img{ width:100%;}
		.container .head-logo.columns img{ width:320px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
		.container .main600  {height:150px;}
		
		.container .main600  .main160{ width:420px;height:90px; overflow:hidden; float:left;}
		.container .main600  .main410{ width:420px; float:right;}
		.container .main600  .main410 h3 { line-height:0; margin-top:5px; padding:0; height:15px;}
		.container .main420l,.container .main420 {width:420px; float:none; margin:0;}

		#section-header{
		background: url(../images/theme/backgrounds/head_back_sm.jpg);
	background-repeat: repeat-x;
	height: 400px;
}
.home #section-header{background-image:none; background-color:#fff;	height: 340px;}
		.mail_top{width:315px; margin-left:auto; margin-right:auto;}
	.title
{
	width:400px;
	margin-bottom:10px;
	padding-top:14px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	margin-bottom:30px;
		background-color:#4AAEEE;
} 

.title h1{
	text-indent: 0px;
	text-decoration: none;
	width: 400px;
	margin-left:0px;
	color:#fff;
	font-size:28px;
	line-height:normal;

	}
.top_product {
	width: 410px;
	height: 170px;
	float: left;
	padding:5px 5px 20px 5px;
	margin-top:10px;
	margin-bottom: 15px;
	margin-left:0px;
	border: none;
	position:relative;
}
.tr_3 {	float:none; width:420px;	margin-right:0px; margin-bottom:50px; display:block;}

 table {width:420px; margin-top:30px;}
 .main-content-full dl {	float:none;
	width:420px;
	margin-right:0px; margin-bottom:0px;}
	.top_pin {width:410px; background:#CD5082; position:absolute; bottom:0; z-index:50; clear:both; color:#FFFFFF; margin-left:0px; padding:2px; font-size:11px; }
	.tp_img {float:left; width:200px; height:150px; overflow:hidden; }
.tp_copy { float:right; width:200px;}
.sam_img{ width:420px; height:315px; overflow:hidden; display:block; background-color:#D0CECE; margin-bottom:2px; }

#slider{width:100%; overflow:hidden;margin-bottom:50px; background-color:#D2EBEE; padding:10px 0 10px 0; height:325px;}
.slide_all {width: 420px; margin: 0 auto; height: 315px; position: relative; }

.slide_body {width: 100%;}
    }




/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }