@charset "utf-8";
/* CSS Document */
/*
.grid{ width:1000px; position: relative; margin: 0 auto; padding: 0px;}
.grid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.grid .row{}
.grid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.grid .row:after{clear: both; }
*/

.grid .row{zoom: 1;}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
	display: block;
	margin-left: 1.6666666666667%;
	margin-right: 1.6666666666667%;
	float: left;
	margin-bottom:0px;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.col-lg-0 {display:none;}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left; display: block;}
.col-lg-12{width:96.666666666667%;}
.col-lg-11{width:88.333333333333%; }
.col-lg-10{width:80%; }
.col-lg-9{width:71.666666666667%; }
.col-lg-8{width:63.333333333333%; }
.col-lg-7{width:55%; }
.col-lg-6{width:46.666666666667%; }
.col-lg-5{width:38.333333333333%; }
.col-lg-4{width:30%; }
.col-lg-3{width:21.666666666667%; }
.col-lg-2{width:13.333333333333%; }
.col-lg-1{width:5%; }
/*-----------------------------------------------------------------*/
/*#Tables landscape*/
@media only screen and (min-width: 768px) and (max-width: 1000px) and (orientation : landscape) {
.index_product{
	width:30% !important;
	}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left; display: block;}
.col-md-12{width:96.666666666667%;}
.col-md-11{width:88.333333333333%; }
.col-md-10{width:80%; }
.col-md-9{width:71.666666666667%; }
.col-md-8{width:63.333333333333%; }
.col-md-7{width:55%; }
.col-md-6{width:46.666666666667%; }
.col-md-5{width:38.333333333333%; }
.col-md-4{width:30%; }
.col-md-3{width:21.666666666667%; }
.col-md-2{width:13.333333333333%; }
.col-md-1{width:5%; }
.col-md-0{display:none;}
}
/*-----------------------------------------------------------------*/
/*#Tables portrait*/
@media only screen and (min-width: 768px) and (max-width: 1000px) and (orientation : portrait) {
.index_product{
	width:30% !important;
	}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left; display: block;}
.col-md-12{width:96.666666666667%;}
.col-md-11{width:88.333333333333%; }
.col-md-10{width:80%; }
.col-md-9{width:71.666666666667%; }
.col-md-8{width:63.333333333333%; }
.col-md-7{width:55%; }
.col-md-6{width:46.666666666667%; }
.col-md-5{width:38.333333333333%; }
.col-md-4{width:30%; }
.col-md-3{width:21.666666666667%; }
.col-md-2{width:13.333333333333%; }
.col-md-1{width:5%; }
.col-md-0{display:none;}
}
/*-----------------------------------------------------------------*/
/*Phone*/
@media screen and (max-width: 768px) {

.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left; display: block;}
.col-sm-12{width:96.666666666667%;}
.col-sm-11{width:88.333333333333%; }
.col-sm-10{width:80%; }
.col-sm-9{width:71.666666666667%; }
.col-sm-8{width:63.333333333333%; }
.col-sm-7{width:55%; }
.col-sm-6{width:46.666666666667%; }
.col-sm-5{width:38.333333333333%; }
.col-sm-4{width:30%; }
.col-sm-3{width:21.666666666667%; }
.col-sm-2{width:13.333333333333%; }
.col-sm-1{width:5%; }
.col-sm-0{display:none;}
}

/*-----------------------------------------------------------------*/
/*Phone landscape*/
@media screen and (max-width: 480px) {

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left; display: block;}
.col-xs-12{width:96.666666666667%;}
.col-xs-11{width:88.333333333333%; }
.col-xs-10{width:80%; }
.col-xs-9{width:71.666666666667%; }
.col-xs-8{width:63.333333333333%; }
.col-xs-7{width:55%; }
.col-xs-6{width:46.666666666667%; }
.col-xs-5{width:38.333333333333%; }
.col-xs-4{width:30%; }
.col-xs-3{width:21.666666666667%; }
.col-xs-2{width:13.333333333333%; }
.col-xs-1{width:5%; }
.col-xs-0 {display:none;}
}



/*-----------------------------------------------------------------*/
/*Phone portrait*/
@media screen and (max-width: 320px) {

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left; display: block;}
.col-xs-12{width:96.666666666667%;}
.col-xs-11{width:88.333333333333%; }
.col-xs-10{width:80%; }
.col-xs-9{width:71.666666666667%; }
.col-xs-8{width:63.333333333333%; }
.col-xs-7{width:55%; }
.col-xs-6{width:46.666666666667%; }
.col-xs-5{width:38.333333333333%; }
.col-xs-4{width:30%; }
.col-xs-3{width:21.666666666667%; }
.col-xs-2{width:13.333333333333%; }
.col-xs-1{width:5%; }
.col-xs-0 {display:none;}
}
@media screen and (max-width: 768px) {
    #footer_nav {
        padding-top: 5px;
        padding-bottom: 20px;
        color: #FFF;
        text-align: left;
        float: right;
    }

    .main_date {
        text-align: left;
        line-height: 20px;
        color: #999;
        padding-bottom: 20px;
        width: 96.666666666667%;
    }

    .main_author {
        text-align: left;
        line-height: 20px;
        color: #999;
        padding-top: 10px;
        padding-bottom: 0px;
        width: 96.666666666667%;
    }

    .table_form input[type="submit"] {
        font-size: 0.8em;
        letter-spacing: 0px;
        margin-top: 10px;
    }

    .overseaBox_data {
        /*50%*/
        font-size: 0.9em;
        padding: 10px 0 10px 0px;
        overflow: scroll
    }
    .requiredMsg {
        display: block;
    }
}